Thermodynamic diagram generation method and device

Abstract

The embodiment of the invention provides a thermodynamic diagram generation method, and the method comprises the steps: obtaining click behavior data of a target page, the click behavior data comprising first click behavior data of conventional elements in the target page and second click behavior data of suspended elements in the target page; opening a target page at the target end, and embedding an iframe page in the target page; generating a first click thermodynamic diagram based on the first click behavior data, and superposing the first click thermodynamic diagram into an iframe page; generating a second click thermodynamic diagram based on the second click behavior data, and superposing the second click thermodynamic diagram into the iframe page; and performing hierarchical superposition on the basis of the iframe page, the first click thermodynamic diagram and the second click thermodynamic diagram to obtain a target click thermodynamic diagram of the target page. According to the technical scheme provided by the embodiment of the invention, the thermodynamic diagram of the advertisement landing page can be applied to the advertisement landing page containing the conventional elements and the suspended elements at the same time, and the analysis of the advertisement landing page can be more comprehensive.

Description

Technical Field

[0001] Embodiments of the present application relate to the field of network technologies, and in particular, to a method, device, computer device, computer-readable storage medium, and computer program product for generating a heat map. Background Art

[0002] An advertisement landing page is the web page that a user is directed to after clicking on an advertisement. It is a key component of an advertising campaign and is typically used to display detailed information about a product or service and to encourage the user to take a specific action, such as purchasing, registering, or downloading.

[0003] An advertisement landing page heat map is a chart that displays the behavioral data of an advertisement landing page in the form of color coding on the advertisement landing page, which can help analyze the behavioral data of the advertisement landing page and provide a basis for page optimization and the like.

[0004] However, the current advertisement landing page heat map can only be implemented in some web pages that only contain conventional elements. For relatively complex advertisement landing pages, the advertisement landing page heat map cannot achieve comprehensive coverage, resulting in missing analysis of the advertisement landing page.

[0005] It should be noted that the above content is not necessarily prior art and does not limit the scope of patent protection of the present application. Summary of the Invention

[0006] Embodiments of the present application provide a method, device, computer device, computer-readable storage medium, and computer program product for generating a heat map to solve or alleviate one or more of the above-mentioned technical problems.

[0007] One aspect of embodiments of the present application provides a method for generating a heat map, the method including: Obtaining click behavior data of a target page, where the click behavior data includes first click behavior data of conventional elements in the target page and second click behavior data of floating elements in the target page; Opening the target page at a target end and embedding an iframe page in the target page; Generating a first click heat map based on the first click behavior data and superimposing the first click heat map into the iframe page; Generating a second click heat map based on the second click behavior data and superimposing the second click heat map into the iframe page; Performing hierarchical superposition based on the iframe page, the first click heat map, and the second click heat map to obtain a target click heat map of the target page.

[0008] Optionally, the click behavior data is data aggregated by the server, and the aggregation process of the first click behavior data includes: The server is used to receive the original click behavior data reported by all clients for the target page. The original click behavior data includes the ID of the target page, the abscissa relative to the page, the ordinate relative to the page, the abscissa relative to the browser, the ordinate relative to the browser, the width of the browser, the height of the browser, and the click element type. When the click element type is a regular element type, the server is used to divide the corresponding client screen into a preset number of grids based on the current original click behavior data, and determine the number of width grids and the number of height grids to which the first click corresponding to the current original click behavior data belongs. The server is used to perform data aggregation of the same grids based on the number of width grids and the number of height grids to which the first click belongs, to obtain the first click behavior data.

[0009] Optionally, determining the number of width grids and the number of height grids to which the first click corresponding to the current original click behavior data belongs includes: Determining the number of width grids to which the first click belongs based on the abscissa relative to the page and the preset number; Determining the number of height grids to which the first click belongs based on the ordinate relative to the page and the preset number.

[0010] Optionally, the floating element includes a bottom floating element and a top floating element. The second click behavior data includes the third click behavior data corresponding to the bottom floating element and the fourth click behavior data corresponding to the top floating element. The aggregation process of the third click behavior data includes: When the click element type is a bottom floating element, the server is used to divide the corresponding client screen into the preset number of grids based on the current original click behavior data, and determine the number of width grids to which the second click corresponding to the current original click behavior data belongs and the number of grids from the bottom. The server is used to perform data aggregation of the same grids based on the number of width grids to which the second click belongs and the number of grids from the bottom, to obtain the third click behavior data.

[0011] Optionally, determining the number of width grids to which the second click corresponding to the current original click behavior data belongs and the number of grids from the bottom includes: Determining the number of width grids to which the second click belongs based on the abscissa relative to the browser container and the preset number; Determining the number of grids from the bottom based on the browser height, the ordinate relative to the browser container, and the preset number.

[0012] Optionally, the aggregation process of the fourth click behavior data includes: In the case where the click element type is a top floating element, the server divides the corresponding client screen into the preset number of grids based on the current original click behavior data, and determines the number of width grids and the number of height grids to which the third click corresponding to the current original click behavior data belongs; The server aggregates the data of the same grid based on the number of width grids and the number of height grids to which the third click belongs to obtain the fourth click behavior data.

[0013] Optionally, determining the number of width grids and the number of height grids to which the third click corresponding to the current original click behavior data belongs includes: Determining the number of width grids to which the third click belongs based on the abscissa relative to the browser and the preset number; Determining the number of height grids to which the third click belongs based on the ordinate relative to the browser and the preset number.

[0014] Optionally, generating the first click heat map based on the first click behavior data includes: Obtaining the target width and target height of the display window of the target end; Determining the first abscissa pixel value rendered by the target end based on the target width, the preset number, and the number of width grids to which the first click belongs; Determining the first ordinate pixel value rendered by the target end based on the target width, the preset number, and the number of height grids to which the first click belongs; Determining the first click behavior data corresponding to the first abscissa pixel value and the first ordinate pixel value as the first target aggregation value; Generating the first click heat map based on the first abscissa pixel value, the first ordinate pixel value, and the first target aggregation value.

[0015] Optionally, generating the second click heat map based on the second click behavior data includes: Obtaining the target width and target height of the display window of the target end; Determining the second abscissa pixel value rendered by the target end based on the target width, the preset number, and the number of width grids to which the second click belongs; Determining the second ordinate pixel value rendered by the target end based on the target height, the target width, the preset number, and the number of grids from the bottom; Determining the third click behavior data corresponding to the second abscissa pixel value and the second ordinate pixel value as the second target aggregation value; Generate the third click heat map based on the second abscissa pixel value, the second ordinate pixel value, and the second target aggregation value.

[0016] Optionally, generating the second click heat map based on the second click behavior data further includes: Obtain the target width and target height of the display window of the target end; Determine the third abscissa pixel value rendered by the target end based on the target width, the preset quantity, and the number of width grids to which the third click belongs; Determine the third ordinate pixel value rendered by the target end based on the target width, the preset quantity, and the number of height grids to which the third click belongs; Determine the fourth click behavior data corresponding to the third abscissa pixel value and the third ordinate pixel value as the third target aggregation value; Generate the fourth click heat map based on the third abscissa pixel value, the third ordinate pixel value, and the third target aggregation value.

[0017] Optionally, the first click heat map slides with the iframe page.

[0018] Another aspect of the embodiments of the present application provides a heat map generation device, and the device includes: An acquisition module, configured to acquire click behavior data of a target page, where the click behavior data includes first click behavior data of regular elements in the target page and second click behavior data of floating elements in the target page; An embedding module, configured to open the target page at the target end and embed an iframe page in the target page; A first generation module, configured to generate a first click heat map based on the first click behavior data and superimpose the first click heat map into the iframe page; A second generation module, configured to generate a second click heat map based on the second click behavior data and superimpose the second click heat map into the iframe page; A superimposing module, configured to perform hierarchical superimposition based on the iframe page, the first click heat map, and the second click heat map to obtain the target click heat map of the target page.

[0019] Another aspect of the embodiments of the present application provides a computer device, including: at least one processor; and a memory communicatively connected to the at least one processor; wherein: the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor so that the at least one processor can execute the method as described above.

[0020] Another aspect of the embodiments of the present application provides a computer-readable storage medium, in which computer instructions are stored, and when the computer instructions are executed by a processor, the method described above is implemented.

[0021] Another aspect of the embodiments of the present application provides a computer program product, including a computer program, and when the computer program is executed by a processor, the method described above is implemented.

[0022] The embodiments of the present application adopting the above technical solutions may include the following advantages: By obtaining the click behavior data of the target page, where the click behavior data includes the first click behavior data of the regular elements in the target page and the second click behavior data of the floating elements in the target page, opening the target page at the target end, embedding an iframe page in the target page, generating a first click heat map based on the first click behavior data, and superimposing the first click heat map on the iframe page, generating a second click heat map based on the second click behavior data, and superimposing the second click heat map on the iframe page, and performing hierarchical superposition based on the iframe page, the first click heat map, and the second click heat map to obtain the target click heat map of the target page, it is possible to generate heat maps according to the click behavior data of both regular elements and floating elements at the same time, so that the heat map of the advertisement landing page can cover a more complex page, improving the comprehensiveness and accuracy of the analysis of the advertisement landing page. Description of the Drawings

[0023] The drawings exemplarily show the embodiments and form a part of the description, and are used together with the written description of the description to explain the exemplary embodiments. The shown embodiments are only for the purpose of illustration and do not limit the scope of the claims. In all the drawings, the same reference numerals refer to similar but not necessarily identical elements.

[0024] Figure 1 Schematically shows the operating environment diagram of the heat map generation method according to Embodiment 1 of the present application; Figure 2 Schematically shows the flowchart of the heat map generation method according to Embodiment 1 of the present application; Figure 3 Schematically shows the step diagram of the aggregation process of the first click behavior data in the heat map generation method according to Embodiment 1 of the present application; Figure 4 Schematically shows an example diagram of aggregating click behavior data; Figure 5 Schematically shows Figure 3 The sub-step flowchart of step S302; Figure 6Schematically shows the aggregation process step diagram of the third click behavior data in the heat map generation method according to the first embodiment of the present application; Figure 7 Schematically shows Figure 6 The sub-step flow chart of step S500 in; Figure 8 Schematically shows the aggregation process step diagram of the fourth click behavior data in the heat map generation method according to the first embodiment of the present application; Figure 9 Schematically shows Figure 8 The sub-step flow chart of step S700 in; Figure 10 Schematically shows Figure 2 The sub-step flow chart of step S204 in; Figure 11 Schematically shows Figure 2 The sub-step flow chart of step S206 in; Figure 12 Schematically shows Figure 2 Another sub-step flow chart of step S206 in; Figure 13 Schematically shows the application example diagram of the heat map generation method according to the first embodiment of the present application; Figure 14 Schematically shows the block diagram of the heat map generation device according to the second embodiment of the present application; and Figure 15 Schematically shows the hardware architecture schematic diagram of the computer device according to the third embodiment of the present application. Detailed implementation manners

[0025] In order to make the objectives, technical solutions and advantages of the present application clearer, the present application will be further described in detail below with reference to 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. All other embodiments obtained by those of ordinary skill in the art based on the embodiments in the present application without creative efforts shall fall within the protection scope of the present application.

[0026] It should be noted that the descriptions involving "first", "second", etc. in the embodiments of the present application are only for descriptive purposes and cannot be understood as indicating or implying their relative importance or implicitly indicating the quantity of the indicated technical features. Thus, the features defined with "first" and "second" may explicitly or implicitly include at least one of such features. In addition, the technical solutions between various embodiments may be combined with each other, but it must be based on the fact that those of ordinary skill in the art can implement them. When the combination of technical solutions appears to be contradictory or unable to be implemented, it should be considered that such a combination of technical solutions does not exist and is not within the protection scope required by the present application.

[0027] In the description of the present application, it should be understood that the numerical labels before the steps do not indicate the order of execution of the steps, but are only used to facilitate the description of the present application and distinguish each step. Therefore, it should not be construed as a limitation to the present application.

[0028] First, the following provides explanations of the terms involved in the present application: Advertising landing page (also known as landing page or destination page): It is the web page that users are directed to after clicking on an advertisement. It is a key component of an advertising campaign and is usually used to display detailed information about a product or service and to encourage users to take specific actions (such as purchasing, registering, downloading, etc.).

[0029] Heatmap of advertising landing page: It is a visualization tool used to analyze user behavior on a web page. It represents the frequency or concentration of user interaction with page elements through different shades of color. Generally, warmer colors (such as red and orange) represent higher user interaction, while cooler colors (such as blue and green) represent lower user interaction.

[0030] HTML5: That is, the 5th major version of Hypertext Markup Language. HTML is the standard markup language for building web pages. It allows web developers to define the structure and content of a page and organize information through various tags (such as headings, paragraphs, lists, images, videos, etc.).

[0031] iframe: It is an inline frame element in HTML, with the full name of Inline Frame. It allows you to embed another HTML document within the current HTML document, thus enabling the display of another complete web page within one web page.

[0032] Elements in the normal document flow: They refer to those elements that are laid out and displayed according to the default arrangement rules of elements in an HTML document. In the normal document flow, elements are arranged in the order they appear in the HTML code and are affected by the type of the element itself (block-level element or inline element), box model properties (such as width, height, padding, border, margin), as well as floating and positioning properties.

[0033] Floating element: In the context of web design and CSS (Cascading Style Sheets), a floating element usually refers to an element that uses the float property or absolute positioning (position:absolute), fixed positioning (position:fixed), sticky positioning (position:sticky), etc. to break away from the normal document flow.

[0034] Secondly, to facilitate the understanding of the technical solutions provided by the embodiments of the present application by those skilled in the art, the related technologies are described below: The current advertisement landing page not only contains conventional elements but also contains floating elements. However, the current heat map of the advertisement landing page can only be applied to the conventional elements in the web page, and it cannot fully cover the more complex advertisement landing pages containing floating elements, resulting in missing analysis of the advertisement landing page.

[0035] For this reason, the embodiment of the present application provides a technical solution for generating a heat map. In this technical solution, the heat map of the advertisement landing page can be applied to the advertisement landing page that contains both conventional elements and floating elements, making the analysis of the advertisement landing page more comprehensive. See the following for details.

[0036] Finally, for ease of understanding, an exemplary operating environment is provided below.

[0037] As Figure 1 shown, the environmental schematic diagram includes an analysis platform 2, a server 4, and a client 6, where: The analysis platform 2 can be a workstation, a personal computer, a virtual instance in a cloud platform, etc., and is used to generate a click heat map according to the click data collected by the server 4.

[0038] The server 4 can provide access to the target page for the client 6, collect the click data of the client 6 on the target page, and provide it to the analysis platform 2 for generating a click heat map. The server 4, as a storage platform, can be composed of multiple computing devices. These multiple computing devices can include virtualized computing instances. The virtualized computing instances can include virtual machines, such as emulations of computer systems, operating systems, servers, etc. The computing devices can load virtual machines based on virtual images and / or other data that define specific software (e.g., operating systems, dedicated applications, servers) for emulation. As the demand for different types of processing services changes, different virtual machines can be loaded and / or terminated on one or more computing devices. A hypervisor can be implemented to manage the use of different virtual machines on the same computing device.

[0039] The server 4 can be configured to communicate with the analysis platform 2, the client 6, etc. through a network.

[0040] The client 6 can be provided with a user access page, enabling the client 6 to access the target page provided by the server 4.

[0041] The technical solution of the present application is introduced below through multiple embodiments. It should be noted that these embodiments can be implemented in many different forms and should not be construed as being limited only to the embodiments described herein.

[0042] Embodiment 1 Figure 2 A flowchart of the heat map generation method according to Embodiment 1 of the present application is schematically shown.

[0043] As Figure 2 shown, the heat map generation method may include steps S200 to S208, where: Step S200: Obtain the click behavior data of the target page. The click behavior data includes the first click behavior data of the regular elements in the target page and the second click behavior data of the floating elements in the target page.

[0044] Step S202: Open the target page on the target end and embed an iframe page in the target page.

[0045] Step S204: Generate a first click heat map based on the first click behavior data and overlay the first click heat map on the iframe page.

[0046] Step S206: Generate a second click heat map based on the second click behavior data and overlay the second click heat map on the iframe page.

[0047] Step S208: Perform hierarchical overlay based on the iframe page, the first click heat map, and the second click heat map to obtain the target click heat map of the target page.

[0048] For the heat map generation method provided in this embodiment, by obtaining the click behavior data of the target page, where the click behavior data includes the first click behavior data of the regular elements in the target page and the second click behavior data of the floating elements in the target page, opening the target page on the target end and embedding an iframe page in the target page, generating a first click heat map based on the first click behavior data and overlaying the first click heat map on the iframe page, generating a second click heat map based on the second click behavior data and overlaying the second click heat map on the iframe page, and performing hierarchical overlay based on the iframe page, the first click heat map, and the second click heat map to obtain the target click heat map of the target page, it is possible to generate a heat map according to the click behavior data of both regular elements and floating elements at the same time, so that the heat map of the advertisement landing page can cover a more complex page, improving the comprehensiveness and accuracy of the analysis of the advertisement landing page.

[0049] The following will elaborate in detail on each step and optional other steps in steps S200 to S208 in combination with Figure 2 ...

[0050] Step S200 ... Obtain the click behavior data of the target page. The click behavior data includes the first click behavior data of the regular elements in the target page and the second click behavior data of the floating elements in the target page.

[0051] Among them, the target page can be an advertisement landing page or other pages that need to generate heatmaps for analysis. Additionally, the normal elements are the normal document flow elements.

[0052] The execution subject of the heatmap generation method in the embodiments of this application can be an analysis platform, that is, the B side. The click behavior data of the target page can be collected by the server, and the analysis platform then obtains the click behavior data of the target page from the server. Among them, the click behavior data of the target page is collected under the authorization of the client.

[0053] In an alternative embodiment, the click behavior data is data aggregated by the server, such as Figure 3 As shown, the aggregation process of the first click behavior data includes: Step S300, use the server to receive the original click behavior data reported by all clients for the target page. The original click behavior data includes the ID of the target page, the abscissa relative to the page, the ordinate relative to the page, the abscissa relative to the browser, the ordinate relative to the browser, the width of the browser, the height of the browser, and the click element type.

[0054] Step S302, when the click element type is a normal element type, use the server to divide the corresponding client screen into a preset number of grids based on the current original click behavior data, and determine the number of width grids and the number of height grids to which the first click corresponding to the current original click behavior data belongs.

[0055] Step S304, use the server to perform data aggregation of the same grids based on the number of width grids and the number of height grids to which the first click belongs, to obtain the first click behavior data.

[0056] Among them, the abscissa relative to the page can be the abscissa relative to the upper left corner, upper right corner, lower left corner, or lower right corner of the target page. Preferably, the abscissa relative to the page is the abscissa relative to the upper left corner of the target page, which is more convenient for understanding the coordinates. The ordinate relative to the page, the abscissa relative to the browser, and the ordinate relative to the browser are the same by analogy. The click element type can include the normal element type and the floating element type.

[0057] Specifically, when the client is authorized and clicks on the target page, the client sends a reporting request to the server, reporting the original click data to the server. After receiving the reported original click behavior data, the server makes a judgment based on the click element type in the original click behavior data. When the click element type is a regular element type, the corresponding client screen is divided into a preset number of grids. The first click's width grid number and first click's height grid number corresponding to the current original click data are determined according to the original click data, so as to determine the grid where each click is located. After determining the grids where all clicks of all clients on the regular elements are located, the server can aggregate the data based on the clicks in the same grid to obtain the first click behavior data. Please refer to Figure 4 , which is an example diagram for aggregating click data. As shown in the figure, the click behaviors of all clients can be aggregated with the same grid data to obtain the aggregated data for each grid.

[0058] In this embodiment, by using the server to receive the original click behavior data reported by all clients for the target page, when the click element type is a regular element type, the server divides the client screen corresponding to the current original click behavior data into a preset number of grids, determines the grid corresponding to the current original click behavior data, and aggregates the data in the same grid to obtain the first click behavior data. The data of regular elements can be aggregated, and a heat map can be generated based on the aggregated data, thereby reducing data communication and alleviating the communication pressure on the server.

[0059] In an alternative embodiment, as Figure 5 shown, in step S302, determining the first click's width grid number and first click's height grid number corresponding to the current original click behavior data may include: Step S400, determining the first click's width grid number based on the abscissa relative to the page and the preset number.

[0060] Step S402, determining the first click's height grid number based on the ordinate relative to the page and the preset number.

[0061] Among them, the preset number of grids can be determined according to the accuracy requirements, page layout, and element size. When the accuracy requirements are high, the preset number can be larger, so that the specific position where the user clicks on the page can be captured in detail, but the amount of data to be processed will increase; when the accuracy requirements are low, the preset number can be smaller, and the amount of data to be processed will decrease. When the elements on the page are densely distributed and small, the preset number can be larger to facilitate accurate analysis of click behavior; when the elements on the page are sparsely distributed and large, the preset number can be smaller. For example, the screen width can be divided into 50 parts. For a screen with a width of 250 pixels and a height of 500 pixels, each click area is 5 pixels 5 pixels, and a screen is divided into 5000 grids.

[0062] Specifically, the size of the grid can be determined according to the preset number, and then the number of width grids and the number of height grids to which the first click belongs can be determined according to the size of the grid.

[0063] In practical applications, the number of width grids to which the first click belongs can be calculated according to the following formula: The number of width grids to which the first click belongs = (the abscissa relative to the page / the width of the grid); Among them, the width of each grid can be: the width of the browser / the number of parts to be cut, and the number of parts to be cut is determined by the preset number; the values of the abscissa relative to the page and the width of the browser can be pixel values to facilitate data aggregation. In addition, since the calculation result of the above formula may be a decimal, for the sake of uniformity, the floor function can be used for processing.

[0064] The number of height grids to which the first click belongs can be calculated according to the following formula: The number of height grids to which the first click belongs = (the ordinate relative to the page / the height of the grid); Among them, the grid can be a square. At this time, the height of the grid is equal to the width of the grid, that is, the height of the grid can be: the width of the browser / the number of parts to be cut; the values of the abscissa relative to the page and the width of the browser are pixel values; similarly, since the calculation result of the above formula may be a decimal, for the sake of uniformity, the floor function can be used for processing.

[0065] In this embodiment, by determining the number of width grids to which the first click belongs based on the abscissa relative to the page and the preset number, and determining the number of height grids to which the first click belongs based on the ordinate relative to the page and the preset number, the grid corresponding to each click on a regular element can be effectively determined, thus facilitating data aggregation of the same grid.

[0066] In an alternative embodiment, the floating elements include bottom floating elements and top floating elements, and the second click behavior data includes third click behavior data corresponding to the bottom floating elements and fourth click behavior data corresponding to the top floating elements. As Figure 6 shown, the aggregation process of the third click behavior data may include: Step S500, when the click element type is a bottom floating element, the server divides the corresponding client screen into a preset number of grids based on the current original click behavior data, and determines the number of width grids to which the second click corresponding to the current original click behavior data belongs and the number of grids from the bottom.

[0067] Step S502, the server aggregates the data of the same grid based on the number of width grids to which the second click belongs and the number of grids from the bottom to obtain the third click behavior data.

[0068] Specifically, after receiving the original click behavior data reported by the client, the server makes a judgment according to the click element type in the original click behavior data; when the click element type is a bottom floating element, the server divides the corresponding client screen into a preset number of grids based on the current original click behavior data, determines the number of width grids to which the corresponding second click belongs and the number of grids from the bottom according to the original click behavior data, so as to determine the grid where each click is located; after determining the grids where all clicks of all clients on the bottom floating element are located, the server can aggregate the data of the same grid based on the number of width grids to which the second click belongs and the number of grids from the bottom to obtain the third click behavior data.

[0069] In this embodiment, when the click element type is a bottom floating element, the server divides the corresponding client screen into a preset number of grids based on the current original click behavior data, determines the number of width grids to which the second click corresponding to the current original click behavior data belongs and the number of grids from the bottom, and the server aggregates the data of the same grid based on the number of width grids to which the second click belongs and the number of grids from the bottom to obtain the third click behavior data, so as to aggregate the data of the bottom floating element and generate a heat map according to the aggregated data, thereby reducing data communication and alleviating the communication pressure on the server.

[0070] In an alternative embodiment, as Figure 7 shown, in step S500, determining the number of width grids to which the second click corresponding to the current original click behavior data belongs and the number of grids from the bottom may include: Step S600, determining the number of width grids to which the second click belongs based on the abscissa relative to the browser container and a preset number.

[0071] Step S602, determining the number of grids from the bottom based on the browser height, the ordinate relative to the browser container, and a preset number.

[0072] Due to different browser containers in actual situations, it may lead to different visual areas on the same screen (such as different when opening a page full-screen and half-screen). For the data aggregation of clicks on the bottom floating element, if the origin is the upper left corner of the browser, the data may be distorted. Therefore, it can be determined according to the number of grid cells from the bottom.

[0073] The number of width grid cells to which the second click belongs can be calculated according to the following formula: The number of width grid cells to which the second click belongs = (the abscissa relative to the browser / the width of the grid); The number of grid cells from the bottom can be calculated according to the following formula: The number of grid cells from the bottom = ((the height of the browser - the ordinate relative to the browser) / the width of the grid); Among them, the values of the abscissa relative to the browser, the height of the browser, and the ordinate relative to the browser can be pixel values; in addition, the calculation results of the above two formulas may be decimals, and the floor function can be used for processing.

[0074] It can be understood that since the position of the floating element relative to the page will change, while the position relative to the browser will not change, the ordinate relative to the browser is used instead of the ordinate relative to the page when calculating the number of grid cells from the bottom.

[0075] In this embodiment, by determining the number of width grid cells to which the second click belongs based on the abscissa relative to the browser and a preset number, and determining the number of grid cells from the bottom based on the height of the browser, the ordinate relative to the browser container, and a preset number, the grid corresponding to the bottom floating element can be effectively determined, thus facilitating the aggregation of data in the same grid.

[0076] In an alternative embodiment, as Figure 8 shown, the aggregation process of the fourth click behavior data may include: Step S700, in the case where the click element type is the top floating element, the server divides the corresponding client screen into a preset number of grids based on the current original click behavior data, and determines the number of width grid cells to which the third click corresponding to the current original click behavior data belongs and the number of height grid cells to which the third click belongs.

[0077] Step S702, the server aggregates the data in the same grid based on the number of width grid cells to which the third click belongs and the number of height grid cells to which the third click belongs, to obtain the fourth click behavior data.

[0078] Specifically, after receiving the original click behavior data reported by the client, the server makes a judgment based on the click element type in the original click behavior data; in the case where the click element type is a top floating element, the server divides the corresponding client screen into a preset number of grids based on the current original click behavior data, determines the number of width grids and the number of height grids to which the corresponding third click belongs according to the original click behavior data, so as to determine the grid where each click is located; after determining the grids where all clicks of all clients on the top floating element are located, the server can perform data aggregation of the same grids based on the number of width grids to which the third click belongs and the format from the bottom, and obtain the fourth click behavior data.

[0079] In this embodiment, in the case where the click element type is a top floating element, by using the server to divide the corresponding client screen into a preset number of grids based on the current original click behavior data, determining the number of width grids and the number of height grids to which the third click corresponding to the current original click behavior data belongs, and using the server to perform data aggregation of the same grids based on the number of width grids to which the third click belongs and the number of height grids to which the third click belongs, and obtaining the fourth click behavior data, data aggregation can be performed on the top floating element, and a heat map can be generated according to the aggregated data, thereby reducing data communication and alleviating the communication pressure on the server.

[0080] In an alternative embodiment, as Figure 9 shown, in step S700, determining the number of width grids and the number of height grids to which the third click corresponding to the current original click behavior data belongs may include: Step S800, determining the number of width grids to which the third click belongs based on the abscissa relative to the browser and the preset number.

[0081] Step S802, determining the number of height grids to which the third click belongs based on the ordinate relative to the browser and the preset number.

[0082] Among them, the number of width grids to which the third click belongs can be calculated according to the following formula: Number of width grids to which the third click belongs = (abscissa relative to the browser / width of the grid); The number of height grids to which the third click belongs can be calculated according to the following formula: Number of height grids to which the third click belongs = (ordinate relative to the browser / width of the grid); Among them, the values of the abscissa relative to the browser and the ordinate relative to the browser can be pixel values; in addition, the calculation results of the following two formulas may be decimals, and the floor function can be used for processing.

[0083] In this embodiment, by determining the number of width grids to which the third click belongs based on the abscissa relative to the browser and a preset number, and determining the number of height grids to which the third click belongs based on the ordinate relative to the browser and the preset number, the grid corresponding to the top floating element can be effectively determined, thereby facilitating the aggregation of data in the same grid.

[0084] Step S202 , open the target page at the target end and embed an iframe page in the target page.

[0085] The target end can be the end where the heat map is generated, which can be an analysis platform. Among them, the embedded iframe page can be placed at the lower layer, and the first click heat map and the second click heat map can be superimposed on it.

[0086] Step S204 , generate a first click heat map based on the first click behavior data and superimpose the first click heat map into the iframe page.

[0087] Specifically, in the case where the first click behavior data is the data aggregated by the server, the target end can be divided into the same number of grids, and then a click heat map of the regular element can be generated according to the aggregated data to obtain the first click heat map.

[0088] In an alternative embodiment, as Figure 10 shown, in step S204, generating a first click heat map based on the first click behavior data may include: Step S900, obtain the target width and target height of the display window of the target end.

[0089] Step S902, determine the second abscissa pixel value rendered by the target end based on the target width, the preset number, and the number of width grids to which the second click belongs.

[0090] Step S904, determine the second ordinate pixel value rendered by the target end based on the target height, the target width, the preset number, and the number of grids from the bottom.

[0091] Step S906, determine the second aggregated click data corresponding to the second abscissa pixel value and the second ordinate pixel value as the second target aggregation value.

[0092] Step S908, generate a third click heat map based on the second abscissa pixel value, the second ordinate pixel value, and the second target aggregation value.

[0093] Among them, the target end can be the end device where the analysis platform is located. The first abscissa pixel value can be calculated according to the following formula: First abscissa pixel value = (Target width pixel / Number of small grids cut) Number of width grids to which the first click belongs; The first vertical coordinate pixel value can be calculated according to the following formula: The first vertical coordinate pixel value = (the number of target width pixels / the number of small grids cut) The number of height grids to which the first click belongs.

[0094] Specifically, the target width and target height of the display window of the target end can be obtained, and then the first horizontal coordinate pixel value and the first vertical coordinate pixel value are calculated respectively according to the above two formulas, and the first click behavior data corresponding to the first horizontal coordinate pixel value and the first vertical coordinate pixel value is determined as the first target aggregation value, that is, the intensity value; then, a canvas is created according to the point values (the first horizontal coordinate pixel value, the first vertical coordinate pixel value, and the first target aggregation value) to draw the first click heat map, and the first click heat map is obtained. After obtaining the first click heat map, the background transparency of the first click heat map can be set and then superimposed on the iframe page.

[0095] In this embodiment, by obtaining the target width and target height of the display window of the target end, determining the first horizontal coordinate pixel value rendered at the target end based on the target width, the preset number, and the number of width grids to which the first click belongs, determining the first vertical coordinate pixel value rendered at the target end based on the target width, the preset number, and the number of height grids to which the first click belongs, determining the first target aggregation value corresponding to the first horizontal coordinate and the first vertical coordinate, and generating the first click heat map based on the first horizontal coordinate, the first vertical coordinate, and the first target aggregation value, a click heat map of a conventional element can be effectively generated according to the aggregation data, which is convenient for analyzing the conventional element.

[0096] Step S206 , generating a second click heat map based on the second click behavior data and superimposing the second click heat map on the iframe page.

[0097] Specifically, in the case where the second click behavior data is the data aggregated by the server, the target end can be divided into the same number of grids; then heat maps are generated for the bottom floating elements and the top floating elements respectively, and finally the heat map of the floating elements is obtained.

[0098] In an alternative embodiment, as Figure 11 shown, in step S206, generating the second click heat map based on the second click behavior data may include: Step S1000, obtaining the target width and target height of the display window of the target end.

[0099] Step S1002, determining the second horizontal coordinate pixel value rendered at the target end based on the target width, the preset number, and the number of width grids to which the second click belongs.

[0100] Step S1004, determine the second vertical coordinate pixel value for target - end rendering based on the target height, target width, preset quantity, and the number of grid cells from the bottom.

[0101] Step S1006, determine the third click - behavior data corresponding to the second horizontal coordinate pixel value and the second vertical coordinate pixel value as the second target aggregation value.

[0102] Step S1008, generate a third click heat map based on the second horizontal coordinate pixel value, the second vertical coordinate pixel value, and the second target aggregation value.

[0103] Among them, the second horizontal coordinate pixel value can be calculated according to the following formula: The second horizontal coordinate pixel value = (target width in pixels / number of small grid cells cut) The number of width grid cells to which the second click belongs; The second vertical coordinate pixel value can be calculated according to the following formula: The second vertical coordinate pixel value = target width in pixels - ((target width in pixels / number of small grid cells cut) × number of height grid cells from the bottom).

[0104] Specifically, the target width and target height of the display window of the target end can be obtained, and then the second horizontal coordinate pixel value and the second vertical coordinate pixel value are calculated respectively according to the above two formulas, and the third click - behavior data corresponding to the second horizontal coordinate and the second vertical coordinate pixel value is determined as the second target aggregation value, that is, the intensity value; then, a new canvas is created based on the obtained point values (the second horizontal coordinate pixel value, the second vertical coordinate pixel value, and the second target aggregation value) to draw the third click heat map, and the third click heat map is obtained. After obtaining the third click heat map, the background transparency of the third click heat map can be set and then superimposed on the iframe page.

[0105] In this embodiment, by obtaining the target width and target height of the display window of the target end, determining the second horizontal coordinate pixel value for target - end rendering based on the target width, preset quantity, and the number of width grid cells to which the second click belongs, determining the second vertical coordinate pixel value for target - end rendering based on the target height, target width, preset quantity, and the number of grid cells from the bottom, determining the second target aggregation value corresponding to the second horizontal coordinate and the second vertical coordinate, and generating a third click heat map based on the second horizontal coordinate, the second vertical coordinate, and the second target aggregation value, the click heat map of the bottom - floating element can be effectively generated according to the aggregation data, which is convenient for analyzing the bottom - floating element.

[0106] In an alternative embodiment, as Figure 12 shown, in step S206, generating a second click heat map based on the second click - behavior data may further include: Step S1100, obtain the target width and target height of the display window of the target end.

[0107] Step S1102, determine the third abscissa pixel value rendered at the target end based on the target width, the preset quantity, and the number of width grids to which the third click belongs.

[0108] Step S1104, determine the third ordinate pixel value rendered at the target end based on the target width, the preset quantity, and the number of height grids to which the third click belongs.

[0109] Step S1106, determine the fourth click behavior data corresponding to the third abscissa pixel value and the third ordinate pixel value as the third target aggregation value.

[0110] Step S1108, generate a fourth click heat map based on the third abscissa pixel value, the third ordinate pixel value, and the third target aggregation value.

[0111] Among them, the third abscissa pixel value can be calculated according to the following formula: Third abscissa pixel value = (target width in pixels / number of small grids cut) × number of width grids to which the third click belongs; The third ordinate pixel value can be calculated according to the following formula: Third ordinate pixel value = (target width in pixels / number of small grids cut) × number of height grids to which the third click belongs.

[0112] Specifically, the target width and target height of the display window of the target end can be obtained, and then the third abscissa pixel value and the third ordinate pixel value are calculated respectively according to the above two formulas, and the fourth click behavior data corresponding to the third abscissa and the third ordinate pixel values is determined as the third target aggregation value, that is, the intensity value; then, a canvas is created according to the obtained point values (the third abscissa pixel value, the third ordinate pixel value, and the third target aggregation value) to draw the fourth click heat map, and the fourth click heat map is obtained. After obtaining the fourth click heat map, the background transparency of the fourth click heat map can be set and then superimposed on the iframe page.

[0113] In this embodiment, by obtaining the target width and target height of the display window of the target end, determining the third abscissa pixel value rendered at the target end based on the target width, the preset quantity, and the number of width grids to which the third click belongs, determining the third ordinate pixel value rendered at the target end based on the target width, the preset quantity, and the number of height grids to which the third click belongs, determining the third target aggregation value corresponding to the third abscissa and the third ordinate, and generating a fourth click heat map based on the third abscissa, the third ordinate, and the third target aggregation value, the click heat map of the top floating element can be effectively generated according to the aggregation data, which is convenient for analyzing the top floating element.

[0114] Step S208 , based on the iframe page, the first click heat map, and the second click heat map for hierarchical superposition, the target click heat map of the target page is obtained.

[0115] Specifically, the iframe page can be placed at the bottom layer, the first click heat map can be placed at the middle layer, and the second click heat map (including the third click heat map and the fourth click heat map) can be placed at the top layer. After superposition, the target click heat map of the target page is obtained.

[0116] In an alternative embodiment, the first click heat map slides with the iframe page. Specifically, the first click heat map can be configured to listen for the sliding of the iframe page. When the iframe page slides, the first click heat map slides together with the iframe page. Correspondingly, the second click heat map does not slide with the iframe page, thus simulating the real effect of the page.

[0117] To make the present application easier to understand, the following is combined with Figure 13 An exemplary application is provided. As shown in the figure, it can be divided into three parts: the C end, the server end, and the B end: I. C end: When the user authorizes, collect the click behavior of the user and report it to the server end in JSON format; II. Server end: Aggregate the data reported by the C end; III. B end: Embed the original page with an iframe page, generate heat maps of regular elements and floating elements respectively according to the data aggregated by the server end, and finally perform hierarchical superposition. Superimpose the heat maps of regular elements and floating elements into the iframe page respectively to obtain the heat map corresponding to the original page.

[0118] In this exemplary application, by aggregating click data through the server end, the communication pressure on the server end can be reduced; by embedding the original page with an iframe page and superimposing the heat maps of regular elements and floating elements into the iframe page, the generated heat map can include both regular elements and floating elements, so that the page to be analyzed can be comprehensively analyzed and the accuracy of heat map analysis can be improved. In addition, by generating heat maps at the B end, the access to the original page at the C end can be unaffected.

[0119] Embodiment 2 Figure 14Schematically shown is a block diagram of a heat map generation device according to Embodiment 2 of the present application. The device can be divided into one or more program modules. One or more program modules are stored in a storage medium and executed by one or more processors to complete the embodiments of the present application. The program modules referred to in the embodiments of the present application refer to a series of computer program instruction segments that can complete specific functions. The following description will specifically introduce the functions of each program module in this embodiment. As Figure 14 shown, the device 1200 may include: an acquisition module 1210, an embedding module 1220, a first generation module 1230, a second generation module 1240, and a superimposition module 1250, where: The acquisition module 1210 is configured to acquire click behavior data of a target page, and the click behavior data includes first click behavior data of regular elements in the target page and second click behavior data of floating elements in the target page; The embedding module 1220 is configured to open the target page at a target end and embed an iframe page in the target page; The first generation module 1230 is configured to generate a first click heat map based on the first click behavior data and superimpose the first click heat map on the iframe page; The second generation module 1240 is configured to generate a second click heat map based on the second click behavior data and superimpose the second click heat map on the iframe page; The superimposition module 1250 is configured to perform hierarchical superimposition based on the iframe page, the first click heat map, and the second click heat map to obtain a target click heat map of the target page.

[0120] In an alternative embodiment, the click behavior data is data aggregated by a server. The aggregation process of the first click behavior data includes: Using the server to receive the original click behavior data reported by all clients for the target page. The original click behavior data includes the ID of the target page, the abscissa relative to the page, the ordinate relative to the page, the abscissa relative to the browser, the ordinate relative to the browser, the width of the browser, the height of the browser, and the click element type; When the click element type is a regular element type, using the server to divide the corresponding client screen into a preset number of grids based on the current original click behavior data and determine the number of width grids and the number of height grids to which the first click corresponding to the current original click behavior data belongs; Using the server to perform data aggregation of the same grids based on the number of width grids to which the first click belongs and the number of height grids to which the first click belongs to obtain the first click behavior data.

[0121] In an alternative embodiment, determining the number of width grids to which the first click corresponding to the current original click behavior data belongs and the number of height grids to which the first click belongs includes: Determining the number of width grids to which the first click belongs based on the abscissa relative to the page and the preset quantity; Determining the number of height grids to which the first click belongs based on the ordinate relative to the page and the preset quantity.

[0122] In an alternative embodiment, the floating element includes a bottom floating element and a top floating element, the second click behavior data includes third click behavior data corresponding to the bottom floating element and fourth click behavior data corresponding to the top floating element, and the aggregation process of the third click behavior data includes: In the case where the click element type is a bottom floating element, the server divides the corresponding client screen into the preset number of grids based on the current original click behavior data, and determines the number of width grids to which the second click corresponding to the current original click behavior data belongs and the number of grids from the bottom; The server performs data aggregation of the same grids based on the number of width grids to which the second click belongs and the number of grids from the bottom to obtain the third click behavior data.

[0123] In an alternative embodiment, determining the number of width grids to which the second click corresponding to the current original click behavior data belongs and the number of grids from the bottom includes: Determining the number of width grids to which the second click belongs based on the abscissa relative to the browser container and the preset quantity; Determining the number of grids from the bottom based on the browser height, the ordinate relative to the browser container, and the preset quantity.

[0124] In an alternative embodiment, the aggregation process of the fourth click behavior data includes: In the case where the click element type is a top floating element, the server divides the corresponding client screen into the preset number of grids based on the current original click behavior data, and determines the number of width grids to which the third click corresponding to the current original click behavior data belongs and the number of height grids to which the third click belongs; The server performs data aggregation of the same grids based on the number of width grids to which the third click belongs and the number of height grids to which the third click belongs to obtain the fourth click behavior data.

[0125] In an alternative embodiment, determining the number of width grids to which the third click corresponding to the current original click behavior data belongs and the number of height grids to which the third click belongs includes: Determining the number of width grids to which the third click belongs based on the abscissa relative to the browser and the preset quantity; Determine the number of height grids to which the third click belongs based on the vertical coordinate relative to the browser and the preset quantity.

[0126] In an alternative embodiment, the first generation module 1230 is further configured to: Obtain the target width and target height of the display window of the target end; Determine the first abscissa pixel value rendered by the target end based on the target width, the preset quantity, and the number of width grids to which the first click belongs; Determine the first ordinate pixel value rendered by the target end based on the target width, the preset quantity, and the number of height grids to which the first click belongs; Determine the first click behavior data corresponding to the first abscissa pixel value and the first ordinate pixel value as the first target aggregation value; Generate the first click heat map based on the first abscissa pixel value, the first ordinate pixel value, and the first target aggregation value.

[0127] In an alternative embodiment, the second generation module 1240 is further configured to: Obtain the target width and target height of the display window of the target end; Determine the second abscissa pixel value rendered by the target end based on the target width, the preset quantity, and the number of width grids to which the second click belongs; Determine the second ordinate pixel value rendered by the target end based on the target height, the target width, the preset quantity, and the number of grids from the bottom; Determine the third click behavior data corresponding to the second abscissa pixel value and the second ordinate pixel value as the second target aggregation value; Generate the third click heat map based on the second abscissa pixel value, the second ordinate pixel value, and the second target aggregation value.

[0128] In an alternative embodiment, the second generation module 1240 is further configured to: Obtain the target width and target height of the display window of the target end; Determine the third abscissa pixel value rendered by the target end based on the target width, the preset quantity, and the number of width grids to which the third click belongs; Determine the third ordinate pixel value rendered by the target end based on the target width, the preset quantity, and the number of height grids to which the third click belongs; Determine the fourth click behavior data corresponding to the third abscissa pixel value and the third ordinate pixel value as the third target aggregation value; Generate the fourth click heat map based on the third abscissa pixel value, the third ordinate pixel value, and the third target aggregation value.

[0129] In an alternative embodiment, the first click heat map slides with the iframe page.

[0130] Embodiment III Figure 15 Schematically shows a hardware architecture diagram of a computer device 10000 suitable for implementing the heat map generation method according to Embodiment III of the present application. In some embodiments, the computer device 10000 may be a terminal device such as a smart phone, a wearable device, a tablet computer, a personal computer, a vehicle-mounted terminal, a game console, a virtual device, a workbench, a digital assistant, a set-top box, a robot, etc. In other embodiments, the computer device 10000 may be a rack server, a blade server, a tower server, or a cabinet server (including a stand-alone server or a server cluster composed of multiple servers), etc. As Figure 15 shown, the computer device 10000 includes, but is not limited to: a memory 10010, a processor 10020, and a network interface 10030 that can be communicatively linked to each other through a system bus. Among them: The memory 10010 includes at least one type of computer-readable storage medium. The readable storage medium includes flash memory, a hard disk, a multimedia card, a card-type memory (such as an SD or DX memory), a random access memory (RAM), a static random access memory (SRAM), a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), a programmable read-only memory (PROM), a magnetic memory, a magnetic disk, an optical disk, etc. In some embodiments, the memory 10010 may be an internal storage module of the computer device 10000, such as the hard disk or memory of the computer device 10000. In other embodiments, the memory 10010 may also be an external storage device of the computer device 10000, such as a plug-in hard disk equipped on the computer device 10000, a Smart Media Card (SMC), a Secure Digital (SD) card, a Flash Card, etc. Of course, the memory 10010 may also include both an internal storage module and an external storage device of the computer device 10000. In this embodiment, the memory 10010 is generally used to store the operating system and various application software installed on the computer device 10000, such as the program code of the heat map generation method. In addition, the memory 10010 may also be used to temporarily store various types of data that have been output or will be output.

[0131] The processor 10020 can be a Central Processing Unit (CPU), a controller, a microcontroller, a microprocessor, or other chips in some embodiments. The processor 10020 is generally used to control the overall operation of the computer device 10000, such as performing control and processing related to data interaction or communication with the computer device 10000. In this embodiment, the processor 10020 is used to run the program code stored in the memory 10010 or process data.

[0132] The network interface 10030 can include a wireless network interface or a wired network interface. The network interface 10030 is generally used to establish a communication link between the computer device 10000 and other computer devices. For example, the network interface 10030 is used to connect the computer device 10000 to an external terminal through a network, and establish a data transmission channel and a communication link between the computer device 10000 and the external terminal. The network can be an enterprise internal network (Intranet), the Internet, the Global System of Mobile communication (abbreviated as GSM), Wideband Code Division Multiple Access (abbreviated as WCDMA), 4G network, 5G network, Bluetooth, Wi-Fi and other wireless or wired networks.

[0133] It should be noted that Figure 15 Only the computer device with components 10010 - 10030 is shown, but it should be understood that it is not required to implement all the shown components, and more or fewer components can be alternatively implemented.

[0134] In this embodiment, the heat map generation method stored in the memory 10010 can also be divided into one or more program modules and executed by one or more processors (such as the processor 10020) to complete the embodiments of the present application.

[0135] Embodiment 4 The embodiments of the present application also provide a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the steps of the heat map generation method in the embodiments are implemented.

[0136] In this embodiment, the computer-readable storage medium includes flash memory, hard disk, multimedia card, card-type memory (such as SD or DX memory, etc.), random access memory (RAM), static random access memory (SRAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), programmable read-only memory (PROM), magnetic memory, magnetic disk, optical disk, etc. In some embodiments, the computer-readable storage medium may be an internal storage unit of a computer device, such as the hard disk or memory of the computer device. In other embodiments, the computer-readable storage medium may also be an external storage device of the computer device, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) card, a Flash Card, etc. equipped on the computer device. Of course, the computer-readable storage medium may also include both the internal storage unit and the external storage device of the computer device. In this embodiment, the computer-readable storage medium is generally used to store the operating system and various application software installed on the computer device, such as the program code of the heat map generation method in the embodiment. In addition, the computer-readable storage medium can also be used to temporarily store various data that have been output or will be output.

[0137] Embodiment 5 The embodiment of the present application further provides a computer program product, including a computer program, which when executed by a processor implements the method in the above embodiment.

[0138] Obviously, those skilled in the art should understand that the above-mentioned modules or steps of the embodiments of the present application can be implemented by a general computer device. They can be concentrated on a single computer device or distributed on a network composed of multiple computer devices. Optionally, they can be implemented by program codes executable by the computer device, so that they can be stored in a storage device and executed by the computer device. And in some cases, the steps shown or described can be executed in a different order from here, or they can be separately made into individual integrated circuit modules, or multiple modules or steps among them can be made into a single integrated circuit module to implement. In this way, the embodiments of the present application are not limited to any specific combination of hardware and software.

[0139] It should be noted that the above are only the preferred embodiments of the present application, and do not limit the patent protection scope of the present application. Any equivalent structure or equivalent process transformation made by using the content of the specification and drawings of the present application, or directly or indirectly applied in other related technical fields, shall be equally included in the patent protection scope of the present application.

Claims

1. A method for generating a heat map, characterized in that: The method comprises: Acquire click behavior data of a target page, the click behavior data including first click behavior data of a regular element in the target page and second click behavior data of a floating element in the target page; Open the target page on the target end, and embed an iframe page in the target page; Generate a first click heat map based on the first click behavior data, and overlay the first click heat map on the iframe page; Generate a second click heat map based on the second click behavior data, and overlay the second click heat map on the iframe page; Based on the iframe page, the first click heat map and the second click heat map, hierarchical superposition is performed to obtain a target click heat map of the target page.

2. The method according to claim 1, characterized in that The click behavior data is data aggregated by the server, and the aggregation process of the first click behavior data includes: Utilizing the server to receive original click behavior data reported by all clients for the target page, the original click behavior data includes the ID of the target page, the horizontal coordinate relative to the page, the vertical coordinate relative to the page, the horizontal coordinate relative to the browser, the vertical coordinate relative to the browser, the width of the browser, the height of the browser, and the type of clicked element; In the case where the click element type is a regular element type, the server is used to divide the corresponding client screen into a preset number of grids based on the current original click behavior data, and determine the number of width grids and the number of height grids to which the first click corresponding to the current original click behavior data belongs; The server is used to aggregate data of the same grid based on the width grid number to which the first click belongs and the height grid number to which the first click belongs, so as to obtain the first click behavior data.

3. The method according to claim 2, characterized in that The step of determining the width grid number and the height grid number of the first click corresponding to the current original click behavior data includes: Determine the width grid number to which the first click belongs based on the horizontal coordinate of the relative page and the preset number; The height grid number to which the first click belongs is determined based on the vertical coordinate of the relative page and the preset number.

4. The method according to claim 2, characterized in that: The suspended element includes a bottom suspended element and a top suspended element, the second click behavior data includes third click behavior data corresponding to the bottom suspended element and fourth click behavior data corresponding to the top suspended element, and the aggregation process of the third click behavior data includes: In the case where the click element type is a bottom-mounted floating element, the server is used to divide the corresponding client screen into the preset number of grids based on the current original click behavior data, and determine the number of grid widths and the number of grids from the bottom to which the second click corresponding to the current original click behavior data belongs; The server is used to aggregate data of the same grid based on the number of grids of the width to which the second click belongs and the number of grids from the bottom to obtain the third click behavior data.

5. The method according to claim 4, characterized in that The step of determining the width grid number and the distance grid number from the bottom of the second click corresponding to the current original click behavior data includes: Determine the number of width grids to which the second click belongs based on the horizontal coordinate relative to the browser container and the preset number; The number of grids from the bottom is determined based on the browser height, the vertical coordinate relative to the browser container, and the preset number.

6. The method according to claim 4, characterized in that The fourth click behavior data aggregation process includes: In the case where the click element type is a top floating element, the server is used to divide the corresponding client screen into the preset number of grids based on the current original click behavior data, and determine the number of width grids and the number of height grids to which the third click belongs corresponding to the current original click behavior data; The server is used to aggregate data of the same grid based on the width grid number to which the third click belongs and the height grid number to which the third click belongs, so as to obtain the fourth click behavior data.

7. The method according to claim 6, characterized in that The determining of the width grid number and the height grid number of the third click corresponding to the current original click behavior data includes: Determine the width grid number to which the third click belongs based on the horizontal coordinate of the relative browser and the preset number; The height grid number to which the third click belongs is determined based on the vertical coordinate relative to the browser and the preset number.

8. The method according to claim 2, characterized in that: The generating a first click heat map based on the first click behavior data includes: Obtaining a target width and a target height of a display window of the target end; Determine a first horizontal coordinate pixel value rendered by the target end based on the target width, the preset number, and the number of the width grid to which the first click belongs; Determine a first vertical coordinate pixel value rendered by the target end based on the target width, the preset number, and the height grid number to which the first click belongs; Determine first click behavior data corresponding to the first horizontal coordinate pixel value and the first vertical coordinate pixel value as a first target aggregate value; The first click heat map is generated based on the first horizontal axis pixel value, the first vertical axis pixel value and the first target aggregation value.

9. The method according to claim 4, characterized in that The generating a second click heat map based on the second click behavior data includes: Obtaining a target width and a target height of a display window of the target end; Determine a second horizontal coordinate pixel value rendered by the target end based on the target width, the preset number, and the number of the width grid to which the second click belongs; Determine a second vertical coordinate pixel value rendered by the target end based on the target height, the target width, the preset number, and the number of grids from the bottom; Determine the third click behavior data corresponding to the second horizontal coordinate pixel value and the second vertical coordinate pixel value as the second target aggregate value; The third click heat map is generated based on the second horizontal coordinate pixel value, the second vertical coordinate pixel value and the second target aggregation value.

10. The method according to claim 6, characterized in that The generating a second click heat map based on the second click behavior data further includes: Obtaining a target width and a target height of a display window of the target end; Determine a third horizontal coordinate pixel value rendered by the target end based on the target width, the preset number, and the number of width grids to which the third click belongs; Determine a third vertical coordinate pixel value rendered by the target end based on the target width, the preset number, and the height grid number to which the third click belongs; Determine fourth click behavior data corresponding to the third horizontal coordinate pixel value and the third vertical coordinate pixel value as a third target aggregate value; The fourth click heat map is generated based on the third horizontal coordinate pixel value, the third vertical coordinate pixel value and the third target aggregation value.

11. The method according to any one of claims 1 to 10, characterized in that: The first click heat map slides along with the iframe page.

12. A heat map generating device, characterized in that: The device comprises: An acquisition module, used to acquire click behavior data of a target page, wherein the click behavior data includes first click behavior data of a regular element in the target page and second click behavior data of a suspended element in the target page; An embedding module, used to open the target page on the target end and embed an iframe page in the target page; A first generating module, configured to generate a first click heat map based on the first click behavior data, and superimpose the first click heat map onto the iframe page; A second generating module, used for generating a second click heat map based on the second click behavior data, and superimposing the second click heat map on the iframe page; The superposition module is used to perform hierarchical superposition based on the iframe page, the first click heat map and the second click heat map to obtain a target click heat map of the target page.

13. A computer device, characterized in that: include: at least one processor; and a memory communicatively connected to the at least one processor; wherein: The memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to perform the method according to any one of claims 1 to 11.

14. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer instructions, and when the computer instructions are executed by a processor, the method according to any one of claims 1 to 11 is implemented.

15. 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 11 are implemented.

Images