Page burying point management method and device, equipment and storage medium

Abstract

The invention discloses a page burying point management method and device, equipment and a storage medium, and relates to the technical field of computers.The method comprises the steps that a to-be-managed page picture uploaded by a user based on a burying point visual area in a visual burying point page is received; determining a burying point adding position corresponding to the to-be-added burying point according to a preset burying point adding mode; determining page burying point information corresponding to the burying point to be newly added; and performing burying point management on the visual burying point page based on the page burying point information and the burying point newly-added position. According to the method and the device, the burying point adding position corresponding to the to-be-added burying point in the to-be-managed page picture can be determined according to the preset burying point adding mode, and burying point management is performed on the visual burying point page based on the burying point adding position and the page burying point information corresponding to the to-be-added burying point; therefore, the technical problems of relatively high point burying cost and low efficiency caused by the fact that page pictures usually need to be redrawn when the point burying is newly added in a point burying management scheme in the prior art are solved.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to page embedding management methods, devices, equipment and storage media. Background Art

[0002] With the continuous development of internet products and evolving user needs, the requirements for data collection and analysis are becoming increasingly stringent. Tracking, a core technology in the data collection field, captures, processes, and transmits data related to user behavior or events by setting specific monitoring points within applications. This provides companies with a valuable foundation for gaining in-depth understanding of user behavior patterns, product usage, and market trends. However, as businesses continue to expand, product functionality becomes increasingly complex, and user needs diversify, managing tracking is becoming increasingly important.

[0003] Currently, traditional tracking point management solutions typically rely on pre-saving page images with tracking point locations drawn on them. However, this approach often requires redrawing the page image to add a new tracking point, resulting in high tracking cost and low efficiency. Summary of the Invention

[0004] The main purpose of this application is to provide a page embedding management method, device, equipment and storage medium, aiming to solve the technical problem that the embedding management solution in the prior art usually needs to redraw the page image when adding a new embedding point, resulting in high embedding cost and low efficiency.

[0005] To achieve the above objectives, this application proposes a page tracking management method, which includes:

[0006] Receive images of pages to be managed uploaded by users based on the tracking visualization area of ​​the tracking visualization page;

[0007] Determine the new location of the embedding point corresponding to the embedding point to be added in the image of the page to be managed according to the preset embedding point adding method;

[0008] Determine the page embedding point information corresponding to the embedding point to be added;

[0009] Based on the page burying point information and the newly added location of the burying point, burying point management is performed on the visual burying point page.

[0010] In one embodiment, the preset embedding point adding method includes: a first embedding point adding method; the step of determining the embedding point adding position corresponding to the embedding point to be added in the image of the page to be managed according to the preset embedding point adding method includes:

[0011] Determine, according to the first embedding point adding method, a first left side line distance and a first top side line distance between the embedding point to be added in the image of the page to be managed and the image of the page to be managed;

[0012] Determine a new location of the buried point corresponding to the to-be-added buried point based on the first left sideline distance and the first top sideline distance;

[0013] The step of performing tracking point management on the visualized tracking point page based on the tracking point information on the page and the newly added tracking point location includes:

[0014] Generating a first user interface element corresponding to the to-be-added burying point in the visualized burying point page based on the newly added location of the burying point;

[0015] Determine the embedding sequence number corresponding to the first user interface element according to the page embedding information;

[0016] Information of the first user interface element is displayed based on the tracking sequence number, so as to perform a tracking point adding operation on the visual tracking page.

[0017] In one embodiment, before the step of determining the location of the embedded point corresponding to the embedded point to be added in the image of the page to be managed according to the preset embedded point adding method, the method further includes:

[0018] Generate an initial burying point information record corresponding to the page image to be managed in the burying point information management area of ​​the visual burying point page;

[0019] After the step of displaying information of the first user interface element based on the tracking sequence number to perform a tracking adding operation on the visual tracking page, the method further includes:

[0020] Monitor the user's dragging behavior in real time through the first user interface element;

[0021] When the user dragging behavior is completed, obtain the current target left edge distance and target top edge distance of the first user interface element on the visualization embedding page;

[0022] The initial embedding point information record is updated based on the page embedding point information, the target left line distance and the target top line distance.

[0023] In one embodiment, the preset embedding point adding method includes: a second embedding point adding method; and the step of determining, according to the preset embedding point adding method, a embedding point adding position corresponding to the embedding point to be added in the image of the page to be managed, includes:

[0024] Acquire, according to the second burying point adding method, a burying point adding instruction triggered by the user based on the burying point visualization area;

[0025] Generate an interface embedding icon corresponding to the embedding point to be added in the image of the page to be managed based on the instruction trigger position corresponding to the embedding point adding instruction;

[0026] Determine the second left edge distance and the second top edge distance between the interface embedding icon and the image of the page to be managed;

[0027] Based on the second left side line distance and the second top side line distance, the new position of the burying point corresponding to the new burying point is determined.

[0028] In one embodiment, the method further comprises:

[0029] When a first mouse hover instruction triggered by a user based on the burying point visualization area is detected, determining a mouse hover icon according to the first mouse hover instruction;

[0030] Performing icon highlighting processing on the mouse hover icon to obtain a highlighted mouse hover icon;

[0031] Determine the location of the buried point to be located corresponding to the highlighted mouse hover icon in the buried point information management area;

