CN109725802B - Page interaction method and device - Google Patents
Page interaction method and device Download PDFInfo
- Publication number
- CN109725802B CN109725802B CN201811541984.9A CN201811541984A CN109725802B CN 109725802 B CN109725802 B CN 109725802B CN 201811541984 A CN201811541984 A CN 201811541984A CN 109725802 B CN109725802 B CN 109725802B
- Authority
- CN
- China
- Prior art keywords
- preset
- interactive
- instruction
- interaction
- area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Abstract
The invention discloses a page interaction method and a page interaction device, which relate to the field of electronic information, and the method comprises the following steps: when an interactive instruction corresponding to a preset interactive element in a page is received, determining an interactive position corresponding to the interactive instruction; judging whether the interaction position is matched with an instruction response area contained in the preset interaction element; if not, the interactive instruction is transmitted to the bottom layer element corresponding to the preset interactive element so as to be processed by the bottom layer element. By the method, the probability that the user mistakenly triggers the interactive element when the user intends to control the bottom layer element is reduced, the conflict between the interactive element and the bottom layer element is avoided, and the user experience is improved.
Description
Technical Field
The invention relates to the field of electronic information, in particular to a page interaction method and device.
Background
Currently, many pages include interactive elements to provide interactive functions with users. For example, a page home page of a life application will typically include an activity type interactive element for guiding a user to click on a popular offer, and the user can jump to the popular offer page through the activity type interactive element.
However, in the process of implementing the present invention, the inventors found that the above-mentioned manner has at least the following problems: in the prior art, interactive elements are usually carried by containers with regular shapes, while the element patterns of the interactive elements may be various irregular shapes, and accordingly, the element patterns of the interactive elements cannot completely fill the containers, and a partial blank area is necessarily existed. The partially blank area typically directly displays the content of the underlying element to which the interactive element corresponds. It can be seen that the partial blank area appears to the user as content belonging to the underlying element, and therefore, the user often clicks the partial blank area directly to manipulate the underlying element, but in essence, the partial blank area is carried by the container where the interactive element is located, so that the user may mistakenly trigger the interactive element when the user intends to manipulate the underlying element, thereby easily causing a conflict between the interactive element and the underlying element, and seriously reducing the user experience.
Disclosure of Invention
In view of the above, the present invention is proposed to provide a page interaction method and apparatus that overcomes or at least partially solves the above problems.
According to one aspect of the invention, a page interaction method is provided, which comprises the following steps:
when an interactive instruction corresponding to a preset interactive element in a page is received, determining an interactive position corresponding to the interactive instruction;
judging whether the interaction position is matched with an instruction response area contained in the preset interaction element;
if not, the interactive instruction is transmitted to the bottom layer element corresponding to the preset interactive element so as to be processed by the bottom layer element.
Optionally, after determining whether the interaction position matches an instruction response area included in the preset interaction element, the method further includes:
and if so, processing the interactive instruction by the preset interactive element.
Optionally, the determining whether the interaction position matches an instruction response region included in the preset interaction element includes:
dividing the preset interactive elements into an instruction response area and an instruction transparent transmission area according to a preset area division rule;
and judging whether the interaction position is matched with the instruction response area contained in the preset interaction element or not according to whether the interaction position belongs to the area range of the instruction response area or not.
Optionally, the preset region division rule includes:
performing gray level processing on an element picture corresponding to the preset interactive element, and determining a transparent area and a non-transparent area contained in the preset interactive element according to a gray level processing result;
and determining the nontransparent area as an instruction response area, and determining the transparent area as an instruction transparent transmission area.
Optionally, after determining the transparent area and the non-transparent area included in the preset interactive element according to the gray processing result, the method further includes:
and performing expansion treatment and/or corrosion treatment on a transparent area and/or a non-transparent area contained in the preset interactive element.
Optionally, if the preset interactive element is a dynamic interactive element, the determining whether the interaction position matches an instruction response region included in the preset interactive element specifically includes:
and dynamically determining an instruction response area contained in the preset interactive element according to the real-time state information of the dynamic interactive element, and judging whether the interactive position is matched with the dynamically determined instruction response area.
Optionally, the element state of the preset interactive element includes: a display state and a hidden state; when a page operation behavior is detected, the element state of the preset interactive element is a hidden state; and when the page operation behavior is not detected within the preset duration, the element state of the preset interactive element is a display state.
Optionally, the preset interactive element is used for pushing personalized information according to user behavior information, user location information and/or activity configuration information of the user.
Optionally, the preset interactive element includes: suspending the suspended interactive elements on the top layer of the page, wherein the bottom layer elements corresponding to the preset interactive elements comprise: and the page content element and/or the page control element are positioned at the bottom layer of the suspension type interactive element.
According to another aspect of the present invention, there is provided a page interacting apparatus, including:
the receiving module is suitable for determining an interaction position corresponding to an interaction instruction when the interaction instruction corresponding to a preset interaction element in a page is received;
the judging module is suitable for judging whether the interaction position is matched with an instruction response area contained in the preset interaction element;
and the transparent transmission module is suitable for transmitting the interactive instruction to the bottom layer element corresponding to the preset interactive element when the judgment result of the judgment module is negative so as to enable the bottom layer element to process the interactive instruction.
Optionally, the apparatus further comprises:
and the interaction module is suitable for processing the interaction instruction by the preset interaction element when the judgment result of the judgment module is yes.
Optionally, the determining module is specifically adapted to:
dividing the preset interactive elements into an instruction response area and an instruction transparent transmission area according to a preset area division rule;
and judging whether the interaction position is matched with the instruction response area contained in the preset interaction element or not according to whether the interaction position belongs to the area range of the instruction response area or not.
Optionally, the preset region division rule includes:
performing gray level processing on an element picture corresponding to the preset interactive element, and determining a transparent area and a non-transparent area contained in the preset interactive element according to a gray level processing result;
and determining the nontransparent area as an instruction response area, and determining the transparent area as an instruction transparent transmission area.
Optionally, the determining module is further adapted to:
and performing expansion treatment and/or corrosion treatment on a transparent area and/or a non-transparent area contained in the preset interactive element.
Optionally, if the preset interactive element is a dynamic interactive element, the determining module is specifically adapted to:
and dynamically determining an instruction response area contained in the preset interactive element according to the real-time state information of the dynamic interactive element, and judging whether the interactive position is matched with the dynamically determined instruction response area.
Optionally, the element state of the preset interactive element includes: a display state and a hidden state; when a page operation behavior is detected, the element state of the preset interactive element is a hidden state; and when the page operation behavior is not detected within the preset duration, the element state of the preset interactive element is a display state.
Optionally, the preset interactive element is used for pushing personalized information according to user behavior information, user location information and/or activity configuration information of the user.
Optionally, the preset interactive element includes: suspending the suspended interactive elements on the top layer of the page, wherein the bottom layer elements corresponding to the preset interactive elements comprise: and the page content element and/or the page control element are positioned at the bottom layer of the suspension type interactive element.
According to still another aspect of the present invention, there is provided an electronic apparatus including: the system comprises a processor, a memory, a communication interface and a communication bus, wherein the processor, the memory and the communication interface complete mutual communication through the communication bus;
the memory is used for storing at least one executable instruction, and the executable instruction enables the processor to execute the operation corresponding to the page interaction method.
According to still another aspect of the present invention, a computer storage medium is provided, where at least one executable instruction is stored in the storage medium, and the executable instruction causes a processor to perform an operation corresponding to the page interaction method as described above.
In the page interaction method and the device, when an interaction instruction corresponding to a preset interaction element in a page is received, an interaction position corresponding to the interaction instruction is determined; judging whether the interaction position is matched with an instruction response area contained in a preset interaction element; if not, the interactive instruction is transmitted to the bottom layer element corresponding to the interactive element so that the bottom layer element can process the interactive instruction. Therefore, in the mode provided by the invention, the instruction response area and the non-instruction response area are divided in the preset interactive element, and the interactive element responds to the interactive instruction only when the interactive position corresponding to the interactive instruction is positioned in the instruction response area; otherwise, when the interaction position corresponding to the interaction instruction is located in the non-instruction response area, the interaction element does not respond to the interaction instruction, but responds by the bottom element, so that the probability that the user mistakenly triggers the interaction element when the user intends to control the bottom element is reduced, the conflict between the interaction element and the bottom element is avoided, and the user experience is improved.
The foregoing description is only an overview of the technical solutions of the present invention, and the embodiments of the present invention are described below in order to make the technical means of the present invention more clearly understood and to make the above and other objects, features, and advantages of the present invention more clearly understandable.
Drawings
Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiments. The drawings are only for purposes of illustrating the preferred embodiments and are not to be construed as limiting the invention. Also, like reference numerals are used to refer to like parts throughout the drawings. In the drawings:
FIG. 1 is a flowchart illustrating a page interaction method according to an embodiment of the present invention;
FIG. 2 is a flowchart illustrating a page interaction method according to a second embodiment of the present invention;
FIG. 3 is a block diagram of a page interaction apparatus according to a third embodiment of the present invention;
fig. 4 shows a schematic structural diagram of an electronic device according to a fifth embodiment of the present invention;
FIG. 5 shows a schematic diagram of various elements in a page layout;
FIG. 6 is a layout diagram of a page containing a floating block in the present embodiment;
FIG. 7a shows a schematic diagram after performing a gray scale process;
fig. 7b shows a schematic representation after performing the expansion process.
Detailed Description
Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.
Example one
Fig. 1 shows a flowchart of a page interaction method according to an embodiment of the present invention. As shown in fig. 1, the method includes:
step S110: when an interactive instruction corresponding to a preset interactive element in a page is received, an interactive position corresponding to the interactive instruction is determined.
The preset interactive elements in the page may be various types of interactive elements, including: a floating inlet, a button, etc. The interactive instruction corresponding to the preset interactive element in the page is as follows: and the interactive instruction is triggered by touching the area where the preset interactive element is located. Correspondingly, when an interactive instruction triggered by touching the area where the preset interactive element is located is received, an interactive position corresponding to the interactive instruction is further determined, and the interactive position is used for describing the position relationship between the touch position corresponding to the current interactive instruction and the preset interactive element. For example, the interaction position corresponding to the interaction instruction may be located in a middle region, a lower region, an upper region, or the like of the preset interaction element, and may also be located in a left region or a right region, or the like of the preset interaction element.
Step S120: and judging whether the interaction position is matched with an instruction response area contained in a preset interaction element.
Specifically, in this embodiment, the preset interactive element needs to be divided into at least two parts, namely an instruction response area and a non-instruction response area. The specific dividing manner may be divided according to a pattern region included in the preset interactive element, for example, a non-transparent region including a pattern in the preset interactive element is set as an instruction response region, and a transparent region not including a pattern in the preset interactive element is set as a non-instruction response region. For another example, the preset interactive element is divided into an instruction response area and a non-instruction response area according to relative position relationships such as up-down, left-right, inside-outside, and the like, for example, a central area of the preset interactive element is set as the instruction response area, and a peripheral area (i.e., the non-central area) of the preset interactive element is set as the non-instruction response area. In short, the present invention does not limit the specific division manner of the instruction response area, and those skilled in the art can flexibly set the division manner according to the actual requirements.
Step S130: if not, the interactive instruction is transmitted to the bottom layer element corresponding to the preset interactive element so that the bottom layer element can process the interactive instruction.
Specifically, if the interaction position does not match the instruction response area included in the preset interaction element, it is indicated that the interaction position is in the non-instruction response area in the preset interaction element. Accordingly, the preset interactive element transmits the interactive instruction to the bottom element corresponding to the preset interactive element so as to process the interactive instruction by the bottom element. Wherein, the bottom layer element corresponding to the preset interactive element is: for example, when the preset interactive element is located at the top layer (i.e., at the first level), the bottom-layer element corresponding to the preset interactive element refers to an element located below the preset interactive element and at the second level. In addition, when the bottom layer element processes the interactive instruction, the interactive instruction can be processed according to various preset rules, and the invention does not limit the specific processing mode. For example, the underlying element needs to determine whether the interaction position of the interaction instruction corresponds to an interaction-enabled area (e.g., a button, a control, a hyperlink, or the like) in the underlying element, and if so, the interaction instruction is responded to implement interaction with the user; if not, the interactive instruction is not responded.
Therefore, in the mode provided by the invention, the instruction response area and the non-instruction response area are divided in the preset interactive element, and the interactive element responds to the interactive instruction only when the interactive position corresponding to the interactive instruction is positioned in the instruction response area; otherwise, when the interaction position corresponding to the interaction instruction is located in the non-instruction response area, the interaction element does not respond to the interaction instruction, but responds by the bottom element, so that the probability that the user mistakenly triggers the interaction element when the user intends to control the bottom element is reduced, the conflict between the interaction element and the bottom element is avoided, and the user experience is improved.
Fig. 2 shows a flowchart of a page interaction method according to a second embodiment of the present invention. As shown in fig. 2, the method includes:
step S210: when an interactive instruction corresponding to a preset interactive element in a page is received, an interactive position corresponding to the interactive instruction is determined.
In this embodiment, the preset interactive elements in the page mainly refer to suspended interactive elements suspended on the top layer of the page, and are used for implementing a function of guiding or pushing a user. For example, the preset interactive element is an active hover entry (also referred to as a hover block), such as a guide entry for marketing-type activities, and the like. Through the floating portal, hotspot activity can be pushed to the user.
The inventor discovers that in the process of implementing the invention: the floating entry in the traditional mode is fixedly arranged at the bottom of the page, and the floating entry is always kept in a fixed area at the bottom of the page no matter what operation is performed by a user. This approach has at least the following drawbacks: on one hand, when the user clicks other contents in the page, the suspended entrance at the bottom may shield the current browsing contents of the user, thereby causing interference to the normal browsing of the user; on the other hand, the suspension inlet is always arranged at a fixed position, so that the aesthetic fatigue of a user is easily caused, the existence of the suspension inlet is ignored, and the interaction with the user is not facilitated.
In order to solve the above problem, in the present invention, the preset interactive element has at least two element states, which are a display state and a hidden state. When the page operation behavior is detected, the element state of the preset interactive element is a hidden state, so that the interference on the normal browsing behavior of a user is avoided; and when the page operation behavior is not detected within the preset time length, the element state of the preset interactive element is a display state, so that the user can notice the newly added interactive element. For example, in this embodiment, a floating entry corresponding to the entry activity is displayed in the application home page, and when a page operation behavior of the user is detected (for example, when the user is detected to slide upwards), an element state of the floating entry is switched from a display state to a hidden state, so that the floating entry is hidden as an invisible state for the user, and interference on the page operation behavior of the user is avoided. Next, when the page operation behavior is not detected within the preset time period (for example, when the user does not perform any operation for 5 seconds continuously), the element state of the hover entry is switched from the hidden state to the displayed state. Compared with a continuous display mode, the mode can make the suspended entrance appear in real time according to the operation behavior of the user, so that the interaction effect with the user is improved, the attention of the user can be attracted in a proper scene, the emotional reaction of the user can be induced, and the probability of clicking the suspended entrance can be improved. Optionally, in order to further improve the user experience, in this embodiment, when the element state of the floating entry is switched from the hidden state to the displayed state, the floating entry is further switched to the brand image, and a bubble dialog box is popped up to push information for the user, so as to improve the interest of information push.
Specifically, when the preset interactive element is in a display state, the user can trigger an interactive instruction for the preset interactive element, so as to implement an interactive operation corresponding to the preset interactive element. In this embodiment, when an interactive instruction corresponding to a preset interactive element in a page is received, an interactive position corresponding to the interactive instruction is further determined. The interaction position is used for describing a specific area or coordinate value of the trigger position of the interaction instruction in a preset interaction element.
In order to facilitate understanding of the present invention, the following briefly introduces a layout manner of a page:
FIG. 5 shows a schematic diagram of various elements in a page layout. As shown in fig. 5, when a page is laid out, content such as text or pictures in the page is carried by different page elements. For example, each box in fig. 5 corresponds to a page element, and the content in the page element may be a picture or a text. Typically, each page element is in the basic shape of a rectangle, and irregularly shaped content is also wrapped by the rectangle. For example, the four words of "other music score" in fig. 5 are carried by a rectangular frame-shaped page element, only the left side of the rectangular frame-shaped page element has the content of "other music score", and the right side is a blank area. Although the user can only see the content of the "other music score" on the left side of the page element, when the user clicks the blank area on the right side of the element, the blank area still belongs to the area where the page element is located, and therefore the blank area is still a hot spot area capable of responding to the clicking operation, and the user is prone to misoperation. Fig. 6 shows a layout diagram of a page including a floating block in the present embodiment. Since the page elements in the page may correspond to different levels, the page response sequence starts from the top level of the page (i.e., the element with the highest level and closest to the user). Therefore, in the present embodiment, the floating blocks are laid out on the uppermost layer, that is: the page level of the floating block is set to be the highest level and is at the first level so as to prevent the floating block from being intercepted by gestures or other buttons to respond.
Because the suspension entry type interactive element in this embodiment is a multi-recommendation suspension block, the multi-recommendation suspension block may be a dynamic interactive element, that is: the element style changes dynamically, so that the suspension block is rich in visual style and diverse in interactive form, and correspondingly, the multi-recommendation suspension block is bound to have a large and irregular style in some scenes. For example, in fig. 6, the pattern region in the suspension block includes an upper text region and a lower image region, the pattern region has an irregular shape, and in order to bear the irregular shape, the area of the bearing container corresponding to the page element at least includes the rectangular frame region in fig. 6. In the rectangular frame area, only the text area where "you collect the kentucky package for 5-fold you" and the lower cartoon image area are non-transparent areas visible to the user, and the lower right area of the rectangular frame area is a transparent area invisible to the user. For the user, the bottom layer element below the floating block can be directly viewed through the transparent area at the lower right of the rectangular frame area. Since the floating block is at the first level, the underlying elements below it are at the second level, respectively. Of course, if the transparent region in which the bottom layer element is located can reveal the elements located at the third level and even the fourth level, the bottom layer element corresponding to the preset interactive element mentioned in this embodiment may include the elements at the third level and even the fourth level in addition to the elements at the second level. In short, the present invention does not limit the specific hierarchy of the preset interactive element and its bottom layer elements, and all elements that are located at the bottom of the preset interactive element and have a response sequence lower than that of the preset interactive element can be used as the bottom layer elements of the preset interactive element.
The inventor finds that, in the process of implementing the present invention, since the user can directly view the bottom layer element located below the floating block through the transparent region on the lower right of the rectangular frame region, the user often operates the bottom layer element located below the floating block by clicking the transparent region on the lower right of the rectangular frame region, and at this time, the user mistakenly triggers the preset interactive element because the transparent region on the lower right of the rectangular frame region still belongs to the preset interactive element. In order to avoid the problem of conflict between the element interactive element and the underlying element, the invention needs to dynamically determine the interactive position corresponding to the interactive instruction when the preset interactive element receives the interactive instruction. The interaction position may be represented by a coordinate value. For example, assuming that a coordinate system is established with a central area of a preset interactive element as an origin of coordinates, each pixel point in the preset interactive element may be represented by a set of coordinate values, so that when the preset interactive element receives an interactive instruction, a specific position of the interactive instruction may be described by a coordinate value of an interactive position where the interactive instruction is located. For example, a text area where "you collect the kentucky package and play 5-fold you" in fig. 6 may be located, a lower cartoon image area may be located, and a lower right transparent area may be located. In summary, by determining the interaction position corresponding to the interaction instruction, the specific touch point of the interaction instruction can be determined.
Step S220: and dividing the preset interactive elements into an instruction response area and an instruction transparent transmission area according to a preset area division rule.
Wherein, this instruction passthrough area also can be understood as non-instruction response area, namely: and taking the rest areas except the instruction response area as instruction passthrough areas.
In a first implementation manner of this step, in order to improve the real-time response speed, the preset interactive element is divided into an instruction response area and an instruction transparent transmission area in advance. In addition, when the preset interactive element is an image group including a plurality of continuously displayed images, an instruction response area and an instruction transparent transmission area are divided in advance for each image in the image group. Correspondingly, when an interactive instruction is subsequently received, the picture identifier of the picture currently displayed by the preset interactive element is dynamically judged, and a corresponding region division result is obtained according to the picture identifier. The method has the advantages of low processing time delay and high efficiency.
In a second implementation manner of this step, in order to flexibly cope with various changeable pre-set interactive elements, it is necessary to dynamically determine an instruction response area included in the pre-set interactive element according to real-time status information of the dynamic pre-set interactive element, so as to further determine whether the interaction position matches the dynamically determined instruction response area in a subsequent step. The method can determine the instruction response area and the instruction transparent transmission area corresponding to the current shape of the preset interactive element in real time, has high real-time performance, and is particularly suitable for scenes with changeable and indefinite interactive element dynamic images. In this embodiment, in order to improve the visual experience of the user, a second implementation manner is adopted, and accordingly, the shape of the preset interactive element in this embodiment is not fixed, and may be adjusted in real time according to the online service requirement.
Specifically, the area division rule is used for dividing an area for responding to the interactive instruction and an area for transparently transmitting the interactive instruction in the interactive element, and the specific division rule can be flexibly set by a person skilled in the art, which is not limited by the present invention. In this embodiment, the division is mainly performed from the perspective of user vision, and correspondingly, the preset region division rule includes: performing gray level processing on an element picture corresponding to a preset interactive element, and determining a transparent area and a non-transparent area contained in the preset interactive element according to a gray level processing result; and determining the non-transparent area as an instruction response area, and determining the transparent area as an instruction transparent transmission area. Optionally, in order to eliminate some smaller areas, after determining the transparent area and the non-transparent area included in the preset interactive element according to the grayscale processing result, the method further includes: performing an expansion process and/or an erosion process with respect to a transparent area and/or a non-transparent area included in the interactive element.
For example, fig. 7a shows a schematic diagram after performing the gradation processing, and fig. 7b shows a schematic diagram after performing the expansion processing. In the example shown in fig. 7a and 7b, the following operations need to be performed for the picture shots of the hover block: first, a gradation process is performed for a picture screen shot of a suspension block. Through gray processing, a non-transparent area and a transparent area in the image can be determined, and the gray processing can ignore color difference and reduce operation complexity, so that the calculation speed is obviously improved in a real-time operation scene. Then, an expansion process is performed on the gradation region (i.e., the non-transparent region) to expand the edge of the gradation region to white, thereby closing a small gap. For example, in the present example, the fork of the cartoon man and the distance between the hand and the head are closed, thereby avoiding the misoperation phenomenon caused by the small area. During specific processing, expansion processing or corrosion processing can be performed on the edge corresponding to the transparent area with the area smaller than the preset area, so as to eliminate the smaller transparent area. Finally, the area range of the instruction response area is determined according to the picture obtained in fig. 7 b. For example, a coordinate matrix is established according to the shape and contour of the picture obtained in fig. 7b and the position of the preset interactive element, and the coordinate matrix is used for storing the coordinate values of the pixel points in the picture obtained in fig. 7b (i.e. the non-transparent regions after the gray processing) relative to the center point of the preset interactive element. And the coordinate value of each pixel point in the instruction response area in the preset interactive element can be quickly determined through the coordinate matrix. Or, a mask layer of the click gesture may be constructed according to the picture obtained in fig. 7b, and the mask layer is used for determining whether to respond to the click gesture according to a binary value. For example, the mask layer stores mask values corresponding to each pixel point in the preset interactive element, where the mask value of the pixel point corresponding to the picture obtained in fig. 7b is 1, and the mask values of the pixel points at other positions are 0. Correspondingly, when the user clicks the suspension block, if the clicking position is mapped to the pixel point with the numerical value of 1 in the mask layer, the clicked pixel point is an instruction response area; if the click position is mapped to the pixel point with the value of 0 in the mask layer, the click is an instruction transparent transmission area.
Step S230: and judging whether the interaction position is matched with the instruction response area contained in the preset interaction element or not according to whether the interaction position belongs to the area range of the instruction response area or not.
Because the instruction response area and the instruction transparent transmission area are divided in the previous step, the step can directly judge whether the interaction position belongs to the area range of the instruction response area according to the division result of the previous step. For example, judging according to whether the coordinate value of the interaction position belongs to the coordinate matrix mentioned above, if so, determining that the interaction position is matched with an instruction response area contained in a preset interaction element; if not, determining that the interaction position is not matched with the instruction response area contained in the preset interaction element but matched with the instruction transparent transmission area. If the value of the interactive position mapped to the mask layer is 1, determining that the interactive position is matched with an instruction response area contained in a preset interactive element; if the value of the interactive position mapped to the above-mentioned mask layer is 0, it is determined that the interactive position does not match the instruction response area included in the preset interactive element, but matches the instruction passthrough area.
Step S240: if so, the interactive instruction is processed by the interactive element.
Specifically, when the interaction position matches an instruction response area included in the preset interaction element, it is described that the interaction instruction should be responded by the interaction element. The specific processing manner of the interactive element depends on the type, function, etc. of the interactive element itself, and the specific processing manner is not limited in the present invention.
In this embodiment, the preset interactive element is a multi-recommendation suspension block, and is used for pushing various entities including electronic coupons (such as full discount coupons, and the like), commodities, or activities, and the like for the user to guide the user to enter a next-level page. In this embodiment, in order to accurately meet the personalized requirements of the user and improve the click conversion rate, the preset interactive elements are set to be capable of pushing personalized information according to the user behavior information, the user location information and/or the activity configuration information of the user. Specifically, in the present embodiment, personalized information related to user behavior is first pushed according to user behavior information. For example, the server side inquires whether the data records of browsed commodities and collected commodities exist in the current user, if yes, pushing is carried out according to the data records of the browsed commodities and the collected commodities of the user through a personalized recommendation algorithm, and therefore the client side displays information related to the browsed or collected commodities. And then, pushing personalized information related to the user position according to the user position information. For example, if the service end does not inquire the user behavior information, the service end acquires the geographic position information of the user, judges whether a business participating in the activity exists in the range of 5-10 kilometers of the current position of the user, and if so, accurately recommends surrounding businesses based on the LBS positioning technology, so that the client end displays the business participating in the activity in the range of 5-10 kilometers, and the user can conveniently consume nearby. And finally, pushing according to the activity configuration information. For example, if the server determines that no activity merchant exists around the user, the server recommends the hot activity to the user according to the preset activity configuration information of the hot activity, so that the client displays the activity.
Step S250: if not, the interactive instruction is transmitted to the bottom layer element corresponding to the preset interactive element so that the bottom layer element can process the interactive instruction.
When the interaction position is not matched with the instruction response area contained in the preset interaction element, the interaction instruction is indicated to be responded by the bottom layer element corresponding to the interaction element. The invention does not limit the specific type of the underlying elements and the manner of response processing.
For example, when the preset interactive element is a floating interactive element, the bottom element located at the bottom of the floating interactive element may be a page content element and/or a page control element. When the bottom element at the bottom of the interactive element is a page content element, the bottom element does not perform any processing on the interactive instruction; and when the bottom layer element positioned at the bottom layer of the interactive element is a page control element, the bottom layer element executes processing corresponding to the control aiming at the interactive instruction. In summary, after the transparent interactive instruction is received by the underlying element, whether and how to process the interactive instruction depend on the internal logic of the underlying element: when the bottom layer element is a non-interactive element (such as a static picture, a character and the like), the interactive instruction is not processed; when the underlying element is an interactable element (such as a button, a control, a hyperlink and the like), the interactive instruction is processed.
In addition, the sequence of the steps in this embodiment may be flexibly adjusted by those skilled in the art, and those skilled in the art can combine the steps into fewer steps or split the steps into more steps, which is not limited in this respect. In addition, when the interactive element determines whether the interactive instruction is processed by the element or transmitted to the next-level element, the configuration can be performed through preset configuration parameters. For example, a configuration parameter is preset, and the value of the configuration parameter is used for describing the processing mode of the interactive instruction. For example, the interactive instruction is processed by the interactive element when the value is 1, and is passed through to the next-level element when the value is 0. Therefore, in the invention, the parameter value of the configuration parameter can be dynamically adjusted according to the actual situation, thereby avoiding the conflict problem.
In conclusion, by the mode of the invention, accurate putting can be carried out through the suspension inlet in the activity putting, and the brand dialogue bubble is added, so that the traditional fixed activity inlet is pushed and optimized into multiple pieces of accurate pushing of the personalized recommendation algorithm. In addition, the effective click area of the suspension block is optimized, and the irregular transparent area is processed to reduce the shielding probability. The method can dynamically plan the area of the preset interactive elements needing to intercept gestures and transmit gestures, thereby avoiding the conflict with the underlying elements, having better real-time performance, and being widely applicable to various interactive elements which flexibly show various styles. The method does not affect the normal operation of the user, and the gesture can be normally transmitted to the bottom layer element which is not shielded when the user clicks the transparent area in the preset interactive element.
EXAMPLE III
Fig. 3 is a schematic structural diagram of a page interaction apparatus according to a third embodiment of the present invention, where the apparatus includes:
the receiving module 31 is adapted to, when receiving an interactive instruction corresponding to a preset interactive element in a page, determine an interactive position corresponding to the interactive instruction;
the judging module 32 is adapted to judge whether the interaction position is matched with an instruction response area contained in the preset interaction element;
and the transparent transmission module 33 is adapted to transmit the interactive instruction to the bottom layer element corresponding to the preset interactive element when the judgment result of the judgment module is negative, so that the bottom layer element can process the interactive instruction.
Optionally, the apparatus further comprises:
and the interaction module is suitable for processing the interaction instruction by the preset interaction element when the judgment result of the judgment module is yes.
Optionally, the determining module 32 is specifically adapted to:
dividing the preset interactive elements into an instruction response area and an instruction transparent transmission area according to a preset area division rule;
and judging whether the interaction position is matched with the instruction response area contained in the preset interaction element or not according to whether the interaction position belongs to the area range of the instruction response area or not.
Optionally, the preset region division rule includes:
performing gray level processing on an element picture corresponding to the preset interactive element, and determining a transparent area and a non-transparent area contained in the preset interactive element according to a gray level processing result;
and determining the nontransparent area as an instruction response area, and determining the transparent area as an instruction transparent transmission area.
Optionally, the determining module 32 is further adapted to:
and performing expansion treatment and/or corrosion treatment on a transparent area and/or a non-transparent area contained in the preset interactive element.
Optionally, if the preset interactive element is a dynamic interactive element, the determining module 32 is specifically adapted to:
and dynamically determining an instruction response area contained in the preset interactive element according to the real-time state information of the dynamic interactive element, and judging whether the interactive position is matched with the dynamically determined instruction response area.
Optionally, the element state of the preset interactive element includes: a display state and a hidden state; when a page operation behavior is detected, the element state of the preset interactive element is a hidden state; and when the page operation behavior is not detected within the preset duration, the element state of the preset interactive element is a display state.
Optionally, the preset interactive element is used for pushing personalized information according to user behavior information, user location information and/or activity configuration information of the user.
Optionally, the preset interactive element includes: suspending the suspended interactive elements on the top layer of the page, wherein the bottom layer elements corresponding to the preset interactive elements comprise: and the page content element and/or the page control element are positioned at the bottom layer of the suspension type interactive element.
The specific structure and operation principle of each module described above may refer to the description of the corresponding part in the method embodiment, and are not described herein again.
Example four
An embodiment of the present application provides a non-volatile computer storage medium, where the computer storage medium stores at least one executable instruction, and the computer executable instruction may execute the page interaction method in any method embodiment described above. The executable instructions may be specifically configured to cause a processor to perform respective operations corresponding to the above-described method embodiments.
EXAMPLE five
Fig. 4 is a schematic structural diagram of an electronic device according to a fifth embodiment of the present invention, and the specific embodiment of the present invention does not limit the specific implementation of the electronic device.
As shown in fig. 4, the electronic device may include: a processor (processor)402, a Communications Interface 406, a memory 404, and a Communications bus 408.
Wherein:
the processor 402, communication interface 406, and memory 404 communicate with each other via a communication bus 408.
A communication interface 406 for communicating with network elements of other devices, such as clients or other servers.
The processor 402 is configured to execute the program 410, and may specifically perform relevant steps in the above-described page interaction method embodiment.
In particular, program 410 may include program code comprising computer operating instructions.
The processor 402 may be a central processing unit CPU, or an Application Specific Integrated Circuit ASIC (Application Specific Integrated Circuit), or one or more Integrated circuits configured to implement an embodiment of the present invention. The electronic device comprises one or more processors, which can be the same type of processor, such as one or more CPUs; or may be different types of processors such as one or more CPUs and one or more ASICs.
And a memory 404 for storing a program 410. The memory 404 may comprise high-speed RAM memory, and may also include non-volatile memory (non-volatile memory), such as at least one disk memory.
The program 510 may be specifically configured to enable the processor 502 to execute the corresponding operations in the above method embodiments.
The algorithms and displays presented herein are not inherently related to any particular computer, virtual machine, or other apparatus. Various general purpose systems may also be used with the teachings herein. The required structure for constructing such a system will be apparent from the description above. Moreover, the present invention is not directed to any particular programming language. It is appreciated that a variety of programming languages may be used to implement the teachings of the present invention as described herein, and any descriptions of specific languages are provided above to disclose the best mode of the invention.
In the description provided herein, numerous specific details are set forth. It is understood, however, that embodiments of the invention may be practiced without these specific details. In some instances, well-known methods, structures and techniques have not been shown in detail in order not to obscure an understanding of this description.
Similarly, it should be appreciated that in the foregoing description of exemplary embodiments of the invention, various features of the invention are sometimes grouped together in a single embodiment, figure, or description thereof for the purpose of streamlining the disclosure and aiding in the understanding of one or more of the various inventive aspects. However, the disclosed method should not be interpreted as reflecting an intention that: that the invention as claimed requires more features than are expressly recited in each claim. Rather, as the following claims reflect, inventive aspects lie in less than all features of a single foregoing disclosed embodiment. Thus, the claims following the detailed description are hereby expressly incorporated into this detailed description, with each claim standing on its own as a separate embodiment of this invention.
Those skilled in the art will appreciate that the modules in the device in an embodiment may be adaptively changed and disposed in one or more devices different from the embodiment. The modules or units or components of the embodiments may be combined into one module or unit or component, and furthermore they may be divided into a plurality of sub-modules or sub-units or sub-components. All of the features disclosed in this specification (including any accompanying claims, abstract and drawings), and all of the processes or elements of any method or apparatus so disclosed, may be combined in any combination, except combinations where at least some of such features and/or processes or elements are mutually exclusive. Each feature disclosed in this specification (including any accompanying claims, abstract and drawings) may be replaced by alternative features serving the same, equivalent or similar purpose, unless expressly stated otherwise.
Furthermore, those skilled in the art will appreciate that while some embodiments described herein include some features included in other embodiments, rather than other features, combinations of features of different embodiments are meant to be within the scope of the invention and form different embodiments. For example, in the following claims, any of the claimed embodiments may be used in any combination.
The various component embodiments of the invention may be implemented in hardware, or in software modules running on one or more processors, or in a combination thereof. Those skilled in the art will appreciate that a microprocessor or Digital Signal Processor (DSP) may be used in practice to implement some or all of the functions of some or all of the components in a voice input information based lottery system according to embodiments of the present invention. The present invention may also be embodied as apparatus or device programs (e.g., computer programs and computer program products) for performing a portion or all of the methods described herein. Such programs implementing the present invention may be stored on computer-readable media or may be in the form of one or more signals. Such a signal may be downloaded from an internet website or provided on a carrier signal or in any other form.
It should be noted that the above-mentioned embodiments illustrate rather than limit the invention, and that those skilled in the art will be able to design alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as limiting the claim. The word "comprising" does not exclude the presence of elements or steps not listed in a claim. The word "a" or "an" preceding an element does not exclude the presence of a plurality of such elements. The invention may be implemented by means of hardware comprising several distinct elements, and by means of a suitably programmed computer. In the unit claims enumerating several means, several of these means may be embodied by one and the same item of hardware. The usage of the words first, second and third, etcetera do not indicate any ordering. These words may be interpreted as names.
Claims (16)
1. A page interaction method comprises the following steps:
when an interactive instruction corresponding to a preset interactive element in a page is received, determining an interactive position corresponding to the interactive instruction;
judging whether the interaction position is matched with an instruction response area contained in the preset interaction element;
if not, transparently transmitting the interactive instruction to a bottom layer element corresponding to the preset interactive element so as to enable the bottom layer element to process the interactive instruction;
if the preset interactive element is a dynamic interactive element, the determining whether the interaction position matches an instruction response region included in the preset interactive element specifically includes: dynamically determining an instruction response area contained in the preset interactive element according to the real-time state information of the dynamic interactive element, and judging whether the interactive position is matched with the dynamically determined instruction response area; a mask layer is constructed for the preset interactive elements, and the mask layer stores mask numerical values corresponding to all pixel points in the preset interactive elements so as to judge whether to respond to a click gesture corresponding to an interactive instruction or not through binary numerical values;
the preset interactive elements are suspended interactive elements suspended on the top layer of the page, and bottom layer elements located on the bottom layer of the suspended interactive elements comprise page content elements and/or page control elements.
2. The method of claim 1, wherein after determining whether the interaction location matches an instruction response area included in the preset interaction element, the method further comprises:
and if so, processing the interactive instruction by the preset interactive element.
3. The method of claim 1, wherein the determining whether the interaction location matches an instruction response region included in the preset interaction element comprises:
dividing the preset interactive elements into an instruction response area and an instruction transparent transmission area according to a preset area division rule;
and judging whether the interaction position is matched with the instruction response area contained in the preset interaction element or not according to whether the interaction position belongs to the area range of the instruction response area or not.
4. The method of claim 3, wherein the preset region division rule comprises:
performing gray level processing on an element picture corresponding to the preset interactive element, and determining a transparent area and a non-transparent area contained in the preset interactive element according to a gray level processing result;
and determining the nontransparent area as an instruction response area, and determining the transparent area as an instruction transparent transmission area.
5. The method according to claim 4, wherein after determining the transparent region and the non-transparent region included in the preset interactive element according to the gray processing result, the method further comprises:
and performing expansion treatment and/or corrosion treatment on a transparent area and/or a non-transparent area contained in the preset interactive element.
6. The method of any one of claims 1-5, wherein the element state of the preset interactive element comprises: a display state and a hidden state; when a page operation behavior is detected, the element state of the preset interactive element is a hidden state; and when the page operation behavior is not detected within the preset duration, the element state of the preset interactive element is a display state.
7. The method according to any one of claims 1 to 5, wherein the preset interactive element is used for pushing personalized information according to user behavior information, user location information and/or activity configuration information of a user.
8. A page interaction device, comprising:
the receiving module is suitable for determining an interaction position corresponding to an interaction instruction when the interaction instruction corresponding to a preset interaction element in a page is received;
the judging module is suitable for judging whether the interaction position is matched with an instruction response area contained in the preset interaction element;
the transparent transmission module is suitable for transmitting the interactive instruction to the bottom layer element corresponding to the preset interactive element when the judgment result of the judgment module is negative, so that the bottom layer element can process the interactive instruction; wherein, if the preset interactive element is a dynamic interactive element, the determining module is specifically adapted to:
dynamically determining an instruction response area contained in the preset interactive element according to the real-time state information of the dynamic interactive element, and judging whether the interactive position is matched with the dynamically determined instruction response area; a mask layer is constructed for the preset interactive elements, and the mask layer stores mask numerical values corresponding to all pixel points in the preset interactive elements so as to judge whether to respond to a click gesture corresponding to an interactive instruction or not through binary numerical values;
the preset interactive elements are suspended interactive elements suspended on the top layer of the page, and bottom layer elements located on the bottom layer of the suspended interactive elements comprise page content elements and/or page control elements.
9. The apparatus of claim 8, wherein the apparatus further comprises:
and the interaction module is suitable for processing the interaction instruction by the preset interaction element when the judgment result of the judgment module is yes.
10. The apparatus according to claim 8, wherein the determining means is specifically adapted to:
dividing the preset interactive elements into an instruction response area and an instruction transparent transmission area according to a preset area division rule;
and judging whether the interaction position is matched with the instruction response area contained in the preset interaction element or not according to whether the interaction position belongs to the area range of the instruction response area or not.
11. The apparatus of claim 10, wherein the preset region division rule comprises:
performing gray level processing on an element picture corresponding to the preset interactive element, and determining a transparent area and a non-transparent area contained in the preset interactive element according to a gray level processing result;
and determining the nontransparent area as an instruction response area, and determining the transparent area as an instruction transparent transmission area.
12. The apparatus of claim 11, wherein the determining means is further adapted to:
and performing expansion treatment and/or corrosion treatment on a transparent area and/or a non-transparent area contained in the preset interactive element.
13. The apparatus according to any one of claims 8-12, wherein the element state of the preset interactive element comprises: a display state and a hidden state; when a page operation behavior is detected, the element state of the preset interactive element is a hidden state; and when the page operation behavior is not detected within the preset duration, the element state of the preset interactive element is a display state.
14. The device according to any one of claims 8 to 12, wherein the preset interactive element is configured to implement pushing of personalized information according to user behavior information, user location information, and/or activity configuration information of a user.
15. An electronic device, comprising: the system comprises a processor, a memory, a communication interface and a communication bus, wherein the processor, the memory and the communication interface complete mutual communication through the communication bus;
the memory is used for storing at least one executable instruction, and the executable instruction causes the processor to execute the operation corresponding to the page interaction method according to any one of claims 1-7.
16. A computer storage medium having stored therein at least one executable instruction that causes a processor to perform operations corresponding to the page interaction method of any one of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811541984.9A CN109725802B (en) | 2018-12-17 | 2018-12-17 | Page interaction method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811541984.9A CN109725802B (en) | 2018-12-17 | 2018-12-17 | Page interaction method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109725802A CN109725802A (en) | 2019-05-07 |
| CN109725802B true CN109725802B (en) | 2021-02-23 |
Family
ID=66296191
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811541984.9A Active CN109725802B (en) | 2018-12-17 | 2018-12-17 | Page interaction method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109725802B (en) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111338528B (en) * | 2020-02-25 | 2021-05-07 | 维沃移动通信有限公司 | Operation response method and electronic equipment |
| CN111580657A (en) * | 2020-05-09 | 2020-08-25 | 北京首汽智行科技有限公司 | Gesture interaction method and device based on map page |
| CN112750016A (en) * | 2021-01-26 | 2021-05-04 | 拉扎斯网络科技（上海）有限公司 | Information display method and device and electronic equipment |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104583925A (en) * | 2012-08-24 | 2015-04-29 | 索尼公司 | Image processing device, method, and program |
| CN105022580A (en) * | 2014-04-21 | 2015-11-04 | 三星显示有限公司 | Image display system |
Family Cites Families (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103176635B (en) * | 2011-12-22 | 2016-04-13 | 腾讯科技（深圳）有限公司 | Multi-control touch method and system |
| US9852759B2 (en) * | 2014-10-25 | 2017-12-26 | Yieldmo, Inc. | Methods for serving interactive content to a user |
| CN107203764B (en) * | 2016-03-18 | 2020-08-07 | 北大方正集团有限公司 | Long microblog picture identification method and device |
| US10104440B2 (en) * | 2016-11-17 | 2018-10-16 | Jamdeo Canada, Ltd. | System and method for digital television operation and control interface presentation |
| CN106775298A (en) * | 2016-11-28 | 2017-05-31 | 北京小米移动软件有限公司 | The processing method and processing device of sectional drawing |
| CN107643866B (en) * | 2017-08-21 | 2020-08-07 | 广州视源电子科技股份有限公司 | Method and device for operating different-level pictures, terminal equipment and storage medium |
| CN107885437A (en) * | 2017-11-29 | 2018-04-06 | 广州视源电子科技股份有限公司 | Multielement exchange method, device, equipment and storage medium |
| CN108536387B (en) * | 2018-04-03 | 2021-03-23 | 广州视源电子科技股份有限公司 | Interaction method and interaction device for suspension control |
| CN108848022A (en) * | 2018-06-05 | 2018-11-20 | 华南理工大学 | A kind of information push method based on scene and user behavior |
-
2018
- 2018-12-17 CN CN201811541984.9A patent/CN109725802B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104583925A (en) * | 2012-08-24 | 2015-04-29 | 索尼公司 | Image processing device, method, and program |
| CN105022580A (en) * | 2014-04-21 | 2015-11-04 | 三星显示有限公司 | Image display system |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109725802A (en) | 2019-05-07 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107181976B (en) | Bullet screen display method and electronic equipment | |
| JP5324411B2 (en) | Advertisement distribution apparatus, method and program | |
| CN109725802B (en) | Page interaction method and device | |
| US20180300771A1 (en) | Maintaining page interaction functionality with overlay content | |
| US10620804B2 (en) | Optimizing layout of interactive electronic content based on content type and subject matter | |
| US20130124311A1 (en) | System and Method for Dynamic Integration of Advertisements in a Virtual Environment | |
| KR20200021555A (en) | Automatic-guided image capturing and presentation | |
| CN108319683B (en) | Webpage display method and device and terminal | |
| CN107066174A (en) | Floating layer display methods, device and user terminal | |
| US20210042809A1 (en) | System and method for intuitive content browsing | |
| CN111611037A (en) | View object processing method for electronic book, electronic device and storage medium | |
| KR20100062512A (en) | Method, system and computer-readable recording medium for publishing advertisement on user-preferred region | |
| JP5563703B2 (en) | Content distribution apparatus, content distribution method, content distribution program, and terminal program | |
| CN110473273B (en) | Vector graph drawing method and device, storage medium and terminal | |
| CN102496169A (en) | Method and device for drawing overlapped object | |
| JP5899364B1 (en) | PROGRAM, ELECTRONIC DEVICE, SYSTEM, AND METHOD FOR DETERMINING RESOURCE ALLOCATION FOR PREDICTING AND Rendering Player Intent | |
| CN105138702B (en) | Network searching method based on search engine and electronic equipment | |
| US9024954B2 (en) | Displaying partial logos | |
| CN110909192A (en) | Instant searching method, device, terminal and storage medium | |
| US7142207B2 (en) | Hierarchical sorting of linked objects in virtual three-dimensional space | |
| US11301125B2 (en) | Vector object interaction | |
| CN109816485B (en) | Page display method and device | |
| JP6312901B2 (en) | Terminal program, terminal device, and terminal control method | |
| US20220318334A1 (en) | Multi-link composite image generator for electronic mail (e-mail) messages | |
| CN109872212B (en) | Method and device for linkage of commodity data information of Internet platform |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |