Thermodynamic diagram construction method and device, equipment and medium

Abstract

The invention relates to a thermodynamic diagram construction method and device, equipment and a medium. The method comprises the following steps: running an online application in an application analysis webpage, and loading and displaying an application page of the online application in the application analysis webpage; the online application running on the application analysis webpage is in an analysis state. Acquiring page triggering position information corresponding to an application page of the online application, and acquiring triggering times corresponding to the page triggering position information; the page triggering position information is position information of a triggering point in the application page when the online application is in a use state. And determining a target position corresponding to the page triggering position information in the application analysis webpage, and drawing a thermodynamic region at the target position according to the triggering times corresponding to the page triggering position information to obtain a triggering thermodynamic diagram of the application page of the online application. By adopting the method, the construction efficiency of the trigger thermodynamic diagram for the online application can be improved.

Description

Technical Field

[0001] The present application relates to computer technology, and in particular to a method, device, equipment and medium for constructing a thermal map. Background Art

[0002] Heatmap is a visualization technique used to display hotspots in a data set. It shows the density and distribution of data through color changes, helping people quickly understand data trends and patterns. In trigger analysis scenarios for online applications, heatmaps can use color depth to represent the triggering of application pages for online applications.

[0003] In traditional technology, a screenshot of an application page of an online application is taken, the screenshot is used as a canvas to draw a heat map, and the heat map drawn on the screenshot is saved in the form of a snapshot. The process of constructing a heat map is cumbersome, resulting in low efficiency in heat map construction. Summary of the invention

[0004] Based on this, it is necessary to provide a heat map construction method, device, equipment and medium that can improve the efficiency of building a trigger heat map for online applications in response to the above technical problems.

[0005] In a first aspect, the present application provides a method for constructing a heat map, the method comprising:

[0006] Running the online application in the application analysis webpage, loading an application page displaying the online application in the application analysis webpage; the online application running on the application analysis webpage is in an analysis state;

[0007] Obtaining page trigger position information corresponding to an application page of the online application, and obtaining the number of trigger times corresponding to the page trigger position information; the page trigger position information is the position information of the trigger point in the application page when the online application is in use;

[0008] The target position corresponding to the page trigger position information is determined in the application analysis webpage, and a thermal area is drawn at the target position according to the number of triggers corresponding to the page trigger position information to obtain a trigger heat map of the application page of the online application.

[0009] In a second aspect, the present application provides a thermal map construction device, the device comprising:

[0010] A loading module, used to run the online application in the application analysis webpage, and load an application page displaying the online application in the application analysis webpage; the online application running on the application analysis webpage is in an analysis state;

[0011] an acquisition module, used to acquire page trigger position information corresponding to an application page of the online application, and to acquire a triggering number corresponding to the page trigger position information; the page trigger position information is position information of a trigger point in the application page when the online application is in use;

[0012] A construction module is used to determine the target position corresponding to the page trigger position information in the application analysis webpage, and draw a thermal area at the target position according to the trigger number corresponding to the page trigger position information to obtain a trigger thermal map of the application page of the online application.

[0013] In one embodiment, the construction module is further used to draw a trigger heat map of the application page after the page layout changes in the application analysis webpage when the page layout of the application page displayed in the application analysis webpage changes.

[0014] In one embodiment, the loading module is also used to respond to a trigger operation on a page element in the application page, and load and display a new application page indicated by the triggered page element in the application analysis web page; the construction module is also used to draw a trigger heat map of the new application page in the application analysis web page.

[0015] In one embodiment, the online application includes a logic processing thread and a page rendering thread; the construction module is also used to determine whether the page layout of the application page displayed in the application analysis web page has changed when it is monitored that the logic processing thread sends a page rendering instruction to the page rendering thread.

[0016] In one embodiment, the page trigger position information includes relative position information; the relative position information is used to characterize the position of the trigger point on the triggered page element in the application page relative to the page element when the online application is in use; the construction module is also used to determine the current position of the triggered page element in the application analysis web page; based on the current position and the relative position information, determine the target position corresponding to the trigger point in the application analysis web page.

[0017] In one embodiment, the page trigger position information also includes the element identifier of the triggered page element; the construction module is also used to determine the page element of the application page displayed in the application analysis web page and represented by the element identifier as the triggered page element, and determine the current position of the triggered page element in the application analysis web page.

[0018] In one embodiment, the application analysis web page includes an application display area and a trigger description area; the application page and the trigger heat map of the application page are associated and displayed in the application display area; the trigger description information corresponding to the application page is displayed in the trigger description area.

[0019] In one embodiment, the trigger description information corresponding to the application page includes trigger description information corresponding to each page element in the application page; the loading module is also used to respond to a trigger operation on the target trigger description information in the trigger description area, and when the page element corresponding to the target trigger description information is not displayed in the application display area, scroll the application page to display the page element corresponding to the target trigger description information in the application page in the application display area.

[0020] In one embodiment, the trigger description information is trigger summary information; the trigger description area includes information cards corresponding to each page element; the trigger summary information corresponding to each of the page elements is carried on the corresponding information card; the loading module is also used to respond to the trigger operation on the information card and display the trigger detail information of the page element corresponding to the information card.

[0021] In one embodiment, the loading module is further used to connect the online application to the application analysis platform corresponding to the application analysis webpage, and run the online application in the application analysis webpage based on the application analysis platform.

[0022] In one embodiment, the thermal area includes a thermal circular area; the center position of the thermal circular area is the target position; in the thermal circular area, the color depth of the area close to the center position is greater than the color depth of the area far from the center position; the color depth of the thermal circular area drawn at the target position is positively correlated with the triggering number corresponding to the page triggering position information.

[0023] In one embodiment, the online application includes a sub-application; the sub-application running in the application analysis webpage is in an analysis state; the sub-application running in the parent application is in a use state; the page trigger location information is the location information collected for the trigger point when the application page of the sub-application running in the parent application is triggered.

[0024] In a third aspect, the present application provides a computer device including a memory and a processor, wherein a computer program is stored in the memory, and when the processor executes the computer program, the steps in the method embodiments of the present application are implemented.

[0025] In a fourth aspect, the present application provides a computer-readable storage medium storing a computer program, which, when executed by a processor, implements the steps in the method embodiments of the present application.

[0026] In a fifth aspect, the present application provides a computer program product, including a computer program, which implements the steps in the method embodiments of the present application when the computer program is executed by a processor.

[0027] The above-mentioned heat map construction method, device, equipment, medium and computer program product, by running an online application in an application analysis webpage, loading an application page of the online application in the application analysis webpage, wherein the online application running in the application analysis webpage is in an analysis state. Obtain the page trigger position information corresponding to the application page of the online application, and obtain the number of triggers corresponding to the page trigger position information, wherein the page trigger position information is the position information of the trigger point in the application page when the online application is in use. Determine the target position corresponding to the page trigger position information in the application analysis webpage, and draw a heat area at the target position according to the number of triggers corresponding to the page trigger position information, and obtain a trigger heat map of the application page of the online application. Compared with the traditional method of taking a screenshot of the application page of the online application to draw a heat map, the present application simplifies the construction process of the heat map by running the online application in an application analysis webpage that can be used to draw a heat map, and directly draws a heat map in the application page of the online application in the analysis state, thereby improving the construction efficiency of the trigger heat map for the online application. BRIEF DESCRIPTION OF THE DRAWINGS

[0028] Figure 1 A diagram of an application environment of a method for constructing a heat map in an embodiment;

[0029] Figure 2 A schematic diagram of a process of constructing a heat map in one embodiment;

[0030] Figure 3 A trigger heat map of an application page of a mini program in one embodiment;

[0031] Figure 4 A trigger heat map of a new application page obtained after the page layout is changed in one embodiment;

[0032] Figure 5 is a schematic diagram of relative position information in one embodiment;

[0033] Figure 6 A schematic diagram of determining a target position based on relative position information in one embodiment;

[0034] Figure 7A schematic diagram of an application display area and a trigger description area of ​​an application analysis webpage in one embodiment;

[0035] Figure 8 A schematic diagram of a process of constructing a thermal map in another embodiment;

[0036] Fig. 9 It is a structural block diagram of a thermal map construction device in one embodiment;

[0037] Fig.10 FIG. 4 is a diagram showing the internal structure of a computer device in one embodiment. DETAILED DESCRIPTION

[0038] In order to make the purpose, technical solution and advantages of the present application more clearly understood, the present application is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.

[0039] The heat map construction method provided in this application can be applied to Figure 1 In the application environment shown. Among them, the terminal 102 communicates with the server 104 through the network. The data storage system can be set up separately and can store the data that the server 104 needs to process. The data storage system can be integrated on the server 104, or it can be placed on the cloud or other servers. Among them, the terminal 102 can be, but is not limited to, various desktop computers, laptops, smart phones, tablet computers, Internet of Things devices and portable wearable devices. The Internet of Things devices can be smart speakers, smart TVs, smart air conditioners, smart car-mounted devices, etc. Portable wearable devices can be smart watches, smart bracelets, head-mounted devices, etc. The server 104 can be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, cloud security, host security and other network security services, CDN, and basic cloud computing services such as big data and artificial intelligence platforms. The terminal 102 and the server 104 can be directly or indirectly connected by wired or wireless communication, and this application is not limited here.

[0040] The terminal 102 can run the online application in the application analysis webpage, and load the application page of the online application in the application analysis webpage; the online application running in the application analysis webpage is in the analysis state. The terminal 102 can obtain the page trigger position information corresponding to the application page of the online application, and obtain the triggering number corresponding to the page trigger position information; the page trigger position information is the position information of the trigger point in the application page when the online application is in use. The terminal 102 can determine the target position corresponding to the page trigger position information in the application analysis webpage, and draw a thermal area at the target position according to the triggering number corresponding to the page trigger position information, and obtain the triggering thermal map of the application page of the online application.

[0041] It is understood that the terminal 102 can communicate with the server 104 and obtain the page trigger position information corresponding to the application page and the trigger number corresponding to the page trigger position information from the server 104. This embodiment does not limit this. It is understood that Figure 1 The application scenarios are only for illustration and are not limited to this.

[0042] In one embodiment, Figure 2 As shown, a method for constructing a heat map is provided. In this embodiment, the method is applied to Figure 1 The terminal 102 in the example is used as an example to illustrate, and the following steps are included:

[0043] Step 202: Run the online application in the application analysis webpage, and load an application page that displays the online application in the application analysis webpage; the online application running in the application analysis webpage is in an analysis state.

[0044] Among them, online applications are applications running on the Internet. It is understood that online applications can be used without downloading and installing, and there is no need for manual update of application users. The developers of online applications can update the content and functions of online applications at any time, which can ensure that the application users always use the latest version. The application analysis webpage is a page displayed when the application analysis platform runs in a webpage. The application analysis platform is an application platform for triggering behavior analysis of online applications. It is understood that the online application running on the application analysis webpage is in an analysis state, and the triggering behavior analysis of the online application can be performed on the application analysis webpage. It is understood that the analysis state refers to the state in which the online application is being analyzed. It is understood that by running the online application in the application analysis webpage so that the online application is in an analysis state, and then by directly drawing a heat map in the application page of the online application in the analysis state, the construction process of the heat map can be simplified, thereby improving the construction efficiency of the trigger heat map for the online application.

[0045] In one embodiment, a browser is installed in the terminal, and the terminal can run the application analysis platform in the browser, and load the application analysis webpage displaying the application analysis platform in the browser. Furthermore, the terminal can run the online application in the application analysis webpage, and load the application page displaying the online application in the application analysis webpage.

[0046] In one embodiment, the trigger includes at least one of click, long press or hover. Click includes single click and double click. It can be understood that click refers to triggering by clicking the page element with the left mouse button or using the touch operation of a touch screen device. Long press refers to triggering when the left mouse button is pressed on the page element for a long time or a page element is touched for a long time on a touch screen device. Hover refers to triggering a related event when the mouse is hovered over a page element.

[0047] Step 204, obtaining page trigger position information corresponding to the application page of the online application, and obtaining the triggering times corresponding to the page trigger position information; the page trigger position information is the position information of the trigger point in the application page when the online application is in use.

[0048] Among them, the online application includes any of a sub-application or a web application. It can be understood that if the online application is a sub-application, the sub-application running in the parent application is in use, and the sub-application running in the parent application can be understood as the parent application providing the operating environment and resources for the sub-application, and the parent application is responsible for loading and managing the sub-application. The sub-application implements the business logic through the application framework of the parent application and interacts with the parent application. If the online application is a web application, the web application running in the application use web page is in use. The parent application belongs to the client application. The client application is an application that needs to be downloaded and installed before it can be used, and the client application requires the application use object to be manually updated. It can be understood that after the developer of the client application updates the content and function of the client application, the application use object needs to be manually updated to use the latest version. It can be understood that the parent application needs to be downloaded and installed before it can be used, and it also requires the application use object to be manually updated. It can be understood that after the developer of the parent application updates the content and function of the parent application, the application use object needs to be manually updated to use the latest version. The application use web page is a web page in the browser for the application use object to use the online application.

[0049] In one embodiment, an online application includes a sub-application; the sub-application running in the application analysis webpage is in an analysis state; the sub-application running in the parent application is in a use state; the page trigger location information is the location information collected for the trigger point when the application page of the sub-application running in the parent application is triggered.

[0050] In the above embodiment, by running the sub-application in an application analysis webpage that can be used to draw a heat map, and drawing the heat map directly in the application page of the sub-application in the analysis state, the heat map construction process can be simplified, thereby improving the efficiency of heat map construction for the sub-application.

[0051] In one embodiment, when the sub-application is running in the parent application, the sub-application is in use, and the computer device on which the parent application is running can respond to the trigger operation on the application page of the sub-application, collect the page trigger position information of the trigger point in the application page, and send the page trigger position information to the server for storage. After the sub-application is running in the application analysis webpage, the terminal can directly obtain the page trigger position information corresponding to the application page from the server, and obtain the triggering number corresponding to the page trigger position information.

[0052] In one embodiment, the child application includes a small program application, and the parent application includes an instant messaging application. The small program application running in the application analysis webpage is in an analysis state; the small program application running in the instant messaging application is in a use state; the page trigger location information is the location information collected for the trigger point when the application page of the small program application running in the instant messaging application is triggered. In this embodiment, by running the small program application in an application analysis webpage that can be used to draw a heat map, and directly drawing a heat map in the application page of the small program application in the analysis state, the construction process of the heat map can be simplified, thereby improving the construction efficiency of the trigger heat map for the small program application. In addition, by running the small program application in an application analysis webpage that can be used to draw a heat map, and directly drawing a heat map in the application page of the small program application in the analysis state, the data viewer can directly trigger the application page of the small program application to achieve page update, so that the trigger heat map of each application page of the small program application can be conveniently viewed, thereby improving the efficiency of viewing the heat map for the application page of the small program application.

[0053] In one embodiment, the child application includes a small program application, and the parent application includes a non-instant messaging application. The small program application running in the application analysis webpage is in an analysis state; the small program application running in the non-instant messaging application is in a use state; the page trigger location information is the location information collected for the trigger point when the application page of the small program application running in the non-instant messaging application is triggered.

[0054] In one embodiment, the online application includes a web application; the web application running in the application analysis web page is in an analysis state; the web application running in the application usage web page is in a usage state; the page trigger location information is the location information collected for the trigger point when the application page of the web application running in the application usage web page is triggered.

[0055] In the above embodiment, by running the online application in an application analysis webpage that can be used to draw a heat map, and drawing the heat map directly in the application page of the online application in the analysis state, the heat map construction process can be simplified, thereby improving the efficiency of heat map construction for online applications.

[0056] In one embodiment, when a web application is running in an application use web page, the web application is in use, and the computer device running the web application can respond to a trigger operation on an application page of the web application, collect page trigger location information of a trigger point in the application page, and send the page trigger location information to a server for storage. After the web application is running in the application analysis web page, the terminal can directly obtain the page trigger location information corresponding to the application page from the server, and obtain the trigger count corresponding to the page trigger location information.

[0057] Step 206, determining the target position corresponding to the page trigger position information in the application analysis webpage, and drawing a thermal area at the target position according to the trigger times corresponding to the page trigger position information, to obtain a trigger thermal map of the application page of the online application.

[0058] The target position is the position corresponding to the page trigger position information in the application page of the online application displayed in the application analysis webpage. It can be understood that the page trigger position information is collected for the application page of the online application in use. When the online application is in the analysis state, the trigger position corresponding to the page trigger position information can be restored based on the page trigger position information collected for the application page of the online application in use to obtain the target position.

[0059] Specifically, the terminal can determine the target position corresponding to the page trigger position information in the application analysis webpage, and draw a thermal area at the target position according to the number of triggers corresponding to the page trigger position information, to obtain a trigger thermal map of the application page. It can be understood that the color depth of the thermal area drawn on the target position corresponding to the page trigger position information is related to the number of triggers corresponding to the page trigger position information.

[0060] In one embodiment, the color depth of the thermal area drawn at the target position corresponding to the page trigger position information is positively correlated with the number of triggers corresponding to the page trigger position information. It can be understood that the more the number of triggers corresponding to the page trigger position information, the darker the color depth of the thermal area drawn at the target position corresponding to the page trigger position information, and vice versa.

[0061] In one embodiment, the color depth of the thermal area drawn at the target position corresponding to the page trigger position information is negatively correlated with the number of triggers corresponding to the page trigger position information. It can be understood that the more the number of triggers corresponding to the page trigger position information, the lighter the color depth of the thermal area drawn at the target position corresponding to the page trigger position information, and vice versa.

[0062] In one embodiment, the page trigger position information includes an absolute trigger position. The absolute trigger position is used to characterize the position of the trigger point on the page element that is triggered in the application page when the online application is in use. The terminal can directly use the acquired absolute trigger position as the target position in the application analysis webpage. Furthermore, the terminal can draw a thermal area at the target position according to the number of triggers corresponding to the absolute trigger position to obtain a trigger thermal map of the application page.

[0063] In the above-mentioned heat map construction method, by running the online application in the application analysis webpage, the application page displaying the online application is loaded in the application analysis webpage, wherein the online application running in the application analysis webpage is in the analysis state. Obtain the page trigger position information corresponding to the application page, and obtain the number of triggers corresponding to the page trigger position information, wherein the page trigger position information is the position information of the trigger point in the application page when the online application is in use. Determine the target position corresponding to the page trigger position information in the application analysis webpage, and draw the thermal area at the target position according to the number of triggers corresponding to the page trigger position information, and obtain the trigger heat map of the application page. Compared with the traditional method of taking a screenshot of the application page of the online application to draw a heat map, the present application simplifies the construction process of the heat map by running the online application in the application analysis webpage that can be used to draw the heat map, and directly draws the heat map in the application page of the online application in the analysis state, thereby improving the construction efficiency of the trigger heat map for the online application.

[0064] In one embodiment, the method further includes: when the page layout of the application page displayed in the application analysis webpage changes, drawing a trigger heat map of the application page after the page layout changes in the application analysis webpage.

[0065] The page layout of the application page changes refers to the page structure of the application page changes. It can be understood that when at least one of the element type, quantity, position or element attribute of the page element of the application page changes, it can be determined that the page layout of the application page changes. The element attribute may include at least one of the element color, font or size.

[0066] Specifically, the terminal can monitor whether the page layout of the application page displayed in the application analysis webpage has changed. In the case of monitoring that the page layout of the application page displayed in the application analysis webpage has changed, the terminal can draw a trigger heat map of the application page after the page layout has changed in the application analysis webpage. It can be understood that the terminal can obtain the page trigger position information corresponding to the application page after the page layout has changed, and obtain the number of triggers corresponding to the page trigger position information. Among them, the page trigger position information is the position information of the trigger point in the application page after the page layout changes when the online application is in use. Furthermore, the terminal can determine the target position corresponding to the page trigger position information in the application analysis webpage, and draw a thermal area at the target position according to the number of triggers corresponding to the page trigger position information, and obtain the trigger heat map of the application page after the page layout has changed.

[0067] In one embodiment, the terminal can monitor in real time whether the page layout of the application page displayed in the application analysis webpage has changed. Once the page layout of the application page displayed in the application analysis webpage has changed, the terminal can draw a trigger heat map of the application page after the page layout has changed in the application analysis webpage.

[0068] In one embodiment, the terminal can monitor the page layout of the application page displayed in the application analysis webpage at intervals of a preset time. Once the page layout of the application page displayed in the application analysis webpage is detected to have changed, the terminal can draw a trigger heat map of the application page after the page layout has changed in the application analysis webpage.

[0069] In the above embodiment, by monitoring the page layout of the application page displayed in the application analysis webpage, and when it is detected that the page layout of the application page displayed in the application analysis webpage has changed, a trigger heat map of the application page after the page layout has changed is drawn in the application analysis webpage. This can ensure that the trigger heat map of the application page after the page layout has changed is rendered in a timely manner, thereby further improving the efficiency of building the trigger heat map for online applications.

[0070] In one embodiment, the method also includes: in response to a trigger operation on a page element in an application page, loading and displaying a new application page indicated by the triggered page element in the application analysis web page; when the page layout of the application page displayed in the application analysis web page changes, drawing a trigger heat map of the application page after the page layout change in the application analysis web page, including: drawing a trigger heat map of the new application page in the application analysis web page.

[0071] Specifically, the data viewer can directly perform a trigger operation on the page element in the application page of the online application loaded and displayed in the application analysis webpage, and the terminal can respond to the trigger operation on the page element in the application page and load and display the new application page indicated by the triggered page element in the application analysis webpage. It can be understood that the new application page is the application page after the page layout changes, and the page layout of the new application page has changed compared to the application page loaded and displayed in the application analysis webpage before the terminal responds to the trigger operation. Furthermore, the terminal can draw a trigger heat map of the new application page in the application analysis webpage.

[0072] In one embodiment, the terminal can monitor the application page of the online application loaded and displayed in the application analysis webpage through the page monitoring function provided by the application analysis webpage. When the page monitoring function detects that at least one page element in the application page has changed, the terminal can determine that the page layout of the application page displayed in the application analysis webpage has changed.

[0073] In one embodiment, when the page monitoring function detects that at least one of the element type, quantity, position or element attribute of the page element of the application page has changed, the terminal can determine that the page layout of the application page has changed. The element attribute may include at least one of the element color, font or size.

[0074] In one embodiment, Figure 3 As shown, the application analysis webpage loads an application page displaying an online application, and the terminal can obtain the page trigger position information corresponding to the currently displayed application page, and obtain the trigger count corresponding to the page trigger position information. Furthermore, the terminal can determine the target position corresponding to each page trigger position information in the application analysis webpage, and draw a thermal area 301 at the corresponding target position according to the trigger count corresponding to each page trigger position information, to obtain a trigger thermal map of the application page.

[0075] Continue to refer Figure 3 The data viewer can directly trigger the page element in the application page of the online application loaded and displayed in the application analysis webpage, that is, "switch homepage" 302. The terminal can respond to the trigger operation on the "switch homepage" 302 in the application page and load and display the new application page indicated by the triggered "switch homepage" 302 in the application analysis webpage, that is, Figure 4 As you can see, Figure 4 The new application page shown in is the application page after the page layout changes. The page layout of the new application page has changed compared to the application page loaded and displayed in the application analysis webpage before the terminal responds to the trigger operation of "switch homepage" 302. Figure 4As shown, the terminal can draw a trigger heat map of the new application page in the application analysis webpage.