[0032] The background area corresponding to the location of the buried point information is highlighted so that the user can locate the buried point based on the highlighted location of the buried point information.

[0033] In one embodiment, the method further comprises:

[0034] When detecting a second mouse hover instruction triggered by a user based on the tracking information management area, determining a mouse hover information record according to the second mouse hover instruction;

[0035] The mouse hover information record is highlighted so that the user can locate the location based on the highlighted mouse hover information record.

[0036] In one embodiment, after the step of highlighting the mouse hover information record so that the user can perform tracking location based on the highlighted mouse hover information record, the method further includes:

[0037] When a cross-page search instruction is detected, determining a buried point to be searched according to the cross-page search instruction;

[0038] Activate the page to which the buried point to be found belongs through the buried point visualization area;

[0039] When activation is completed, the target burying point icon corresponding to the burying point to be found is determined;

[0040] The target burying point icon is highlighted so that the user can locate the burying point based on the highlighted target burying point icon.

[0041] In addition, to achieve the above-mentioned purpose, the present application also proposes a page embedding management device, which includes:

[0042] The image receiving module is used to receive images of the page to be managed uploaded by the user based on the tracking visualization area of ​​the tracking visualization page;

[0043] A embedding point location determination module is used to determine the embedding point location corresponding to the embedding point to be added in the image of the page to be managed according to a preset embedding point adding method;

[0044] An information acquisition module is used to determine the page embedding information corresponding to the embedding point to be added;

[0045] The tracking point management module is used to manage the tracking points on the visual tracking point page based on the tracking point information of the page and the newly added location of the tracking points.

[0046] In addition, to achieve the above-mentioned purpose, the present application also proposes a page burial point management device, which includes: a memory, a processor, and a computer program stored on the memory and runnable on the processor, and the computer program is configured to implement the steps of the page burial point management method as described above.

[0047] In addition, to achieve the above-mentioned purpose, the present application also proposes a storage medium, which is a computer-readable storage medium. A computer program is stored on the storage medium, and when the computer program is executed by the processor, the steps of the page burial point management method as described above are implemented.

[0048] The present application provides a page burying point management method, which discloses receiving a page image to be managed uploaded by a user based on a burying point visualization area in a visualization burying point page; determining a new burying point position corresponding to the burying point to be added according to a preset burying point adding method; determining the page burying point information corresponding to the burying point to be added; and performing burying point management on the visualization burying point page based on the page burying point information and the new burying point position; compared with the burying point management scheme in the prior art, which usually performs burying point management by pre-saving a page image with a burying point position drawn, so that the page image usually needs to be redrawn when a new burying point is added, since the present invention can determine the new burying point position corresponding to the burying point to be added in the page image to be managed according to the preset burying point adding method, and performs burying point management on the visualization burying point page based on the new burying point position and the page burying point information corresponding to the burying point to be added, it solves the technical problem that the burying point management scheme in the prior art usually needs to redraw the page image when a new burying point is added, resulting in high burying point cost and low efficiency. BRIEF DESCRIPTION OF THE DRAWINGS

[0049] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present application and, together with the description, serve to explain the principles of the present application.

[0050] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the following briefly introduces the drawings required for use in the embodiments or the description of the prior art. Obviously, for ordinary technicians in this field, other drawings can be obtained based on these drawings without any creative work.

[0051] Figure 1 A flowchart of the first embodiment of the method for managing page tracking points in this application is provided;

[0052] Figure 2 This is a display diagram of the visual tracking page in the tracking management method of this application page;

[0053] Figure 3 A flowchart of the second embodiment of the method for managing page tracking points in this application is provided;

[0054] Figure 4 This is a coordinate diagram of the tracking location in the tracking management method for this application page;

[0055] Figure 5 A flowchart of the third embodiment of the method for managing page tracking points in this application is provided;

[0056] Figure 6 This is a schematic diagram of the module structure of the page embedding management device according to an embodiment of the present application;

[0057] Figure 7 This is a schematic diagram of the device structure of the hardware operating environment involved in the page embedding management method in the embodiment of the present application.

[0058] The purpose, features and advantages of this application will be further explained in conjunction with the embodiments and with reference to the accompanying drawings. DETAILED DESCRIPTION

[0059] It should be understood that the specific embodiments described herein are merely used to explain the technical solutions of the present application and are not intended to limit the present application.

[0060] In order to better understand the technical solution of the present application, a detailed description will be given below in conjunction with the accompanying drawings and specific implementation methods.

[0061] The main solution of the embodiment of the present application is: receiving the page image to be managed uploaded by the user based on the burying point visualization area in the visual burying point page; determining the new burying point location corresponding to the burying point to be added according to the preset burying point adding method; determining the page burying point information corresponding to the burying point to be added; and performing burying point management on the visual burying point page based on the page burying point information and the new burying point location.

[0062] The existing tracking point management solution usually performs tracking point management by pre-saving a page image with the tracking point location drawn on it. However, when using this method to manage tracking points, if a new tracking point is needed, the page image usually needs to be redrawn, resulting in high tracking point costs and low efficiency.

[0063] The present application provides a solution that can determine the new location of the buried point corresponding to the new buried point in the page image to be managed according to the preset buried point adding method, and perform buried point management on the visual buried point page based on the new buried point location and the page buried point information corresponding to the new buried point, thereby solving the technical problem that the buried point management solution in the prior art usually needs to redraw the page image when adding a new buried point, resulting in high buried point cost and low efficiency.

[0064] It should be noted that the execution subject of this embodiment can be a computing service device with data processing, network communication and program execution functions, such as a tablet computer, personal computer, mobile phone, etc., or an electronic device that can realize the above functions, a page embedding management device, etc. The following uses the page embedding management device as an example (hereinafter referred to as the device) to illustrate this embodiment and the following embodiments.

[0065] Based on this, the embodiment of the present application provides a page embedding management method, referring to Figure 1 , Figure 1 This is a flow chart of the first embodiment of the page tracking management method of this application.

[0066] In this embodiment, the page embedding management method includes steps S10 to S40:

[0067] Step S10: receiving a picture of the page to be managed uploaded by the user based on the burying point visualization area in the visualized burying point page.

[0068] It should be noted that the above-mentioned visual tracking page can be a web page interface that can be used to track points in a graphical and interactive manner. In actual applications, this embodiment can replace the traditional code tracking method with a visual tracking page (such as dragging, clicking, configuring forms, etc.), allowing users to directly select the elements to be tracked on the page and configure related events (such as clicks, slides, dwell time, etc.).

[0069] In this embodiment, referring to Figure 2 , Figure 2 This is a display diagram of the visual tracking page in the tracking management method of this application page. Figure 2 As shown, the visual buried point page in this embodiment can be composed of a page basic information area, a buried point visualization area, and a buried point information management area. Among them, the page basic information area can include information such as page name, page code, product name, page name, page notes, and development person in charge; the buried point visualization area can use a visual method to display the buried point distribution on the page; the buried point information management area can display the buried point's serial number, graphic binding, element type, element code, element name, and other information. In addition, the buried point information management area can also be used to add, modify, and delete buried point information records. In actual applications, the buried point visualization area and the buried point information management area can be linked in two areas, so that users can quickly locate the buried point.

[0070] It should be noted that the above-mentioned page images to be managed can be any page images or screenshots that need to add, modify, or delete buried points. In this embodiment, if it is necessary to add buried points to the page, the user can first upload the page image or screenshot that needs to add buried points in the buried point visualization area in the visual buried point page, wherein the buried point visualization area supports multiple page uploads. After the page upload is completed, the page can be displayed in the buried point visualization area as a thumbnail, so as to facilitate the user to switch pages. In addition, if the page to be managed is a mobile page, the page image can be set to a fixed width of 280px, and the PC page can be displayed with a fixed height of 495px, so as to prevent the page image size itself from exceeding the range of the buried point visualization area, and ensure that the page image is fully displayed.

[0071] Step S20: Determine the new location of the embedding point corresponding to the embedding point to be added in the image of the page to be managed according to the preset embedding point adding method.

[0072] It should be understood that the above-mentioned preset method of adding buried points can be a method of adding buried points in the picture of the page to be managed. The preset method of adding buried points in this embodiment can include a first method of adding buried points and a second method of adding buried points, wherein the first method of adding buried points can be a method of adding buried points through the buried point information management area in the visual buried point page; the second method of adding buried points can be a method of adding buried points through the buried point visualization area in the visual buried point page.

[0073] It is understood that the aforementioned embedded point to be added is the embedded point added to the image of the page to be managed; accordingly, the aforementioned embedded point's newly added position can be the position of the embedded point to be added in the image of the page to be managed. In this embodiment, when different embedded point addition methods are used to add embedded points to the image of the page to be managed, the corresponding methods for determining the position of the newly added embedded point are generally different. Therefore, in this embodiment, the position of the newly added embedded point in the image of the page to be managed can be determined based on the currently used embedded point addition method.

[0074] Step S30: Determine the page embedding point information corresponding to the embedding point to be added.

[0075] It should be noted that the above-mentioned page embedding information can be information used to identify the embedding point to be added in the visual embedding page, such as the embedding point sequence number, the page of the current embedding point, the embedding point element code, the embedding point element name, and other remarks. This embodiment does not limit this. In actual applications, users can customize the page embedding point information corresponding to the embedding point to be added in the embedding point information management area. This embodiment does not limit the specific method for obtaining the page embedding point information corresponding to the embedding point to be added.

[0076] Step S40: performing burying point management on the visual burying point page based on the page burying point information and the newly added location of the burying point.

[0077] In actual applications, after determining the new location of the buried point to be added in the image of the page to be managed, the location of the buried point to be added can be merged with other information of the buried point to be added to obtain the complete information of the buried point to be added, and the complete information of the buried point to be added can be synchronized to the buried point information management area, thereby completing the process of adding a new buried point in the visual buried point page.

[0078] In specific implementations, in addition to adding new tracking points, the device can also perform operations such as modifying and deleting tracking points. For example, if the user needs to modify the location of a tracking point on a page, they can directly drag the tracking point to the new location in the tracking point visualization area. If other information about the tracking point needs to be modified, it can be modified in the tracking point information management area. If the user needs to delete a tracking point on a page, they can directly delete the information record corresponding to the tracking point in the tracking point information management area. At this time, the corresponding tracking point will be automatically deleted in the tracking point visualization area. In addition, if the entire tracking point page is deleted, all tracking point information on the page will be automatically deleted.

[0079] The present embodiment provides a page burying point management method, which discloses receiving a page image to be managed uploaded by a user based on a burying point visualization area in a visualization burying point page; determining a new burying point position corresponding to the burying point to be added according to a preset burying point adding method; determining the page burying point information corresponding to the burying point to be added; and performing burying point management on the visualization burying point page based on the page burying point information and the new burying point position; compared with the burying point management scheme in the prior art, which usually performs burying point management by pre-saving a page image with a burying point position drawn, so that the page image usually needs to be redrawn when a new burying point is added, since the present embodiment can determine the new burying point position corresponding to the burying point to be added in the page image to be managed according to the preset burying point adding method, and performs burying point management on the visualization burying point page based on the new burying point position and the page burying point information corresponding to the burying point to be added, it solves the technical problem that the burying point management scheme in the prior art usually needs to redraw the page image when a new burying point is added, resulting in high burying point cost and low efficiency.

[0080] Based on the first embodiment of the present application, in the second embodiment of the present application, the same or similar contents as those in the above embodiment 1 can be referred to the above introduction and will not be described in detail later. Figure 3 , Figure 3 A flow chart is provided for the second embodiment of the method for managing page tracking points in this application.

[0081] In this embodiment, the preset method for adding a new burying point includes: a first method for adding a new burying point; step S30 includes steps S301 to S302:

[0082] Step S301: Determine a first left edge distance and a first top edge distance between a new embedding point in the image of the page to be managed and the image of the page to be managed according to a first embedding point adding method.

[0083] It should be noted that the above-mentioned first left line distance can be the distance between the left line of the new embedding point and the page image to be managed; the above-mentioned first top line distance can be the distance between the new embedding point and the top line of the page image to be managed.

[0084] In practical applications, refer to Figure 4 , Figure 4 This is a coordinate diagram of the tracking location in the tracking management method of this application page. Figure 4The x-coordinate (in px) represents the distance between the buried point with the serial number "1" and the left line of the image of the page to be managed, and the y-coordinate (in px) represents the distance between the buried point with the serial number "1" and the top edge of the image of the page to be managed. In this embodiment, when adding a new buried point to the visualized buried point page through the first buried point adding method, the x-coordinate and the y-coordinate can be determined by random generation, that is, the distance between the buried point to be added and the left line and the top edge of the image of the page to be managed in the buried point visualization area, wherein the x-coordinate and the y-coordinate need to be limited to the page range. The purpose of randomly generating coordinates in this embodiment is to prevent the icons corresponding to the buried points from overlapping each other when the user adds multiple buried point records at one time, so that the user mistakenly believes that there is only one visual icon.

[0085] Step S302: Determine the new location of the burying point corresponding to the burying point to be added based on the first left edge distance and the first top edge distance.

[0086] It should be understood that after determining the distance between the new embedding point and the left line of the page image to be managed and the distance between the new embedding point and the top line, the new embedding point location corresponding to the new embedding point can be determined.

[0087] Accordingly, step S40 includes steps S401 to S403:

[0088] Step S401: generating a first user interface element corresponding to the to-be-added burying point in the visualized burying point page based on the newly added location of the burying point.

[0089] It should be noted that the above-mentioned first user interface element can be a draggable div element corresponding to the newly added burial point on the page of the burial point visualization area, wherein the draggable div element can be an HTML element that can be moved by mouse operation on the page of the burial point visualization area.

[0090] Step S402: Determine the embedding sequence number corresponding to the first user interface element based on the page embedding information.

[0091] It is understandable that the above-mentioned buried point serial number can be a serial number used to distinguish buried points in the page of the buried point visualization area, such as Figure 4 In this embodiment, the sequence number of the embedding point to be added can be determined according to the embedding point information of the corresponding page.

[0092] Step S403: Display information of the first user interface element based on the tracking sequence number, so as to perform a tracking adding operation on the visual tracking page.

[0093] In actual applications, when a new tracking point is added, a draggable div element is generated on the tracking point visualization area page. The tracking point serial number corresponding to the tracking point to be added can be displayed in the element and displayed in green, finally completing the process of adding a new tracking point on the tracking point visualization page.

[0094] Furthermore, before the step S20, it also includes: generating an initial burying point information record corresponding to the page image to be managed in the burying point information management area in the visual burying point page; accordingly, after the step S403, it also includes: monitoring the user dragging behavior in real time through the first user interface element; when the user dragging behavior is completed, obtaining the current target left line distance and target top line distance of the first user interface element in the visual burying point page; updating the initial burying point information record based on the page burying point information, the target left line distance and the target top line distance.

[0095] It should be noted that the above-mentioned initial burying point information record can be a record for storing burying point information. In this embodiment, if a new burying point is added through the burying point information management area in the visual burying point page, that is, when a new burying point is added using the first burying point adding method, the user can first add an initial burying point information record corresponding to the burying point in the burying point information management area. The initial burying point information record can include information such as the serial number corresponding to the burying point, the page of the current burying point, the burying point element code, and the burying point element name.

[0096] It can be understood that the above-mentioned user dragging behavior can be the behavior of the user dragging the first user interface element on the page of the buried point visualization area through the mouse, wherein the scope of the user dragging behavior needs to be limited to the image of the page to be managed to prevent the user from dragging the first user interface element to an invalid area.

[0097] It should be understood that the above-mentioned target left line distance can be the distance between the first user interface element after dragging and the left line of the page image to be managed; the above-mentioned target top line distance can be the distance between the first user interface element after dragging and the top line of the page image to be managed.

[0098] In actual applications, after generating a draggable div element corresponding to the new burial point in the interface of the burial point visualization area, the user can use the mouse to select the draggable div element and drag the icon corresponding to the draggable div element. At this time, the device can monitor the user's dragging behavior through the draggable div element, and record the x-coordinate and y-coordinate of the icon corresponding to the draggable div element after the user releases the mouse, obtain the target left line distance and the target top line distance, and merge the target left line distance, the target top line distance and the initial burial point information record to update the initial burial point information record and obtain the complete information of the initial burial point information record.

[0099] Furthermore, the preset method for adding a new burying point includes: a second method for adding a new burying point; step S30 includes:

[0100] Step S311: obtaining a new burying point instruction triggered by the user based on the burying point visualization area according to the second burying point adding method.

[0101] It is understood that the aforementioned embedding point adding instruction can be an instruction for instructing the device to add a embedding point to the image of the page to be managed. In this embodiment, if a embedding point is added via the embedding point visualization area of ​​the visualized embedding point page, that is, when a embedding point is added using the second embedding point adding method, the user can trigger the embedding point adding instruction by directly double-clicking the location where the embedding point is to be added in the embedding point visualization area of ​​the page.

[0102] Step S312: Generate an interface burying point icon corresponding to the burying point to be added in the picture of the page to be managed based on the instruction trigger position corresponding to the instruction to add the burying point.

[0103] It should be noted that the above-mentioned instruction trigger position can be the position where the user double-clicks the mouse in the page of the burying point visualization area; the above-mentioned interface burying point icon can be the icon used to identify the burying point to be added in the visualization burying point interface. In this embodiment, the device can monitor the double-click behavior of the mouse through the page elements of the visualization burying point area. After monitoring the burying point adding instruction triggered by the user double-clicking the mouse, the device can parse the burying point adding instruction to determine the instruction trigger position of the user on the visualization burying point page, that is, the mouse double-click position, and add the interface burying point icon corresponding to the burying point at the mouse double-click position.

[0104] Step S313: Determine the second left line distance and the second top line distance between the interface buried point icon and the image of the page to be managed.

[0105] It should be noted that the above-mentioned second left line distance can be the distance between the interface buried point icon and the left line of the page image to be managed; the above-mentioned second top line distance can be the distance between the interface buried point icon and the top line of the page image to be managed.

[0106] Step S314: Determine the new location of the burying point corresponding to the burying point to be added based on the second left edge line distance and the second top edge line distance.

[0107] In actual applications, after the device adds a new interface embedding icon corresponding to the location where the user double-clicks the mouse, it can record the x- and y-coordinates of the interface embedding icon, thereby obtaining the second left edge distance and the second top edge distance, and ultimately determining the new embedding location corresponding to the embedding point to be added. Then, based on the new embedding location, the device can synchronously add the embedding information corresponding to the embedding point in the embedding information management area, and automatically fill in information such as the serial number and the current embedding page, ultimately completing the process of adding the embedding point.

[0108] In this embodiment, it is disclosed that the first left line distance and the first top line distance between the buried point to be added in the image of the page to be managed and the image of the page to be managed are determined according to the first buried point adding method; the buried point new position corresponding to the buried point to be added is determined based on the first left line distance and the first top line distance; the first user interface element corresponding to the buried point to be added is generated in the visual buried point page based on the buried point new position; the buried point serial number corresponding to the first user interface element is determined according to the page buried point information; information of the first user interface element is displayed based on the buried point serial number, so as to perform the buried point adding operation on the visual buried point page; since this embodiment can generate a corresponding interface element in the visual buried point page according to the new position corresponding to the buried point to be added, and display the buried point serial number of the buried point in the interface element, it is possible to realize the addition of buried points through the buried point information management area in the visual buried point page, thereby improving the flexibility and efficiency of adding buried points.

[0109] Based on the first embodiment and / or the second embodiment of the present application, in the third embodiment of the present application, the same or similar contents as those in the above embodiments can be referred to the above introduction and will not be described in detail later. Figure 5 , Figure 5 This is a flow chart of the third embodiment of the method for managing page tracking points in this application.

[0110] In this embodiment, the method further includes steps S501 to S504:

[0111] Step S501: When a first mouse hover instruction triggered by a user based on the buried point visualization area is detected, a mouse hover icon is determined according to the first mouse hover instruction.

[0112] It should be noted that the above-mentioned first mouse hover instruction can be an instruction triggered when the user controls the mouse to stay on the icon corresponding to the buried point; correspondingly, the above-mentioned mouse hover icon can be the icon on which the mouse is currently resting.

[0113] Step S502: performing icon highlighting processing on the mouse hover icon to obtain a highlighted mouse hover icon.

[0114] It should be noted that in existing tracking solutions, tracking locations are often difficult to locate, and tracking locations and tracking element information are not easily matched, making it easy for tracking to be incorrectly or missed. Therefore, this embodiment can highlight the icon that the mouse is hovering over based on a mouse hover command triggered by the user, for example, highlighting the icon in orange to obtain a highlighted mouse hover icon, thereby achieving tracking location.

[0115] Step S503: Determine the burying point information position corresponding to the highlighted mouse hover icon and corresponding to the burying point to be located in the burying point information management area.

[0116] It should be understood that the above-mentioned burying point to be located is the burying point corresponding to the icon currently hovered by the mouse; accordingly, the above-mentioned burying point information position can be the location of the burying point information corresponding to the burying point to be located in the burying point information management area.

[0117] Step S504: highlighting the background area corresponding to the location of the buried point information, so that the user can locate the buried point based on the highlighted location of the buried point information.

[0118] In the specific implementation, after determining the point to be located based on the hovering position of the mouse and highlighting the icon corresponding to the point to be located, the row of the point information corresponding to the point to be located can be found in the point information management area, and the background of the row will be highlighted blue to facilitate user search.

[0119] Furthermore, the method further comprises:

[0120] Step S601: When a second mouse hover instruction triggered by a user based on the burial point information management area is detected, a mouse hover information record is determined according to the second mouse hover instruction.

[0121] It should be noted that the above-mentioned second mouse hover instruction can be an instruction triggered when the user controls the mouse to stay on the information record corresponding to the burial point; correspondingly, the above-mentioned mouse hover information record can be the information record where the mouse is currently staying.

[0122] Step S602: highlight the mouse hover information record so that the user can locate the location based on the highlighted mouse hover information record.

[0123] In this embodiment, users can locate the position of a tracking element based on the tracking information in the tracking information management area of ​​the tracking visualization page. Specifically, the user can directly hover over a tracking information record in the tracking information management area with the mouse, which triggers a second mouse hover instruction. The device can then parse the second mouse hover instruction to determine the information record currently being hovered over by the mouse, i.e., the mouse hover information record, and modify the tracking indicator corresponding to the mouse hover information record on the tracking visualization page to highlight orange, thereby locating the tracking point based on the tracking information record.

[0124] In actual applications, after completing the burying point in the visual burying point page, the user can click the Save or Submit button. At this time, the device can generate a new version of the burying point plan without overwriting the old version, so as to facilitate the user to backtrack the burying point plan. In this embodiment, once the burying point plan version is generated, it cannot be changed. The user can edit it based on any version and generate a new version after saving or submitting. In addition, with the iteration of the application, it is usually faced with the situation of changing the page content. In this solution, if the user needs to change the burying point page, the user can directly use the Replace function in the burying point visualization area to re-upload the new page. At this time, the burying point information of the old page (including location information and other burying point attributes) will be retained in the new page, and the user does not need to bury the point again. However, for some burying points that are out of range or inaccurate due to the modification of the burying point page, the user needs to manually reposition them.

[0125] Furthermore, after step S602, it also includes: when a cross-page search instruction is detected, determining the buried point to be searched according to the cross-page search instruction; performing page activation processing on the page to which the buried point to be searched belongs through the buried point visualization area; when the activation is completed, determining the target buried point icon corresponding to the buried point to be searched; highlighting the target buried point icon so that the user can locate the buried point based on the highlighted target buried point icon.

[0126] It should be noted that the above-mentioned cross-page search instruction can be an instruction to instruct the device to search for buried points in multiple different buried point pages. In actual applications, directly using the mouse to hover over a buried point information record in the buried point information management area to search for buried points is usually only applicable to the case where the activated page in the visual area and the buried point information are the same page. If a cross-page search is required, the user can double-click the buried point information record row where the buried point to be found is located in the buried point information management area to trigger the cross-page search instruction. After detecting the cross-page search instruction, the device can activate the page where the buried point to be found is located through the buried point visualization area, and then query the buried point according to the buried point requirements and highlight the queried buried point in orange to complete the cross-page buried point positioning.

[0127] In this embodiment, it is disclosed that when a first mouse hover instruction triggered by a user based on a burial point visualization area is detected, a mouse hover icon is determined according to the first mouse hover instruction; the mouse hover icon is highlighted to obtain a highlighted mouse hover icon; the burial point information position corresponding to the burial point to be located corresponding to the highlighted mouse hover icon in the burial point information management area is determined; the background area corresponding to the burial point information position is highlighted to enable the user to locate the burial point based on the highlighted burial point information position; since this embodiment can highlight the mouse hover icon and highlight the burial point information position of the burial point corresponding to the highlighted mouse hover icon in the burial point information management area, it is possible to realize visual two-way highlighting of the burial point position, thereby facilitating user locating the burial point.

[0128] It should be noted that the above examples are only used to understand this application and do not constitute a limitation on the page tracking management method of this application. More simple transformations based on this technical concept are all within the scope of protection of this application.

[0129] This application also provides a page embedding management device, please refer to Figure 6 , the page embedding management device includes:

[0130] The image receiving module 10 is used to receive images of the page to be managed uploaded by the user based on the burying point visualization area in the visualized burying point page;

[0131] The embedding point location determination module 20 is used to determine the embedding point location corresponding to the embedding point to be added in the image of the page to be managed according to a preset embedding point adding method;

[0132] An information acquisition module 30 is used to determine the page embedding information corresponding to the embedding point to be added;

[0133] The tracking point management module 40 is used to manage tracking points on the visual tracking point page based on the tracking point information of the page and the newly added location of the tracking point.

[0134] The page burying point management device provided by this application adopts the page burying point management method in the above-mentioned embodiment, which can solve the technical problem that the burying point management solution in the prior art usually needs to redraw the page image when adding a new burying point, resulting in high burying point cost and low efficiency. Compared with the prior art, the beneficial effects of the page burying point management device provided by this application are the same as the beneficial effects of the page burying point management method provided by the above-mentioned embodiment, and the other technical features of the page burying point management device are the same as the features disclosed in the above-mentioned embodiment method, which will not be repeated here.