[0076] In the above embodiment, compared with the traditional method of taking a screenshot of the application page of the online application, using the screenshot as a canvas to draw a heat map, and saving the heat map drawn on the screenshot in the form of a snapshot, since the snapshot is a static image, the data viewer cannot directly interact with the heat map in the form of a snapshot. If you want to view the trigger heat map corresponding to each application page of the online application, the data viewer is required to manually enter the page path of each application page respectively. The heat map viewing process is cumbersome, resulting in low efficiency in heat map viewing. The present application runs the online application in an application analysis webpage that can be used to draw a heat map, and directly draws a heat map in the application page of the online application in the analysis state. The data viewer can directly trigger the application page to achieve page updates, so that the trigger heat map of each application page can be conveniently viewed, thereby improving the efficiency of heat map viewing.

[0077] In one embodiment, the online application includes a logic processing thread and a page rendering thread; the method further includes: when monitoring that the logic processing thread sends a page rendering instruction to the page rendering thread, determining that a page layout of an application page displayed in the application analysis webpage has changed.

[0078] The logic processing thread is a computer thread used to process application logic in an online application. The page rendering thread is a computer thread used to render application pages in an online application. The page rendering instruction is a computer instruction used to instruct the rendering of an application page of an online application.

[0079] Specifically, when the page layout of the application page displayed in the application analysis webpage changes, the terminal can send a page rendering instruction to the page rendering thread through the logic processing thread. When the logic processing thread sends a page rendering instruction to the page rendering thread, the terminal can render the application page of the online application in the application analysis webpage through the page rendering thread.

[0080] In the above embodiment, by monitoring whether the logic processing thread sends a page rendering instruction to the page rendering thread, it is determined whether the page layout of the application page displayed in the application analysis webpage has changed. Once it is detected that the logic processing thread sends a page rendering instruction to the page rendering thread, it is directly determined that the page layout of the application page displayed in the application analysis webpage has changed, which can improve the efficiency of determining whether the page layout of the application page displayed in the application analysis webpage has changed. Furthermore, once it is determined that the page layout of the application page displayed in the application analysis webpage has changed, the trigger heat map of the application page after the page layout has changed is immediately drawn in the application analysis webpage, which can ensure that the trigger heat map of the application page after the page layout has changed is rendered in a timely manner, thereby further improving the efficiency of building the trigger heat map for online applications.

[0081] In one embodiment, the page trigger position information includes relative position information; the relative position information is used to characterize the position of the trigger point on the triggered page element in the application page relative to the page element when the online application is in use; determining the target position corresponding to the page trigger position information in the application analysis web page includes: determining the current position of the triggered page element in the application analysis web page; determining the target position corresponding to the trigger point in the application analysis web page based on the current position and the relative position information.

[0082] Among them, the relative position information is used to characterize the position of the trigger point on the triggered page element in the application page relative to the page element when the online application is in use. It is understandable that the position of the page element in the application page may change as the application page scrolls, but the relative position information will not change as the application page scrolls. It is understandable that the relative position information of the trigger point relative to the page element is fixed. The current position is the position of the triggered page element in the application page currently loaded and displayed in the application analysis webpage in the current application page.

[0083] In one embodiment, when the online application is in use, the computer device on which the online application is running can respond to the trigger operation on the application page of the online application, collect the relative position information of the trigger point in the application page, and send the relative position information to the server for storage. After the online application is run in the application analysis webpage, the terminal can directly obtain the relative position information corresponding to the application page from the server. The terminal can determine the current position of the triggered page element in the application analysis webpage, and determine the target position corresponding to the trigger point in the application analysis webpage based on the current position and the relative position information.

[0084] In one embodiment, the relative position information includes relative position coordinates. Figure 5As shown, when the online application is in use, the computer device running the online application can respond to the trigger operation of "switch home page" 501 in the application page of the online application, collect the relative position coordinates (relative_x, relative_y) of the trigger point in the application page, and send the relative position coordinates (relative_x, relative_y) to the server storage.

[0085] In one embodiment, the current position includes current coordinates. Figure 6 As shown, after running the online application in the application analysis webpage, the terminal can directly obtain the relative position coordinates (relative_x, relative_y) corresponding to the application page from the server. The terminal can determine the current coordinates (x0, y0) of the triggered page element, i.e., "Switch Home Page" 601 in the application analysis webpage, and determine the target position corresponding to the trigger point in the application analysis webpage based on the current coordinates (x0, y0) and the relative position coordinates (relative_x, relative_y).

[0086] In one embodiment, the target position includes target coordinates, wherein the target horizontal coordinate in the target coordinates can be obtained by adding the current horizontal coordinate in the current coordinates to the relative horizontal coordinate in the relative position coordinates, and the target vertical coordinate in the target coordinates can be obtained by adding the current vertical coordinate in the current coordinates to the relative vertical coordinate in the relative position coordinates. It can be understood that if the target position is (x, y), x can be x0+relative_x, and y can be y0+relative_y.

[0087] In the above embodiment, by collecting the relative position information of the trigger point on the triggered page element in the application page relative to the page element when the online application is in use, since the relative position information does not change with the scrolling of the application page. Therefore, by determining the current position of the triggered page element in the application analysis webpage, and determining the target position corresponding to the trigger point in the application analysis webpage based on the current position and the relative position information that does not change with the scrolling of the application page. In this way, it can be avoided that the position of the page element changes with the scrolling of the page, and the target position corresponding to the trigger point in the application analysis webpage can be determined together with the current position of the page element and the fixed relative position information. It can be ensured that even if the page is scrolled, the target position corresponding to the trigger point in the application analysis webpage can be accurately obtained, thereby improving the accuracy of constructing the trigger heat map for the online application.

[0088] In one embodiment, the page trigger position information also includes an element identifier of the triggered page element; determining the current position of the triggered page element in the application analysis web page includes: determining the page element of the application page displayed in the application analysis web page and represented by the element identifier as the triggered page element, and determining the current position of the triggered page element in the application analysis web page.

[0089] The element identifier is a character string used to uniquely identify a page element, and the character string includes at least one of numbers, letters, and special symbols.

[0090] In one embodiment, when the online application is in use, the computer device on which the online application is running can respond to the trigger operation on the application page of the online application, collect the relative position information of the trigger point in the application page, and the element identification of the triggered page element, and send the relative position information and element identification to the server for storage. After the online application is run in the application analysis webpage, the terminal can directly obtain the relative position information corresponding to the application page and the element identification of the triggered page element from the server. The terminal can determine the page element of the application page displayed in the application analysis webpage and represented by the element identification as the triggered page element. Furthermore, the terminal can determine the current position of the triggered page element in the application analysis webpage, and determine the target position corresponding to the trigger point in the application analysis webpage based on the current position and relative position information.

[0091] In one embodiment, the terminal may obtain the current position of the triggered page element in the application analysis webpage through an element position acquisition function provided by the application analysis webpage.

[0092] In the above embodiment, when the online application is in use, the relative position information of the trigger point on the triggered page element in the application page relative to the page element and the element identification of the triggered page element are collected. Since the relative position information and the element identification do not change with the page scrolling of the application page. Therefore, the current position of the triggered page element can be quickly and accurately determined in the application analysis webpage through the element identification, which improves the acquisition efficiency and accuracy of the current position of the triggered page element. Further, according to the current position and the relative position information that does not change with the page scrolling of the application page, the target position corresponding to the trigger point in the application analysis webpage is determined. In this way, it can be avoided that in the case where the position of the page element changes with the page scrolling, the target position corresponding to the trigger point in the application analysis webpage can also be determined together according to the current position of the page element and the fixed relative position information, which can ensure that even if the page scrolls, the target position corresponding to the trigger point in the application analysis webpage can be accurately obtained, thereby further improving the construction efficiency and accuracy of the trigger heat map for the online application.

[0093] In one embodiment, the application analysis web page includes an application display area and a trigger description area; the application page and the trigger heat map of the application page are associated and displayed in the application display area; and the trigger description information corresponding to the application page is displayed in the trigger description area.

[0094] The application display area is the area in the application analysis webpage used to display the application page. The trigger description area is the area in the application analysis webpage used to display the trigger description information corresponding to the application page. The trigger description information corresponding to the application page is used to describe the relevant information of each page element in the application page being triggered.

[0095] Specifically, the terminal can run the online application in the application analysis webpage, and load the application page of the online application in the application display area of ​​the application analysis webpage. The terminal can obtain the page trigger position information corresponding to the application page, and obtain the number of triggers corresponding to the page trigger position information. Furthermore, the terminal can determine the target position corresponding to the page trigger position information in the application display area of ​​the application analysis webpage, and draw a thermal area at the target position in the application display area according to the number of triggers corresponding to the page trigger position information, to obtain a trigger thermal map of the application page. And, the terminal can display the trigger description information corresponding to the application page in the trigger description area of ​​the application analysis webpage.

[0096] In one embodiment, Figure 7 As shown, the application display area 701 and the trigger description area 702 in the application analysis webpage. The terminal can run the online application in the application analysis webpage, and load the application page displaying the online application in the application display area 701 of the application analysis webpage. The terminal can obtain the page trigger position information corresponding to the application page, and obtain the number of triggers corresponding to the page trigger position information. Furthermore, the terminal can determine the target position corresponding to the page trigger position information in the application display area 701 of the application analysis webpage, and draw a thermal area at the target position in the application display area according to the number of triggers corresponding to the page trigger position information, and obtain the trigger heat map of the application page. In addition, the terminal can obtain the trigger description information corresponding to the application page, and display the trigger description information corresponding to the application page in the trigger description area 702 of the application analysis webpage.

[0097] In the above embodiment, by dividing the application analysis web page into an application display area and a trigger description area, the application page and the trigger heat map of the application page are associated and displayed in the application display area, and the trigger description information corresponding to the application page is displayed in the trigger description area, the application page and the trigger heat map of the application page, as well as the trigger description information corresponding to the application page can be displayed on the application analysis web page at the same time, which is convenient for data viewers to view related data and improves the efficiency of information display. At the same time, since multiple different information such as application page, trigger heat map and trigger description information are displayed on the same page at the same time, there is no need to display them separately on multiple pages, which can also save computer resources used to display information.

[0098] In one embodiment, the trigger description information corresponding to the application page includes trigger description information corresponding to each page element in the application page; the method also includes: in response to a trigger operation on the target trigger description information in the trigger description area, when the page element corresponding to the target trigger description information is not displayed in the application display area, scrolling the application page to display the page element corresponding to the target trigger description information in the application page in the application display area.

[0099] It is understood that some page elements in the application page can be displayed in the application display area. It is understood that for the same application page, the page elements in the application page displayed in the application display area are visible to the data viewer, and the page elements in the application page not displayed in the application display area are not visible to the data viewer.

[0100] Specifically, the data viewer can perform a trigger operation on the target trigger description information in the trigger description area, and the terminal can automatically scroll the application page in response to the trigger operation on the target trigger description information in the trigger description area, if the page element corresponding to the target trigger description information is not displayed in the application display area, so as to display the page element corresponding to the target trigger description information in the application page in the application display area. It can be understood that if the page element corresponding to the target trigger description information is already displayed in the application display area, there is no need to scroll the application page.

[0101] In one embodiment, the data viewer may perform a trigger operation on the target trigger description information in the trigger description area, and the terminal may automatically scroll the application page in response to the trigger operation on the target trigger description information in the trigger description area, if the page element corresponding to the target trigger description information is not displayed in the application display area, so as to highlight the page element corresponding to the target trigger description information in the application page in the application display area. It can be understood that the highlighting may specifically include any one of highlighting the page element and displaying the page element in bold.

[0102] In one embodiment, continue to refer to Figure 7 The data viewer can perform a trigger operation on the target trigger description information in the trigger description area 702, that is, the relevant description information such as "119 clicks" in 702a. The terminal can respond to the trigger operation on the relevant description information such as "119 clicks" in the trigger description area, and automatically scroll the application page in response to the trigger operation on the relevant description information such as "119 clicks" in the trigger description area, when the page element corresponding to the relevant description information such as "119 clicks", that is, 701a, is not displayed in the application display area, so as to highlight the page element 701a corresponding to the relevant description information such as "119 clicks" in the application page in the application display area 701.

[0103] In the above embodiment, in response to a trigger operation on the target trigger description information in the trigger description area, when the page element corresponding to the target trigger description information is not displayed in the application display area, the application page is scrolled to display the page element corresponding to the target trigger description information in the application page in the application display area. In this way, the page element corresponding to the target trigger description information can be automatically moved to the visible range of the data viewer, and the data viewer does not need to manually scroll the application page in the application display area to find the page element corresponding to the target trigger description information that is not displayed, thereby improving the display efficiency of the page element corresponding to the target trigger description information.

[0104] In one embodiment, the trigger description information is trigger summary information; the trigger description area includes information cards corresponding to each page element; the trigger summary information corresponding to each page element is carried on the corresponding information card; the method also includes: in response to a trigger operation on an information card, displaying the trigger detail information of the page element corresponding to the information card.

[0105] Among them, the trigger summary information is used to briefly describe the relevant information of each page element in the application page being triggered. The trigger detail information is used to describe in detail the relevant information of each page element in the application page being triggered. It can be understood that the trigger detail information can include the trigger summary information, and the information content of the trigger detail information is greater than the information content of the trigger summary information. The information card is a container for carrying the trigger summary information corresponding to the page element. It can be understood that one information card carries the trigger summary information corresponding to one page element.

[0106] Specifically, the data viewer may perform a trigger operation on an information card carrying trigger brief information corresponding to a page element, and the terminal may display trigger detail information of the page element corresponding to the information card in response to the trigger operation on the information card.

[0107] In one embodiment, the trigger summary information includes the cumulative number of times the page element is triggered and the element identifier of the triggered page element. The trigger detail information includes at least one of the time when the page element is triggered each time, or the video playback when the page element is triggered each time.

[0108] In one embodiment, the data viewer can perform a trigger operation on an information card that carries the trigger summary information corresponding to the page element. The terminal can respond to the trigger operation on the information card by displaying a detail pop-up page in the application analysis web page, and display the trigger detail information of the page element corresponding to the information card in the detail pop-up page.

[0109] In one embodiment, continue to refer to Figure 7 , the trigger description information is the trigger brief information, and the trigger description area 702 includes information cards corresponding to each page element. For example, the page element 701a in 701 corresponds to the information card 702a. It can be understood that the information card 702a carries the trigger brief information, that is, "119 clicks" and other related information. The data viewer can perform a trigger operation on the "View Details" control in the information card 702a that carries the trigger brief information corresponding to the page element 701a, and the terminal can respond to the trigger operation on the "View Details" control and display the trigger detail information of the page element 701a corresponding to the information card 702a.

[0110] In the above embodiment, by carrying the trigger summary information corresponding to the page element on the corresponding information card, and responding to the trigger operation on the information card, the trigger detail information of the page element corresponding to the information card is displayed, more information about the triggered page element can be obtained, thereby improving the richness of the information obtained by the data viewer.

[0111] In one embodiment, running the online application in the application analysis webpage includes: connecting the online application to the application analysis platform corresponding to the application analysis webpage, and running the online application in the application analysis webpage based on the application analysis platform.

[0112] Specifically, a browser is installed in the terminal, and the terminal can run the application analysis platform in the browser, and connect the online application to the application analysis platform corresponding to the application analysis webpage through the application interface provided by the application analysis platform. Furthermore, the terminal can run the online application in the application analysis webpage of the application analysis platform, and load the application page displaying the online application in the application analysis webpage.

[0113] In the above embodiment, by connecting the online application to the application analysis platform corresponding to the application analysis webpage, and running the online application in the application analysis webpage based on the application analysis platform, thereby running the online application in the application analysis webpage that can be used to draw the heat map, and directly drawing the heat map in the application page of the online application in the analysis state, the heat map construction process can be simplified, thereby improving the construction efficiency of the trigger heat map for the online application.

[0114] In one embodiment, the thermal area includes a thermal circular area; the center position of the thermal circular area is the target position; in the thermal circular area, the color depth of the area close to the center position is greater than the color depth of the area far from the center position; the color depth of the thermal circular area drawn at the target position is positively correlated with the number of triggers corresponding to the page trigger position information.

[0115] Specifically, the terminal can run the online application in the application analysis webpage, and load the application page that displays the online application in the application analysis webpage. The terminal can obtain the page trigger position information corresponding to the application page, and obtain the number of triggers corresponding to the page trigger position information. The terminal can determine the target position corresponding to the page trigger position information in the application analysis webpage, and draw a thermal circular area at the target position as a circular position according to the number of triggers corresponding to the page trigger position information, and obtain the trigger heat map of the application page. Among them, in the drawn thermal circular area, the color depth of the area close to the center position is greater than the color depth of the area far from the center position, and the color depth of the thermal circular area drawn at the target position is positively correlated with the number of triggers corresponding to the page trigger position information. It can be understood that the more the number of triggers corresponding to the page trigger position information, the deeper the color depth of the thermal circular area drawn at the target position corresponding to the page trigger position information, and vice versa.

[0116] In the above embodiment, by limiting the thermal area to a thermal circular area, and the center position of the thermal circular area is the target position, in the thermal circular area, the color depth of the area close to the center position is greater than the color depth of the area far from the center position, so that the drawn thermal area can be closer to the trigger effect. In addition, by limiting the color depth of the thermal circular area drawn at the target position to be positively correlated with the number of triggers corresponding to the page trigger position information, the actual trigger situation for the application page can be more intuitively represented, thereby improving the viewing efficiency of the trigger heat map for the online application.

[0117] like Figure 8 As shown, in one embodiment, a method for constructing a heat map is provided. In this embodiment, the method is applied to Figure 1 Taking the terminal 102 in the example as an example, the method specifically includes the following steps:

[0118] Step 802: connect the online application to the application analysis platform corresponding to the application analysis webpage, and run the online application in the application analysis webpage based on the application analysis platform.

[0119] Step 804, loading an application page displaying an online application in the application analysis webpage; the online application running on the application analysis webpage is in an analysis state; the application analysis webpage includes an application display area and a trigger description area.

[0120] Step 806, obtain the page trigger position information corresponding to the application page of the online application; obtain the trigger count corresponding to the page trigger position information; the page trigger position information includes relative position information and the element identifier of the triggered page element; the relative position information is used to represent the position of the trigger point on the triggered page element in the application page relative to the page element when the online application is in use.

[0121] Step 808: determine the page element of the application page displayed in the application analysis webpage and represented by the element identifier as the triggered page element, and determine the current position of the triggered page element in the application analysis webpage.

[0122] Step 810: Determine the target position corresponding to the trigger point in the application analysis webpage according to the current position and relative position information.

[0123] Step 812, draw a heat area at the target location according to the triggering times corresponding to the page triggering location information, obtain a triggering heat map of the application page of the online application, and associate the application page of the online application with the triggering heat map of the application page and display them in the application display area.

[0124] Step 814, in response to a trigger operation corresponding to the trigger summary information of the application page displayed in the trigger description area, if the page element corresponding to the trigger summary information is not displayed in the application display area, scroll the application page to display the page element corresponding to the trigger summary information in the application page in the application display area.

[0125] Step 816, in response to the trigger operation on the information card carried by the trigger summary information in the trigger description area, display the trigger detail information of the page element corresponding to the information card.

[0126] Step 818: In response to the triggering operation on the page element in the application page, a new application page indicated by the triggered page element is loaded and displayed in the application analysis web page.

[0127] Step 820, when it is monitored that the logic processing thread of the online application sends a page rendering instruction to the page rendering thread of the online application, it is determined that the page layout of the application page displayed in the application analysis webpage has changed, and a trigger heat map of the new application page after the change is drawn in the application analysis webpage.

[0128] The present application also provides an application scenario, which applies the above-mentioned heat map construction method. Specifically, the heat map construction method can be applied to the trigger heat map construction scenario for the mini-program application. It can be understood that the online application in the present application includes a mini-program application, the mini-program application running in the application analysis webpage is in the analysis state, and the mini-program application running in the instant messaging application is in the use state. For example, in one of the use scenarios, for the mini-program application in the use state, the mini-program application runs in the instant messaging application, and the application user can trigger the page element in the application page of the mini-program application. The terminal where the instant messaging application is located can collect the relative position information of the trigger point on the triggered page element relative to the page element, and collect the element identification of the triggered page element. For the mini-program application in the analysis state, the mini-program application runs in the application analysis webpage, and the trigger heat map for the mini-program application is drawn in the application analysis webpage. The data viewer can directly interact with the trigger heat map in the application analysis webpage to view the triggering status of each application page of the mini-program application.

[0129] Specifically, the terminal can connect the mini-program application to the application analysis platform corresponding to the application analysis webpage, and run the mini-program application in the application analysis webpage based on the application analysis platform. The application page displaying the mini-program application is loaded in the application analysis webpage; the mini-program application running on the application analysis webpage is in the analysis state; the application analysis webpage includes an application display area and a trigger description area.

[0130] The terminal can obtain the page trigger position information corresponding to the application page of the online application; obtain the number of triggers corresponding to the page trigger position information; the page trigger position information includes relative position information and the element identifier of the triggered page element; the relative position information is used to represent the position of the trigger point on the triggered page element in the application page relative to the page element when the mini-program application is in use. The page element of the application page displayed in the application analysis webpage and represented by the element identifier is determined as the triggered page element, and the current position of the triggered page element is determined in the application analysis webpage. According to the current position and the relative position information, the target position corresponding to the trigger point in the application analysis webpage is determined. According to the number of triggers corresponding to the page trigger position information, a thermal area is drawn at the target position to obtain a trigger heat map of the application page of the online application, and the application page of the online application and the trigger heat map of the application page are associated and displayed in the application display area.

[0131] In response to a trigger operation on the trigger brief information corresponding to the page element in the application page displayed in the trigger description area, the terminal can scroll the application page to display the page element corresponding to the trigger brief information in the application page in the application display area if the page element corresponding to the trigger brief information is not displayed in the application display area. In response to a trigger operation on an information card carried by the trigger brief information in the trigger description area, trigger detail information of the page element corresponding to the information card is displayed.

[0132] The terminal can respond to the trigger operation on the page element in the application page and load and display the new application page indicated by the triggered page element in the application analysis webpage. When it is detected that the logic processing thread of the mini-program application sends a page rendering instruction to the page rendering thread of the mini-program application, it is determined that the page layout of the application page displayed in the application analysis webpage has changed, and a trigger heat map of the new application page after the change is drawn in the application analysis webpage.

[0133] Compared with the traditional method of taking a screenshot of the application page of the mini-program application to draw a heat map, the present application simplifies the heat map construction process by running the mini-program application in an application analysis webpage that can be used to draw a heat map, and draws the heat map directly on the application page of the mini-program application in the analysis state, thereby improving the efficiency of heat map construction for the mini-program application.

[0134] Also, compared to the traditional method of taking a screenshot of the application page of the mini-program application, using the screenshot as a canvas to draw a heat map, and saving the heat map drawn on the screenshot in the form of a snapshot, since the snapshot is a static image, the data viewer cannot directly interact with the heat map in the form of a snapshot. If you want to view the triggered heat map corresponding to each application page of the mini-program application, the data viewer is required to manually enter the page path of each application page respectively. The heat map viewing process is cumbersome, resulting in low efficiency in heat map viewing. The present application runs the mini-program application in an application analysis webpage that can be used to draw a heat map, and directly draws a heat map in the application page of the mini-program application in the analysis state. The data viewer can directly trigger the application page to achieve page updates, so that the triggered heat map of each application page can be conveniently viewed, thereby improving the efficiency of heat map viewing for the mini-program application.

[0135] The present application also provides an application scenario, which applies the above-mentioned heat map construction method. Specifically, the heat map construction method can be applied to the trigger heat map construction scenario for web applications. It can be understood that the online application in the present application includes a web application, the web application running in the application analysis webpage is in the analysis state, and the web application running in the application use webpage is in the use state. For example, in one of the use scenarios, for the web application in the use state, the web application runs in the application use webpage, the application user can trigger the page element in the application page of the web application, and the terminal where the application use webpage is located can collect the relative position information of the trigger point on the triggered page element relative to the page element, and collect the element identification of the triggered page element. For the web application in the analysis state, the web application runs in the application analysis webpage, and the trigger heat map for the web application is drawn in the application analysis webpage. The data viewer can directly interact with the trigger heat map in the application analysis webpage to view the triggering status of each application page of the web application.

[0136] Specifically, the terminal can connect the web application to the application analysis platform corresponding to the application analysis web page, and run the web application in the application analysis web page based on the application analysis platform. The application page displaying the web application is loaded in the application analysis web page; the web application running in the application analysis web page is in the analysis state; the application analysis web page includes an application display area and a trigger description area.

[0137] The terminal can obtain the page trigger position information corresponding to the application page of the online application; obtain the number of triggers corresponding to the page trigger position information; the page trigger position information includes relative position information and the element identifier of the triggered page element; the relative position information is used to represent the position of the trigger point on the triggered page element in the application page relative to the page element when the web application is in use. The page element of the application page displayed in the application analysis web page and represented by the element identifier is determined as the triggered page element, and the current position of the triggered page element is determined in the application analysis web page. According to the current position and the relative position information, the target position corresponding to the trigger point in the application analysis web page is determined. According to the number of triggers corresponding to the page trigger position information, a thermal area is drawn at the target position to obtain a trigger heat map of the application page of the online application, and the application page of the online application and the trigger heat map of the application page are associated and displayed in the application display area.

[0138] In response to a trigger operation on the trigger brief information corresponding to the page element in the application page displayed in the trigger description area, the terminal can scroll the application page to display the page element corresponding to the trigger brief information in the application page in the application display area if the page element corresponding to the trigger brief information is not displayed in the application display area. In response to a trigger operation on an information card carried by the trigger brief information in the trigger description area, trigger detail information of the page element corresponding to the information card is displayed.

[0139] The terminal can respond to the trigger operation on the page element in the application page and load and display the new application page indicated by the triggered page element in the application analysis webpage. When it is detected that the logic processing thread of the webpage application sends a page rendering instruction to the page rendering thread of the webpage application, it is determined that the page layout of the application page displayed in the application analysis webpage has changed, and a trigger heat map of the new application page after the change is drawn in the application analysis webpage.

[0140] Compared with the traditional method of taking a screenshot of the application page of a web application to draw a heat map, the present application simplifies the heat map construction process by running the web application in an application analysis web page that can be used to draw a heat map, and draws the heat map directly in the application page of the web application in the analysis state, thereby improving the efficiency of heat map construction for web applications.

[0141] Also, compared to the traditional method of taking a screenshot of the application page of a web application, using the screenshot as a canvas to draw a heat map, and saving the heat map drawn on the screenshot in the form of a snapshot, since the snapshot is a static image, the data viewer cannot directly interact with the heat map in the form of a snapshot. If you want to view the trigger heat map corresponding to each application page of the web application, the data viewer needs to manually enter the page path of each application page respectively. The heat map viewing process is cumbersome, resulting in low efficiency in heat map viewing. The present application runs the web application in an application analysis webpage that can be used to draw a heat map, and directly draws a heat map in the application page of the web application in the analysis state. The data viewer can directly trigger the application page to achieve page updates, so that the trigger heat map of each application page can be conveniently viewed, thereby improving the efficiency of heat map viewing for web applications.

[0142] It should be understood that, although each step in the flow chart of the above-mentioned embodiments is shown in order, these steps are not necessarily performed in order. Unless there is a clear explanation in this article, the execution of these steps does not have strict order restrictions, and these steps can be performed in other orders. Moreover, at least a portion of the steps in the above-mentioned embodiments may include a plurality of sub-steps or a plurality of stages, and these sub-steps or stages are not necessarily performed at the same time, but can be performed at different times, and the execution order of these sub-steps or stages is not necessarily performed in order, but can be performed in turn or alternately with at least a portion of other steps or sub-steps or stages of other steps.

[0143] In one embodiment, Fig. 9 As shown, a heat map construction device 900 is provided, and the device specifically includes:

[0144] The loading module 902 is used to run the online application in the application analysis webpage, and load the application page displaying the online application in the application analysis webpage; the online application running in the application analysis webpage is in the analysis state;

[0145] The acquisition module 904 is used to acquire page trigger position information corresponding to the application page of the online application, and acquire the triggering number corresponding to the page trigger position information; the page trigger position information is the position information of the trigger point in the application page when the online application is in use;

[0146] Construction module 906 is used to determine the target position corresponding to the page trigger position information in the application analysis webpage, and draw a thermal area at the target position according to the trigger times corresponding to the page trigger position information to obtain a trigger thermal map of the application page of the online application.

[0147] In one embodiment, the construction module 906 is further configured to draw a trigger heat map of the application page after the page layout changes in the application analysis webpage when the page layout of the application page displayed in the application analysis webpage changes.

[0148] In one embodiment, the loading module 902 is also used to respond to a trigger operation on a page element in an application page, and load and display a new application page indicated by the triggered page element in the application analysis web page; the construction module 906 is also used to draw a trigger heat map of the new application page in the application analysis web page.

[0149] In one embodiment, the online application includes a logic processing thread and a page rendering thread; the construction module 906 is also used to determine whether the page layout of the application page displayed in the application analysis webpage has changed when monitoring that the logic processing thread sends a page rendering instruction to the page rendering thread.

[0150] In one embodiment, the page trigger position information includes relative position information; the relative position information is used to characterize the position of the trigger point on the triggered page element in the application page relative to the page element when the online application is in use; the construction module 906 is also used to determine the current position of the triggered page element in the application analysis web page; based on the current position and the relative position information, determine the target position corresponding to the trigger point in the application analysis web page.

[0151] In one embodiment, the page trigger position information also includes the element identifier of the triggered page element; the construction module 906 is also used to determine the page element of the application page displayed in the application analysis web page and represented by the element identifier as the triggered page element, and determine the current position of the triggered page element in the application analysis web page.

[0152] In one embodiment, the application analysis web page includes an application display area and a trigger description area; the application page and the trigger heat map of the application page are associated and displayed in the application display area; and the trigger description information corresponding to the application page is displayed in the trigger description area.

[0153] In one embodiment, the trigger description information corresponding to the application page includes trigger description information corresponding to each page element in the application page; the loading module 902 is also used to respond to a trigger operation on the target trigger description information in the trigger description area, and when the page element corresponding to the target trigger description information is not displayed in the application display area, scroll the application page to display the page element corresponding to the target trigger description information in the application page in the application display area.

[0154] In one embodiment, the trigger description information is trigger summary information; the trigger description area includes information cards corresponding to each page element; the trigger summary information corresponding to each page element is carried on the corresponding information card; the loading module 902 is also used to respond to the trigger operation on the information card and display the trigger detail information of the page element corresponding to the information card.

[0155] In one embodiment, the loading module 902 is further used to connect the online application to the application analysis platform corresponding to the application analysis webpage, and run the online application in the application analysis webpage based on the application analysis platform.

[0156] In one embodiment, the thermal area includes a thermal circular area; the center position of the thermal circular area is the target position; in the thermal circular area, the color depth of the area close to the center position is greater than the color depth of the area far from the center position; the color depth of the thermal circular area drawn at the target position is positively correlated with the number of triggers corresponding to the page trigger position information.

[0157] In one embodiment, an online application includes a sub-application; the sub-application running in the application analysis webpage is in an analysis state; the sub-application running in the parent application is in a use state; the page trigger location information is the location information collected for the trigger point when the application page of the sub-application running in the parent application is triggered.