[0135] The present application provides a page burying point management device, which includes: at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions that can be executed by the at least one processor, and the instructions are executed by the at least one processor so that the at least one processor can execute the page burying point management method in the above-mentioned embodiment one.

[0136] Reference below Figure 7 , which shows a structural diagram of a page embedding management device suitable for implementing an embodiment of the present application. The page embedding management device in the embodiment of the present application may include but is not limited to mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (Portable Application Descriptions), PMPs (Portable Media Players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 7 The page embedding management device shown is merely an example and should not impose any limitations on the functions and scope of use of the embodiments of the present application.

[0137] like Figure 7 As shown, the page embedding management device may include a processing device 1001 (such as a central processing unit, a graphics processing unit, etc.), which can perform various appropriate actions and processes according to the program stored in the read-only memory 1002 or the program loaded from the storage device 1003 to the random access memory 1004. In the random access memory 1004, various programs and data required for the operation of the page embedding management device are also stored. The processing device 1001, the read-only memory 1002 and the random access memory 1004 are connected to each other through a bus 1005. The input / output interface 1006 is also connected to the bus. Typically, the following systems can be connected to the input / output interface 1006: an input device 1007 including, for example, a touch screen, a touchpad, a keyboard, a mouse, an image sensor, a microphone, an accelerometer, a gyroscope, etc.; an output device 1008 including, for example, a liquid crystal display (LCD: Liquid Crystal Display), a speaker, a vibrator, etc.; a storage device 1003 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1009. The communication device 1009 can allow the page embedding management device to communicate wirelessly or wired with other devices to exchange data. Although the figure shows a page embedding management device with various systems, it should be understood that it is not required to implement or have all the systems shown. More or fewer systems can be implemented or have alternatively.

[0138] In particular, according to the embodiments disclosed in the present application, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, the embodiments disclosed in the present application include a computer program product comprising a computer program carried on a computer-readable medium, the computer program comprising program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from a network via a communication device, or installed from a storage device 1003, or installed from a read-only memory 1002. When the computer program is executed by the processing device 1001, the above-mentioned functions defined in the method of the embodiment disclosed in the present application are performed.

[0139] The page embedding point management device provided by this application adopts the page embedding point management method in the above embodiment to solve the technical problems of page embedding point management. Compared with the prior art, the beneficial effects of the page embedding point management device provided by this application are the same as the beneficial effects of the page embedding point management method provided by the above embodiment, and the other technical features of the page embedding point management device are the same as the features disclosed in the previous embodiment method, which will not be repeated here.

[0140] It should be understood that the various parts disclosed in this application can be implemented using hardware, software, firmware, or a combination thereof. In the description of the above embodiments, specific features, structures, materials, or characteristics can be combined in any one or more embodiments or examples in a suitable manner.

[0141] The above description is merely a specific embodiment of the present application, but the scope of protection of the present application is not limited thereto. Any changes or substitutions that can be easily conceived by a person skilled in the art within the technical scope disclosed in this application should be included in the scope of protection of this application. Therefore, the scope of protection of this application should be based on the scope of protection of the claims.

[0142] The present application provides a computer-readable storage medium having computer-readable program instructions (i.e., computer programs) stored thereon, and the computer-readable program instructions are used to execute the page embedding management method in the above-mentioned embodiment.

[0143] The computer-readable storage medium provided in this application may be, for example, a USB flash drive, but is not limited to electrical, magnetic, optical, electromagnetic, infrared, or semiconductor systems or devices, or any combination thereof. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof. In this embodiment, the computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system or device. The program code contained on the computer-readable storage medium may be transmitted using any appropriate medium, including but not limited to: wires, optical cables, RF (Radio Frequency), etc., or any suitable combination thereof.

[0144] The above-mentioned computer-readable storage medium can be included in the page burying point management device; or it can exist independently without being assembled into the page burying point management device.

[0145] The above-mentioned computer-readable storage medium carries one or more programs. When the above-mentioned one or more programs are executed by the page burying point management device, the page burying point management device: receives the page image to be managed uploaded by the user based on the burying point visualization area in the visual burying point page; determines the new burying point location corresponding to the burying point to be added according to the preset burying point addition method; determines the page burying point information corresponding to the burying point to be added; and performs burying point management on the visual burying point page based on the page burying point information and the new burying point location.

[0146] Computer program code for performing the operations of the present application may be written in one or more programming languages, or a combination thereof, including object-oriented programming languages ​​such as Java, Smalltalk, C++, and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a stand-alone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0147] The flow charts and block diagrams in the accompanying drawings illustrate the possible architecture, functions and operations of the systems, methods and computer program products according to various embodiments of the present application. In this regard, each box in the flow chart or block diagram can represent a module, program segment or a part of code, and the module, program segment or a part of code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order than that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flow chart, and the combination of the boxes in the block diagram and / or flow chart can be implemented by a dedicated hardware-based system that performs the specified function or operation, or can be implemented by a combination of dedicated hardware and computer instructions.

[0148] The modules described in the embodiments of the present application may be implemented in software or hardware, wherein the name of a module does not necessarily limit the unit itself.

[0149] The readable storage medium provided in this application is a computer-readable storage medium, which stores computer-readable program instructions (i.e., a computer program) for executing the above-mentioned page embedding management method. It can solve the technical problem that the embedding management solution in the prior art usually requires redrawing the page image when adding a new embedding point, resulting in high embedding cost and low efficiency. Compared with the prior art, the beneficial effects of the computer-readable storage medium provided in this application are the same as the beneficial effects of the page embedding management method provided in the above-mentioned embodiment, and will not be repeated here.

[0150] The above description is only part of the embodiments of the present application and does not limit the patent scope of the present application. All equivalent structural transformations made by using the contents of the present application specification and drawings under the technical concept of the present application, or direct / indirect application in other related technical fields are included in the patent protection scope of the present application.

Claims

1. A page embedding management method, characterized in that: The method includes: Receive images of pages to be managed uploaded by users based on the tracking visualization area of ​​the tracking visualization page; Determine the new location of the embedding point corresponding to the embedding point to be added in the image of the page to be managed according to the preset embedding point adding method; Determine the page embedding point information corresponding to the embedding point to be added; Based on the page burying point information and the newly added location of the burying point, burying point management is performed on the visual burying point page.

2. The method according to claim 1, wherein The preset embedding point adding method includes: a first embedding point adding method; the step of determining a embedding point adding position corresponding to the embedding point to be added in the image of the page to be managed according to the preset embedding point adding method includes: Determine, according to the first embedding point adding method, a first left side line distance and a first top side line distance between the embedding point to be added in the image of the page to be managed and the image of the page to be managed; Determine a new location of the buried point corresponding to the to-be-added buried point based on the first left sideline distance and the first top sideline distance; The step of performing tracking point management on the visualized tracking point page based on the tracking point information on the page and the newly added tracking point location includes: Generating a first user interface element corresponding to the to-be-added burying point in the visualized burying point page based on the newly added location of the burying point; Determine the embedding sequence number corresponding to the first user interface element according to the page embedding information; Information of the first user interface element is displayed based on the tracking sequence number, so as to perform a tracking point adding operation on the visual tracking page.

3. The method according to claim 2, wherein Before the step of determining the buried point addition position corresponding to the buried point to be added in the image of the page to be managed according to the preset buried point addition method, the method further includes: Generate an initial burying point information record corresponding to the page image to be managed in the burying point information management area of ​​the visual burying point page; After the step of displaying information of the first user interface element based on the tracking sequence number to perform a tracking adding operation on the visual tracking page, the method further includes: Monitor the user's dragging behavior in real time through the first user interface element; When the user dragging behavior is completed, obtain the current target left edge distance and target top edge distance of the first user interface element on the visualization embedding page; The initial embedding point information record is updated based on the page embedding point information, the target left line distance and the target top line distance.

4. The method according to claim 1, wherein The preset embedding point adding method includes: a second embedding point adding method; the step of determining a embedding point adding position corresponding to the embedding point to be added in the image of the page to be managed according to the preset embedding point adding method includes: Acquire, according to the second burying point adding method, a burying point adding instruction triggered by the user based on the burying point visualization area; Generate an interface embedding icon corresponding to the embedding point to be added in the image of the page to be managed based on the instruction trigger position corresponding to the embedding point adding instruction; Determine the second left edge distance and the second top edge distance between the interface embedding icon and the image of the page to be managed; Based on the second left side line distance and the second top side line distance, the new position of the burying point corresponding to the new burying point is determined.

5. The method according to claim 3, wherein The method further comprises: When a first mouse hover instruction triggered by a user based on the burying point visualization area is detected, determining a mouse hover icon according to the first mouse hover instruction; Performing icon highlighting processing on the mouse hover icon to obtain a highlighted mouse hover icon; Determine the location of the buried point to be located corresponding to the highlighted mouse hover icon in the buried point information management area; The background area corresponding to the location of the buried point information is highlighted so that the user can locate the buried point based on the highlighted location of the buried point information.

6. The method according to claim 3, wherein The method further comprises: When detecting a second mouse hover instruction triggered by a user based on the tracking information management area, determining a mouse hover information record according to the second mouse hover instruction; The mouse hover information record is highlighted so that the user can locate the location based on the highlighted mouse hover information record.

7. The method according to claim 6, wherein After the step of highlighting the mouse hover information record so that the user can perform tracking location based on the highlighted mouse hover information record, the method further includes: When a cross-page search instruction is detected, determining a buried point to be searched according to the cross-page search instruction; Activate the page to which the buried point to be found belongs through the buried point visualization area; When activation is completed, the target burying point icon corresponding to the burying point to be found is determined; The target burying point icon is highlighted so that the user can locate the burying point based on the highlighted target burying point icon.

8. A page embedding management device, characterized in that: The device comprises: The image receiving module is used to receive images of the page to be managed uploaded by the user based on the tracking visualization area of ​​the tracking visualization page; A embedding point location determination module is used to determine the embedding point location corresponding to the embedding point to be added in the image of the page to be managed according to a preset embedding point adding method; An information acquisition module is used to determine the page embedding information corresponding to the embedding point to be added; The tracking point management module is used to manage the tracking points on the visual tracking point page based on the tracking point information of the page and the newly added location of the tracking points.

9. A page embedding management device, characterized in that: The device includes: a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the computer program is configured to implement the steps of the page embedding management method as described in any one of claims 1 to 7.

10. A storage medium, characterized in that: The storage medium is a computer-readable storage medium, and a computer program is stored on the storage medium. When the computer program is executed by the processor, the steps of the page burial point management method as described in any one of claims 1 to 7 are implemented.

Images