[0158] The above-mentioned heat map construction device runs an online application in an application analysis webpage, and loads an application page of the online application in the application analysis webpage, wherein the online application running in the application analysis webpage is in an analysis state. Obtain the page trigger position information corresponding to the application page of the online application, and obtain the number of triggers corresponding to the page trigger position information, wherein the page trigger position information is the position information of the trigger point in the application page when the online application is in use. Determine the target position corresponding to the page trigger position information in the application analysis webpage, and draw a heat area at the target position according to the number of triggers corresponding to the page trigger position information, and obtain a trigger heat map of the application page of the online application. Compared with the traditional method of taking a screenshot of the application page of the online application to draw a heat map, the present application runs the online application in an application analysis webpage that can be used to draw a heat map, and directly draws a heat map in the application page of the online application in the analysis state, which can simplify the construction process of the heat map, thereby improving the construction efficiency of the trigger heat map for the online application.

[0159] Each module in the above-mentioned heat map construction device can be implemented in whole or in part by software, hardware and a combination thereof. Each of the above-mentioned modules can be embedded in or independent of a processor in a computer device in the form of hardware, or can be stored in a memory in a computer device in the form of software, so that the processor can call and execute the operations corresponding to each of the above modules.

[0160] In one embodiment, a computer device is provided. The computer device may be a terminal, and its internal structure diagram may be as follows: Fig.10As shown. The computer device includes a processor, a memory, an input / output interface, a communication interface, a display unit and an input device. Among them, the processor, the memory and the input / output interface are connected through a system bus, and the communication interface, the display unit and the input device are connected to the system bus through the input / output interface. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The input / output interface of the computer device is used to exchange information between the processor and an external device. The communication interface of the computer device is used to communicate with an external terminal in a wired or wireless manner, and the wireless manner can be implemented through WIFI, a mobile cellular network, NFC (near field communication) or other technologies. When the computer program is executed by the processor, a method for constructing a thermal map is implemented. The display unit of the computer device is used to form a visually visible image, and can be a display screen, a projection device or a virtual reality imaging device. The display screen can be a liquid crystal display screen or an electronic ink display screen. The input device of the computer device can be a touch layer covered on the display screen, or a button, trackball or touchpad set on the computer device casing, or an external keyboard, touchpad or mouse, etc.

[0161] Those skilled in the art will understand that Fig.10 The structure shown in the figure is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.

[0162] In one embodiment, a computer device is further provided, including a memory and a processor, wherein a computer program is stored in the memory, and the processor implements the steps in the above method embodiments when executing the computer program.

[0163] In one embodiment, a computer-readable storage medium is provided, storing a computer program, which implements the steps in the above method embodiments when executed by a processor.

[0164] In one embodiment, a computer program product is provided, including a computer program, and when the computer program is executed by a processor, the steps in the above method embodiments are implemented.

[0165] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, stored data, displayed data, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data must comply with relevant laws, regulations and standards of relevant countries and regions.

[0166] Those of ordinary skill in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to memory, storage, database or other media used in the embodiments provided in this application can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory or optical memory, etc. Volatile memory can include random access memory (RAM) or external cache memory. As an illustration and not limitation, RAM can be in various forms, such as static random access memory (SRAM) or dynamic random access memory (DRAM).

[0167] The technical features of the above embodiments may be combined arbitrarily. To make the description concise, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.

[0168] The above-mentioned embodiments only express several implementation methods of the present application, and the descriptions thereof are relatively specific and detailed, but they cannot be understood as limiting the scope of the invention patent. It should be pointed out that, for a person of ordinary skill in the art, several variations and improvements can be made without departing from the concept of the present application, and these all belong to the protection scope of the present application. Therefore, the protection scope of the patent of the present application shall be subject to the attached claims.

Claims

1. A method for constructing a heat map, characterized in that: The method comprises: Running the online application in the application analysis webpage, loading an application page displaying the online application in the application analysis webpage; the online application running on the application analysis webpage is in an analysis state; Obtaining page trigger position information corresponding to an application page of the online application, and obtaining the number of trigger times corresponding to the page trigger position information; the page trigger position information is the position information of the trigger point in the application page when the online application is in use; The target position corresponding to the page trigger position information is determined in the application analysis webpage, and a thermal area is drawn at the target position according to the number of triggers corresponding to the page trigger position information to obtain a trigger heat map of the application page of the online application.

2. The method according to claim 1, characterized in that The method further comprises: When the page layout of the application page displayed in the application analysis webpage changes, a trigger heat map of the application page after the page layout change is drawn in the application analysis webpage.

3. The method according to claim 2, characterized in that The method further comprises: In response to a triggering operation on a page element in the application page, loading and displaying a new application page indicated by the triggered page element in the application analysis webpage; When the page layout of the application page displayed in the application analysis webpage changes, drawing a trigger heat map of the application page after the page layout changes in the application analysis webpage includes: A trigger heat map of the new application page is drawn in the application analysis webpage.

4. The method according to claim 2, characterized in that: The online application includes a logic processing thread and a page rendering thread; the method further includes: When it is monitored that the logic processing thread sends a page rendering instruction to the page rendering thread, it is determined that a page layout of the application page displayed in the application analysis webpage has changed.

5. The method according to claim 1, characterized in that The page trigger position information includes relative position information; the relative position information is used to represent the position of the trigger point on the triggered page element in the application page relative to the page element when the online application is in use; The determining, in the application analysis webpage, a target location corresponding to the page trigger location information includes: Determining a current position of the triggered page element in the application analysis web page; A target position corresponding to the trigger point in the application analysis webpage is determined according to the current position and the relative position information.

6. The method according to claim 5, characterized in that The page trigger position information also includes the element identifier of the triggered page element; Determining the current position of the triggered page element in the application analysis webpage includes: The page element of the application page displayed in the application analysis webpage and represented by the element identifier is determined as the triggered page element, and the current position of the triggered page element is determined in the application analysis webpage.

7. The method according to claim 1, characterized in that The application analysis web page includes an application display area and a trigger description area; the application page and the trigger heat map of the application page are associated and displayed in the application display area; the trigger description information corresponding to the application page is displayed in the trigger description area.

8. The method according to claim 7, characterized in that The trigger description information corresponding to the application page includes trigger description information corresponding to each page element in the application page; the method further includes: In response to a trigger operation on the target trigger description information in the trigger description area, when a page element corresponding to the target trigger description information is not displayed in the application display area, the application page is scrolled to display the page element corresponding to the target trigger description information in the application page in the application display area.

9. The method according to claim 8, characterized in that The trigger description information is trigger brief information; the trigger description area includes information cards corresponding to each page element; the trigger brief information corresponding to each page element is carried on the corresponding information card; the method further includes: In response to a trigger operation on the information card, trigger detail information of a page element corresponding to the information card is displayed.

10. The method according to claim 1, characterized in that The step of running the online application in the application analysis webpage includes: The online application is connected to the application analysis platform corresponding to the application analysis webpage, and the online application is run in the application analysis webpage based on the application analysis platform.

11. The method according to claim 1, characterized in that: The thermal area includes a thermal circular area; the center position of the thermal circular area is the target position; In the thermal circular area, the color depth of the area close to the center of the circle is greater than the color depth of the area far from the center of the circle; The color depth of the thermal circular area drawn at the target position is positively correlated with the number of trigger times corresponding to the page trigger position information.

12. The method according to any one of claims 1 to 11, characterized in that The online application includes a sub-application; the sub-application running in the application analysis webpage is in an analysis state; the sub-application running in the parent application is in a use state; the page trigger location information is the location information collected for the trigger point when the application page of the sub-application running in the parent application is triggered.

13. A thermal map construction device, characterized in that: The device comprises: A loading module, used to run the online application in the application analysis webpage, and load the application page displaying the online application in the application analysis webpage; the online application running on the application analysis webpage is in an analysis state; an acquisition module, used to acquire page trigger position information corresponding to an application page of the online application, and to acquire the number of triggers corresponding to the page trigger position information; the page trigger position information is the position information of the trigger point in the application page when the online application is in use; A construction module is used to determine the target position corresponding to the page trigger position information in the application analysis webpage, and draw a thermal area at the target position according to the trigger number corresponding to the page trigger position information to obtain a trigger thermal map of the application page of the online application.

14. A computer device comprising a memory and a processor, wherein the memory stores a computer program, wherein: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 12 are implemented.

15. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 12 are implemented.

16. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 12 are implemented.

Images