A heat map generation method and related apparatus

Abstract

The application discloses a heat map generation method and related device. For a target page to be generated into a heat map, corresponding user click behaviors are mapped into a grid network of a plurality of page elements included in the target page, the grid network including grid sizes related to sizes of the page elements. According to the number of the user click behaviors mapped in the grid, a target pixel value of a color halo corresponding to the grid is determined, and then based on the target pixel value and a halo size of the color halo, a color halo corresponding to the grid is generated, the halo size of the color halo being related to the grid size of the grid. The color halo can reasonably reflect the actual heat range of the user click behaviors obtained by page elements of different sizes, and the target pixel value determined based on the number of the user click behaviors can also accurately reflect the heat size. The heat map generated in this way has a higher matching degree between the user click behaviors and the actual user click behaviors, and effectively reduces the distortion of the heat map.

Description

Technical Field

[0001] This application relates to the field of data processing, and in particular to a method and apparatus for generating heat maps. Background Technology

[0002] Users can view the content they need through the pages displayed on their terminal devices, thereby obtaining the corresponding services from the page provider. While viewing the page, users can click on the page to navigate to other pages or access the services offered.

[0003] User click behavior on a webpage, such as click location and frequency, can serve as a valuable reference for page layout design and feature replacement decisions. Related technologies primarily generate heatmaps of the corresponding pages based on user click behavior, showcasing this behavior. The generation method involves first rasterizing the page, then drawing corresponding halos based on the number of user clicks captured in each grid cell, and finally generating a heatmap based on these halos through transparency overlay.

[0004] However, the heatmaps generated for web pages in related technologies suffer from significant distortion, meaning that the user click behavior reflected in the heatmap is difficult to accurately match with the actual user click behavior. Summary of the Invention

[0005] To address the aforementioned technical problems, this application provides a heatmap generation method and related apparatus. The generated heatmap reflects user click behavior with a higher degree of matching with actual user click behavior, effectively reducing heatmap distortion and providing accurate data for subsequent heatmap-based processing.

[0006] The embodiments of this application disclose the following technical solutions:

[0007] On one hand, embodiments of this application provide a method for generating a heat map, the method comprising:

[0008] Obtain user click behavior corresponding to the target page, wherein the target page includes multiple page elements;

[0009] Based on the position parameters of the target page corresponding to the user click behavior, the user click behavior is mapped to the grid network corresponding to the multiple page elements. The multiple page elements are respectively divided into grid networks including multiple grids. If the size of the first page element is larger than the size of the second page element, the grid of the first page element is larger than the grid of the second page element.

[0010] The target pixel value of the color halo corresponding to the grid is determined based on the number of user clicks mapped in the grid.

[0011] Based on the target pixel value and the halo size of the color halo, a color halo corresponding to the grid is generated, wherein the halo size of the color halo is related to the grid size of the grid;

[0012] A heatmap of the target page is generated by using the color halo included on the target page.

[0013] On the other hand, embodiments of this application provide a heatmap generation apparatus, the apparatus comprising an acquisition unit, a mapping unit, a determination unit, and a generation unit:

[0014] The acquisition unit is used to acquire user click behavior corresponding to the target page, and the target page includes multiple page elements;

[0015] The mapping unit is used to map the user click behavior to the grid network corresponding to the multiple page elements according to the position parameters of the target page corresponding to the user click behavior. The multiple page elements are respectively divided into grid networks including multiple grids. If the size of the first page element is larger than the size of the second page element, the grid of the first page element is larger than the grid of the second page element.

[0016] The determining unit is used to determine the target pixel value of the color halo corresponding to the grid based on the number of user click behaviors mapped in the grid.

[0017] The generation unit is used to generate a color halo corresponding to the grid based on the target pixel value and the halo size of the color halo, wherein the halo size of the color halo is related to the grid size of the grid.

[0018] The generation unit is also used to generate a heatmap corresponding to the target page based on the color halo included in the target page.

[0019] In one possible implementation, the determining unit is further configured to determine the target pixel value based on the number of user clicks and the halo size obtained based on the grid size.

[0020] In one possible implementation, the generating unit is further configured to:

[0021] The pixels in the color halo are assigned values ​​based on the target pixel value. The pixel value of the center pixel of the color halo is assigned the target pixel value. For other pixels in the color halo, the farther away from the center pixel, the lighter the color indicated by the assigned pixel value.

[0022] The color halo is generated based on the pixels that have been assigned values ​​in the color halo.

[0023] In one possible implementation, the determining unit is further configured to:

[0024] The target geometry corresponding to the grid is generated based on the number of user clicks. The size of the bottom plane of the target geometry is the halo size related to the grid size. The center point of the bottom plane has the maximum height in the target geometry. The other points of the bottom plane have a lower height in the target geometry as they are farther away from the center point. The maximum height is the target pixel value determined based on the number of user clicks.

[0025] Assigning values ​​to the pixels in the color halo based on the target pixel value includes:

[0026] The pixel values ​​are assigned by mapping the heights corresponding to the position points of the bottom plane to the pixels in the color halo based on their positional relationships.

[0027] In one possible implementation, the generating unit is further configured to:

[0028] A cube to be determined is generated based on the number of user clicks. The base size of the cube to be determined is the grid size, and the height of the cube to be determined is determined based on the number of user clicks.

[0029] The target geometry is obtained by performing an equal volume transformation on the undetermined cube.

[0030] In one possible implementation, the number of grid cells in the grid network corresponding to page elements of different sizes on the target page is the same.

[0031] In one possible implementation, the generating unit is further configured to:

[0032] Based on the position of the grid corresponding to the color halo on the target page, the color halo included in the target page is linearly superimposed on the target page;

[0033] A heatmap corresponding to the target page is generated based on the result of the linear overlay.

[0034] In one possible implementation, the target pixel is a pixel that falls within the range of multiple color halos of the target page in the linear overlay;

[0035] For the target pixel, the generating unit is further configured to use the sum of the pixel values ​​corresponding to the target pixel in the plurality of color halos as the actual pixel value of the target pixel.

[0036] In one possible implementation, the generating unit is further configured to:

[0037] The pixel values ​​of the pixels in the linearly superimposed color halo are mapped to the corresponding colors, where the larger the pixel value, the darker the mapped color;

[0038] Based on the position of the pixels in the color halo included on the target page and the mapped color, the color halo is drawn on the target page to generate a heatmap corresponding to the target page.

[0039] In one possible implementation, the shape of the color halo is rectangular or circular.

[0040] In one possible implementation, the page element is a control in the target page.

[0041] In another aspect, embodiments of this application provide a computer device, the computer device including a processor and a memory:

[0042] The memory is used to store program code and transmit the program code to the processor;

[0043] The processor is used to execute the methods described above according to the instructions in the program code.

[0044] In another aspect, embodiments of this application provide a computer-readable storage medium for storing a computer program for performing the methods described above.

[0045] In another aspect, embodiments of this application provide a computer program product including instructions that, when run on a computer, cause the computer to perform the methods described above.

[0046] As can be seen from the above technical solution, for the target page to which the heatmap is to be generated, the corresponding user click behavior is mapped to the grid network of multiple page elements included in the target page. The grid network includes multiple grids, and the grids of larger page elements are larger than the grids of smaller page elements. Based on the number of user clicks mapped in the grid, the target pixel value of the color halo corresponding to the grid is determined. Then, based on the target pixel value and the size of the color halo, the color halo corresponding to the grid is generated. The size of the color halo is related to the grid size. Since the grid size is related to the size of the corresponding page element, the color halo of a small grid is relatively small, and the color halo of a large grid is relatively large. Thus, the size of the color halo can reasonably reflect the actual heat range of user clicks on page elements of different sizes. The target pixel value determined based on the number of user clicks can also accurately reflect the heat level. Therefore, when generating a heatmap corresponding to the target page through the color halos included in the target page, the user click behavior reflected in the heatmap matches the actual user click behavior more closely, effectively reducing heatmap distortion and providing an accurate basis for subsequent heatmap-based processing. Attached Figure Description

[0047] To more clearly illustrate the technical solutions in the embodiments of this application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0048] Figure 1 A schematic diagram for generating heat maps for related technologies;

[0049] Figure 2 This application provides a schematic diagram of heat map generation.

[0050] Figure 3 A flowchart illustrating a heatmap generation method provided in this application embodiment;

[0051] Figure 4 A schematic diagram of a target page provided for an embodiment of this application;

[0052] Figure 5 A schematic diagram of a multi-size, multi-level grid network partitioning provided for an embodiment of this application;

[0053] Figure 6 A schematic diagram of heatmap comparison provided for an embodiment of this application;

[0054] Figure 7A schematic diagram illustrating the generation of a heat map based on geometry, provided as an embodiment of this application;

[0055] Figure 8 A structural diagram of a heat map generation device provided in this application embodiment;

[0056] Figure 9 A structural diagram of a terminal device provided in an embodiment of this application;

[0057] Figure 10 This is a structural diagram of a server provided in an embodiment of this application. Detailed Implementation

[0058] The embodiments of this application will now be described with reference to the accompanying drawings.

[0059] Currently, heatmaps are primarily used to identify user click behavior on web pages. By using different shades of color in the heatmap, it's easy to visually identify which areas on the page are frequently clicked and which are less frequently clicked. Therefore, heatmaps are a key tool for understanding users and can be effectively applied to support operations, product iteration, feature decisions, and page layout.

[0060] In related technologies, the page can be rasterized, with each grid cell treated as a point. Based on the number of user clicks falling within the grid cells, circular halos with varying transparency are drawn. These halos are superimposed according to their transparency to calculate the value of each pixel. Then, the pixels are colored based on their values ​​to generate a target heatmap. For example... Figure 1 As shown, target page 10 is divided into 16 grids, as follows: Figure 1 As shown in part a, the number in each grid cell represents the number of user clicks that fell into that grid cell. For example, the area containing the grid cell in the lower right corner was clicked 9 times by the user.

[0061] At the center of these grids (e.g.) Figure 1 As shown in part b), a circular halo is drawn based on the number of user clicks corresponding to each grid cell. The greater the number of user clicks, the darker the color of the corresponding circular halo. This generates a heatmap 20 corresponding to the target page 10, as shown in part b. Figure 1 Part c is shown.

[0062] However, the existing technologies do not consider the possibility of different grid sizes when generating halos, especially when the sizes of page elements vary significantly. In other words, these technologies generate halos of the same size regardless of grid size for heatmap rendering. This results in some high-density grid areas displaying darker and larger halos on the heatmap with fewer user clicks, while some low-density grid areas, even with a large number of user clicks, display insufficiently dark halos due to a lack of corresponding halos. This leads to distorted heatmap displays and provides incorrect guidance for subsequent heatmap-based processing.

[0063] Therefore, for scenarios where page elements of different sizes exist on a page, this application provides a heatmap generation method. The generated heatmap reflects user click behavior with a higher degree of matching with actual user click behavior, effectively reducing heatmap distortion and providing accurate basis for subsequent heatmap-based processing.

[0064] The heatmap generation method provided in this application can be implemented using a computer device, which can be a terminal device or a server. The server can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud computing services. Terminal devices include, but are not limited to, mobile phones, computers, smart voice interaction devices, smart home appliances, vehicle terminals, and aircraft. The terminal device and the server can be directly or indirectly connected via wired or wireless communication, and this application does not impose any limitations on this connection.

[0065] It is understood that in the specific implementation of this application, data related to user click behavior is involved. When the above embodiments of this application are applied to specific products or technologies, any one of them requires the user's separate permission or consent, and the collection, use and processing of related data must comply with the relevant laws, regulations and standards of the relevant countries and regions.

[0066] Figure 2 This is a schematic diagram of a heatmap generation scenario provided in an embodiment of this application. In this embodiment, server 100 is exemplarily used as the aforementioned computer device.

[0067] Server 100 obtains the target page 200 and the corresponding user click behavior (e.g., ...). Figure 2 After (as shown in part a), the corresponding user click behavior is mapped to a grid network of multiple page elements included in the target page, such as... Figure 2 Part b exemplarily shows that both background 201 and control 202 are divided into a 5x5 grid network.

[0068] The target page 200 includes two page elements: a background 201 and a control 202. Since the size of the background 201 is larger than the size of the control 202, the grid size defined by the background 201 is larger than the grid size defined by the control 202.

[0069] User click behavior Figure 2 The example is illustrated using a pentagram shape, the position of which is determined based on position parameters corresponding to user click actions. The target pixel value of the color halo corresponding to the grid is determined based on the number of user click actions mapped in the grid. Then, based on the target pixel value and the halo size, a color halo corresponding to the grid is generated. The halo size is related to the grid size, as shown below. Figure 2 As shown in part c, the color halo is exemplarily shown as a circle.

[0070] Since the size of the grid is related to the size of the corresponding page element, smaller grids have relatively smaller color halos, while larger grids have relatively larger color halos. Therefore, the size of the color halo can reasonably reflect the actual range of user clicks on page elements of different sizes. Figure 2 As can be seen from part c, the halo size of the color halo corresponding to the grid of background 201 is larger than the halo size of the color halo corresponding to the grid of control 202.

[0071] Furthermore, the target pixel values ​​determined based on the number of user clicks can accurately reflect the intensity of the clicks. Therefore, when generating a heatmap of the target page using the color halos included in the target page 200, the user click behavior reflected in this heatmap has a higher degree of matching with actual user click behavior. For example... Figure 2 As shown in part d, this effectively reduces the distortion of the heatmap and provides an accurate basis for subsequent heatmap-based processing.

[0072] Figure 3 This is a flowchart of a heatmap generation method provided in an embodiment of this application. In this embodiment, a server is used as the aforementioned computer device for illustrative purposes.

[0073] The method includes:

[0074] S301: Obtain the user click behavior corresponding to the target page; the target page includes multiple page elements.

[0075] The target page is the page from which the heatmap needs to be generated. This application does not limit the type of the target page; it can be any page that can provide various types of content to users and respond to user clicks, such as video pages, social pages, parameter setting pages, etc.

[0076] The target page contains multiple page elements, which are not all the same size. Page elements are objects on the target page that can respond to user clicks; these can be various controls, function entry points, backgrounds, etc. For example... Figure 4 The text, rectangular controls, and entry controls (the arrow-shaped icon on the right side of the diagram) included in the target page shown are all page elements. Furthermore, Figure 4 The background of the target page shown can also be considered a page element.

[0077] User click behavior is an interactive behavior in which the user controls the target page. For example, single click, double click, long press, swipe, knuckle tap, multi-point swipe, etc. are all user click behaviors.

[0078] The user clicks on the target page can come from a single user, a group of users, or all users who clicked on the target page. The specific type of user clicks to acquire depends on the requirements for generating the heatmap. For example, when generating a heatmap of the target page for a specific group of users, the server will acquire the user clicks performed by that group of users on the target page.

[0079] User click behavior also has a time dimension attribute, such as user click behavior generated within this week, user click behavior generated within the past month, or user click behavior generated within a specific time interval. Which time dimension of user click behavior to obtain is also related to the requirement for generating the heatmap; that is, the server can select user click behavior of a specific time dimension based on the heatmap generation requirements, which will not be elaborated upon in this application.

[0080] S302: Based on the position parameters of the target page corresponding to the user click behavior, map the user click behavior to the grid network corresponding to the multiple page elements.

[0081] User clicks carry corresponding location parameters, which identify the click location on the target page. For example... Figure 2 In parts a and b, the position of the pentagram can indicate the location on the target page where the corresponding user click behavior was executed.

[0082] Therefore, the server can determine the location on the target page corresponding to any user click based on this location parameter. All page elements on the target page are divided into a grid network comprising multiple grids. Furthermore, during grid division, to ensure that the size of the subsequently generated color halo more accurately reflects the actual user click intensity, page elements of different sizes are divided into grids of varying sizes. That is, if the size of the first page element is larger than the size of the second page element, the grid size of the first page element is larger than the grid size of the second page element; in other words, the grid size of a page element is related to the size of the page element.

[0083] Therefore, the target page contains grid networks of multiple sizes. When page elements have a stacking relationship, the target page contains grid networks of multiple sizes and multiple levels. Multiple levels refer to a hierarchical relationship between at least two grid networks in the target page, for example... Figure 1 Part b illustrates a multi-size, multi-level grid network. The grid network of control 202 and the grid network of background 201 are not on the same layer. The grid network of control 202 is located above the grid network of background 201, and the grid size in the grid network of background 201 is larger than the grid size in the grid network of control 202. This constitutes a multi-size, multi-level grid network. It should be noted that as the complexity and hierarchy of page elements in the target page increase, the grid network of page elements in the target page can form more layers and more sizes. This application does not limit this.

[0084] In order to facilitate the determination of the number of user clicks mapped in different grids, in one possible implementation, the number of grids in the grid network corresponding to page elements of different sizes on the target page is the same.

[0085] By specifying that each grid network in the target page has the same number of grid cells, it is possible to accurately correlate the grid size with the size of the page elements, ensuring that the grid size of large page elements is larger than that of small page elements. Furthermore, since each grid network has the same number of grid cells, the server can use the same data format for recording and processing, which can effectively improve processing efficiency.

[0086] In other words, for each page element's corresponding grid network, the number of user clicks mapped within the grid can be recorded using a unified data format.

[0087] Divide each page element on the target page into an n*n grid network. If there are m elements on the target page, then generate m n*n grids. Map all user clicks to grids in the grid network according to the page element in which they occurred and their position on that page element. Record the number of user clicks at that location on the grid. The processed data can be represented by m n*n arrays.

[0088] Taking n=5 and m=3 as an example, for example Figure 5 As shown, the target page includes three page elements: background, control 1, and control 2. Figure 5 In part a, the pentagram is used to identify the user click behavior corresponding to the target page. For these three page elements, a total of three 5x5 grid networks were generated.

[0089] The server samples user clicks and the corresponding grid network of page elements to determine the number of user clicks mapped to each grid. For example... Figure 5 As shown in part b, the final result is three 5x5 data formats.

[0090] For the page element "background", its grid network can be represented using the following data format:

[0091] [[0,0,0,0,0],[0,0,0,0,0],[0,0,0,0,0],[0,0,0,1,0],[0,0,0,0,0]]

[0092] For the page element "control1", its grid network can be represented using the following data format:

[0093] [[0,0,1,0,0],[0,0,0,0,0],[0,0,0,2,0],[0,1,0,0,0],[0,0,1,0,0]]

[0094] For the page element "control2", its grid network can be represented using the following data format:

[0095] [[0,0,0,0,0],[0,0,0,0,0],[0,0,0,0,0],[1,0,0,0,0],[0,0,0,0,0]]

[0096] The server can store the mapping results of the number of user clicks in the grid network using three 5x5 arrays, and the same data format can be used to store the data regardless of the size of the grid network.

[0097] Moreover, by using the above-mentioned grid division method, small-sized page elements can be divided into a grid network with a large number of grids. Through the implementation of this application, the actual click intensity of some small-sized page elements can be determined in a more granular manner. For example, the heatmap of small-sized page elements can show that users mainly click on the left side of the page element. Therefore, the page element can be adjusted to the left when designing the page to improve click response efficiency and accuracy.

[0098] S303: Determine the target pixel value of the color halo corresponding to the grid based on the number of user click behaviors mapped in the grid.

[0099] The grid mentioned in this step refers to any one of the grids in the aforementioned grid networks. For each grid, the server can determine the corresponding color halo by executing S303-S304.

[0100] The size of the target pixel value is related to the color ultimately reflected in the heatmap. The heatmap primarily uses different shades of color to indicate click hotspots on the target page. In other words, the target pixel value determined by the number of user clicks can be used to identify the shade of color. Assuming that the size of the target pixel value is proportional to the shade of color, then the greater the number of user clicks mapped in the grid, the larger the determined target pixel value will be.

[0101] S304: Generate the color halo corresponding to the grid based on the target pixel value and the halo size of the color halo.

[0102] It should be noted that this target pixel value can be used to identify the entire color halo, that is, all pixels in the entire color halo are assigned this target pixel value.

[0103] The target pixel value can also be used to identify a portion of the color halo. For example, some pixels in the color halo are assigned the target pixel value, while other pixels are assigned other pixel values. It should be noted that in this case, since the target pixel value represents the click heat of the target click behavior in the corresponding grid, the color identified by other pixel values ​​should be lighter than the color identified by the target pixel value.

[0104] Since the grid size of the aforementioned grid is related to the size of the corresponding page element, page elements of different sizes are divided into different grid sizes. In other words, if the size of the first page element is larger than the size of the second page element, the grid of the first page element is larger than the grid of the second page element.

[0105] Therefore, in order to prevent distortion in the subsequently generated heatmap, the size of the color halo is related to the grid size. That is, the larger the grid size, the larger the corresponding color halo size, and the halo size adapts to the grid size.

[0106] This application does not limit the shape of the color halo. In one possible implementation, the shape of the color halo is rectangular or circular.

[0107] When the shape of the color halo is rectangular, the color halo can be a rectangle the same size as the corresponding grid.

[0108] When the shape of the color halo is circular, the color halo can be the circumcircle of the corresponding grid. In some scenarios, the shape of the color halo can also be elliptical, but this application does not limit it.

[0109] S305: Generate a heatmap corresponding to the target page based on the color halo included in the target page.

[0110] Because the target pixel values ​​corresponding to the color halo determined by the aforementioned method can not only accurately reflect the number of user clicks in the corresponding grid, but also the size of the color halo can be related to the grid size of the corresponding grid, so the user click behavior reflected in the generated heat map has a higher degree of matching with the actual user click behavior, effectively reducing the distortion of the heat map.

[0111] For example, with Figure 4 Taking the target page shown as an example, in Figure 6 The image shows two heatmaps generated based on the target page. Figure 6 Part a shows a heatmap generated based on relevant technologies. Figure 6 Part b shows a heat map generated based on an embodiment of this application.

[0112] In some areas within the 'a' section, noticeable striped color bands appear. This is because the relevant technology does not divide the grid based on the size of the page elements, resulting in larger page elements within the 'a' section being divided into grids that are too small. When the number of user clicks is small, the aforementioned display distortion problem will occur.

[0113] In the heatmap generated by this application, since the grid size and the page element size are adaptively adjusted, and the halo size of the color halo and the page element size are also adaptively adjusted, there will be no distorted strip color bands, and this part of the heatmap can be displayed normally.

[0114] In section 'a', area 'b' corresponds to the page element "My Posted Requests," while area 'c' corresponds to the page element "Function Entry." "My Posted Requests" is a smaller page element compared to "Function Entry." Figure 6 In the image, the "Function Entry" section occupies areas b and c, making it a relatively large page element, while the "My Posted Request" section occupies area b, making it a relatively small page element.

[0115] In other words, the grid networks corresponding to "My Posted Requests" and "Function Entry Points" are multi-size, multi-level grid networks. Furthermore, due to the difference in page element sizes, the grid network for "My Posted Requests" is relatively denser in area b, while the grid network for "Function Entry Points" is relatively sparser in area c.

[0116] Suppose that the number of user clicks mapped in the "My Posted Requests" grid network is less than the number of user clicks mapped in region c of the "Function Entry" grid network. Because the relevant technology does not adaptively adjust the size of the color halo based on the grid size, the denser region b will have a large amount of color halo overlap, while the sparser region c will have less color halo overlap. As a result, in the generated heatmap, based on color depth, the click intensity reflected by the color depth in region b is significantly higher than that reflected by the color depth in region c, and the intensity range is too large, completely inconsistent with the actual click intensity, leading to a significant distortion in the heatmap.

[0117] In this application, considering that grids of different sizes should have different radii or weights when generating heatmaps, the size of the color halo is adaptively adjusted according to the grid size. For region b, a smaller color halo effectively reduces the degree of color halo overlap, allowing the color depth to match the actual click heat, and the halo range to accurately match the actual click heat range, avoiding the problem of excessively large halos. This enables the heatmap to accurately show which grid areas belong to click hotspots even in densely gridded regions, improving the thermal granularity and accuracy of the heatmap.

[0118] Moreover, through the above-mentioned improvements of this application, the heat map of this application not only shows the difference from related technologies in regions a, b, and c, but also shows substantial differences in other regions, which will not be elaborated here.

[0119] It should be noted that in some cases, heatmaps primarily use color depth to represent click popularity; therefore, in such cases, this application does not limit the specific color obtained through mapping. When a heatmap requires the use of specific colors and color depth to represent click popularity, this application will also map different colors based on the size of the pixel values ​​during color mapping.

[0120] Therefore, for the target page to which the heatmap is to be generated, the corresponding user click behavior is mapped to the grid network of multiple page elements included in the target page. The grid network includes multiple grids, and the grids of larger page elements are larger than the grids of smaller page elements. Based on the number of user clicks mapped in the grid, the target pixel value of the color halo corresponding to the grid is determined. Then, based on the target pixel value and the size of the color halo, the color halo corresponding to the grid is generated. The size of the color halo is related to the grid size. Since the grid size is related to the size of the corresponding page element, the color halo of a small grid is relatively small, and the color halo of a large grid is relatively large. Thus, the size of the color halo can reasonably reflect the actual heat range of user clicks on page elements of different sizes. The target pixel value determined based on the number of user clicks can also accurately reflect the heat level. Therefore, when generating a heatmap corresponding to the target page through the color halos included in the target page, the user click behavior reflected in the heatmap matches the actual user click behavior more closely, effectively reducing heatmap distortion and providing an accurate basis for subsequent heatmap-based processing.

[0121] As mentioned earlier, the size of the target pixel value is related to the color that is ultimately reflected in the heatmap, and the heatmap mainly uses different shades of color to indicate the click hotspots of the target page.

[0122] In this embodiment of the application, the target pixel value can be determined directly by the number of user clicks. For example, the server can directly use the number of user clicks as the target pixel value, or the server can combine the grid size to determine the target pixel value.

[0123] In one possible implementation, S303: Determining the target pixel value of the color halo corresponding to the grid based on the number of user click actions mapped in the grid includes:

[0124] The target pixel value is determined based on the number of user clicks and the halo size obtained based on the grid size.

[0125] Since grids of different sizes cover different page areas, larger areas are more likely to be clicked intensively by users, while smaller areas are less likely to be clicked intensively. Therefore, when the number of user clicks on a small grid is the same as the number of user clicks on a large grid, considering the difficulty of clicking, it can be proven that the small grid has a higher click intensity than the large grid.

[0126] Therefore, to incorporate this feature when generating heatmaps, and given the correlation between halo size and grid size, this application proposes a method for determining target pixel values ​​based on the number of user clicks and halo size. In other words, even with the same number of user clicks, different halo sizes will result in different target pixel values. For example, when the number of user clicks is consistent, larger grids correspond to target pixel values ​​with lighter color depths, while smaller grids correspond to target pixel values ​​with darker color depths. This better aligns with actual click intensity measurement standards.

[0127] In scenarios where the larger the target pixel value, the deeper the color depth, the larger the grid size corresponds to the smaller target pixel value, and the smaller the grid size corresponds to the larger target pixel value.

[0128] This application's approach is similar to treating the halo size and the number of user clicks as a whole, considering the impact of the number of user clicks on click popularity as a volume. The halo size can be considered the base area, and the number of user clicks the height. By calculating the volume of the cube defined by the halo size and the number of user clicks, the impact of the number of user clicks on click popularity is determined. This improves the accuracy of determining target pixel values ​​and further reduces the possibility of heatmap distortion.

[0129] Color halo is the primary basis for generating heatmaps. To further improve the click heat display effect and realism of the heatmap, in one possible implementation, S304: Based on the target pixel value and the halo size of the color halo, generate the color halo corresponding to the grid, including:

[0130] S3041: Assign values ​​to the pixels in the color halo based on the target pixel value.

[0131] In this process, the pixel value of the center pixel of the color halo is assigned the target pixel value. For other pixels in the color halo, the farther away from the center pixel, the lighter the color indicated by the assigned pixel value.

[0132] S3042: Generate the color halo based on the pixels that have been assigned values ​​in the color halo.

[0133] In other words, by assigning values ​​to the pixels in the color halo, the target pixel value indicates the deepest color depth, and the color depth of other pixels becomes lighter and lighter from the center of the color halo outwards, thus displaying a gradual halo shape in the heat map, thereby improving the display effect of the heat map, and making it easier to generate heat maps by linear superposition (which will be explained in detail in subsequent embodiments).

[0134] Based on the above embodiments, in one possible implementation, S303: determining the target pixel value of the color halo corresponding to the grid according to the number of user click behaviors mapped in the grid includes: generating the target geometry corresponding to the grid according to the number of user click behaviors.

[0135] The size of the bottom plane of the target geometry is the halo size related to the grid size of the grid. The center point of the bottom plane has the maximum height within the target geometry. The farther other points of the bottom plane are from the center point, the lower their height within the target geometry. The maximum height is the target pixel value determined based on the number of user clicks.

[0136] Since the target pixel value can be directly the number of user clicks or determined in combination with the halo size, there are multiple ways to select the target pixel value in this embodiment.

[0137] Determining target pixel values ​​by generating target geometry can effectively improve processing efficiency and accuracy.

[0138] In one possible implementation, generating the target geometry corresponding to the grid based on the number of user clicks includes:

[0139] A cube to be determined is generated based on the number of user clicks. The base size of the cube to be determined is the grid size, and the height of the cube to be determined is determined based on the number of user clicks.

[0140] The target geometry is obtained by performing an equal volume transformation on the undetermined cube.

[0141] like Figure 7 As shown, each grid cell in the 1x5 grid network maps to a corresponding number of user clicks, such as 10, 20, 30, 40, or 25 units. A cube is generated based on the number of user clicks. The base size of this cube is the same as the grid size, for example, L*W. The height (H_cubid) of the cube can be:

[0142] H_cubid = Count / (L * W)

[0143] Where Count is the number of user clicks, L is the length of the grid, and W is the width of the grid.

[0144] When performing equal volume changes, the type of the target geometry generated is not limited in this application, as long as it can achieve the requirement that the height of each pixel in the bottom plane meets the aforementioned requirement: the farther other points on the bottom plane are from the center point, the lower their height within the target geometry.

[0145] Figure 7 The target geometry is a circular cone (when L = W) or an elliptical cone (when L ≠ W). The maximum height (H_cone) and base radius (R_a and R_b) of this cone are:

[0146] H_cone = λ * H_cubid, where λ is a coefficient.

[0147] R_a=3*Count*sqrt(L / W) / (π*H_cone)

[0148] R_b=R_a*L / W

[0149] When L = W, the target geometry is a circular cone with R_a = R_b; when L ≠ W, the target geometry is an elliptical cone with R_a ≠ R_b.

[0150] In one possible implementation, S3041: Assigning values ​​to the pixels in the color halo based on the target pixel value includes:

[0151] The pixel values ​​are assigned by mapping the heights corresponding to the position points of the bottom plane to the pixels in the color halo based on their positional relationships.

[0152] Since the grid is derived from the page elements on the target page, the pixels in the bottom plane of the geometry determined by the grid can have an accurate correspondence with the pixels in the color halo. By directly assigning pixel values ​​to the corresponding pixels on the target page, the click heat effect of the number of user clicks determined in the aforementioned embodiment can be accurately mapped to the color halo, improving the accuracy of heatmap generation.

[0153] In some applications, the size of a color halo may be larger than the size of the corresponding grid, such as the aforementioned case of the circumscribed circle. In these scenarios, the color halos of adjacent grids may overlap, causing some pixels on the target page to be within the range of multiple color halos simultaneously. To ensure that these pixels display a color depth that matches their actual heat, pixel value overlay processing is required for such pixels.

[0154] Therefore, in one possible implementation, the aforementioned S305: generating a heatmap corresponding to the target page through the color halo included in the target page, includes:

[0155] S3051: Based on the position of the grid corresponding to the color halo on the target page, the color halo included in the target page is linearly superimposed on the target page.

[0156] S3052: Generate a heatmap corresponding to the target page based on the result of the linear superposition.

[0157] During the overlay process, since pixel values ​​are being overlaid, they can be overlaid linearly. Then, based on the total pixel values ​​corresponding to each pixel after linear overlay, color mapping can be performed at different ratios.

[0158] In related technologies, the main approach for addressing the aforementioned scenarios is through transparency overlay. However, when multiple color halos overlap, the final drawn color does not correspond to the actual numerical value represented by the pixel. For example, with densely packed small grids, the high density of the grids within a small area leads to more color halos being overlaid based on transparency, resulting in a color on the heatmap that appears darker than the actual click intensity, causing distortion. Figure 6 Region b within part a.

[0159] This application uses linear superposition of pixel values ​​and performs color depth mapping only after superposition, thus avoiding the distortion problem of excessively dark colors found in related technologies.

[0160] In linear overlay, a pixel that falls within the range of multiple color halos on the target page is denoted as the target pixel. The specific explanation of linear overlay is based on this target pixel.

[0161] In one possible implementation, for the target pixel, the aforementioned S3051 includes: taking the sum of the pixel values ​​corresponding to the target pixel in the plurality of color halos as the actual pixel value of the target pixel.

[0162] In other words, during the linear superposition process, the pixel values ​​of pixels located in multiple color halos are accumulated. For example, if the target pixel is located in color halo 1 and color halo 2 respectively, and the pixel value assigned to the target pixel in color halo 1 is 50 and the pixel value assigned to the target pixel in color halo 2 is 40, then after linear superposition, the actual pixel value of the target pixel is 50 + 40 = 90.

[0163] If a pixel is only within a halo of a color, then the pixel value of that pixel is the pixel value assigned to it by that halo of color.

[0164] In one possible implementation, the aforementioned S3052 includes:

[0165] The pixel values ​​of the pixels in the linearly superimposed color halo are mapped to the corresponding colors, where the larger the pixel value, the darker the mapped color;

[0166] Based on the position of the pixels in the color halo included on the target page and the mapped color, the color halo is drawn on the target page to generate a heatmap corresponding to the target page.

[0167] In this embodiment, color depth is not directly represented by the specific size of pixel values. Instead, the depth of the mapped color is determined based on the overall pixel values ​​of all pixels in the color halo. For example, if pixel 1 has a pixel value of 100, which is the maximum value of all pixels, and pixel 2 has a pixel value of 90, then through color mapping, the color depths corresponding to pixel 1 and pixel 2 will differ. In related technologies, after overlaying transparency, if the transparency of both pixel 1 and pixel 2 exceeds the maximum transparency value, the color depth of these two pixels will be the same in the generated heatmap, failing to show any difference and leading to distortion. However, by using the linear overlay method based on pixel values ​​in this embodiment, the difference in color depth between the two pixels can be shown under the same conditions, thereby reducing the distortion of the heatmap.

[0168] Based on the foregoing Figures 2-7 Based on the corresponding embodiments, Figure 8 This is a structural diagram of a heat map generation device provided in an embodiment of this application. The heat map generation device 800 includes an acquisition unit 801, a mapping unit 802, a determination unit 803, and a generation unit 804.

[0169] The acquisition unit 801 is used to acquire user click behavior corresponding to the target page, and the target page includes multiple page elements;

[0170] The mapping unit 802 is used to map the user click behavior to the grid network corresponding to the multiple page elements according to the position parameters of the target page corresponding to the user click behavior. The multiple page elements are respectively divided into grid networks including multiple grids. If the size of the first page element is larger than the size of the second page element, the grid of the first page element is larger than the grid of the second page element.

[0171] The determining unit 803 is used to determine the target pixel value of the color halo corresponding to the grid based on the number of user click behaviors mapped in the grid.

[0172] The generation unit 804 is used to generate a color halo corresponding to the grid based on the target pixel value and the halo size of the color halo, wherein the halo size of the color halo is related to the grid size of the grid.

[0173] The generation unit 804 is also used to generate a heat map corresponding to the target page based on the color halo included in the target page.

[0174] In one possible implementation, the determining unit is further configured to determine the target pixel value based on the number of user clicks and the halo size obtained based on the grid size.

[0175] In one possible implementation, the generating unit is further configured to:

[0176] The pixels in the color halo are assigned values ​​based on the target pixel value. The pixel value of the center pixel of the color halo is assigned the target pixel value. For other pixels in the color halo, the farther away from the center pixel, the lighter the color indicated by the assigned pixel value.

[0177] The color halo is generated based on the pixels that have been assigned values ​​in the color halo.

[0178] In one possible implementation, the determining unit is further configured to:

[0179] The target geometry corresponding to the grid is generated based on the number of user clicks. The size of the bottom plane of the target geometry is the halo size related to the grid size. The center point of the bottom plane has the maximum height in the target geometry. The other points of the bottom plane have a lower height in the target geometry as they are farther away from the center point. The maximum height is the target pixel value determined based on the number of user clicks.

[0180] Assigning values ​​to the pixels in the color halo based on the target pixel value includes:

[0181] The pixel values ​​are assigned by mapping the heights corresponding to the position points of the bottom plane to the pixels in the color halo based on their positional relationships.

[0182] In one possible implementation, the generating unit is further configured to:

[0183] A cube to be determined is generated based on the number of user clicks. The base size of the cube to be determined is the grid size, and the height of the cube to be determined is determined based on the number of user clicks.

[0184] The target geometry is obtained by performing an equal volume transformation on the undetermined cube.

[0185] In one possible implementation, the number of grid cells in the grid network corresponding to page elements of different sizes on the target page is the same.

[0186] In one possible implementation, the generating unit is further configured to:

[0187] Based on the position of the grid corresponding to the color halo on the target page, the color halo included in the target page is linearly superimposed on the target page;

[0188] A heatmap corresponding to the target page is generated based on the result of the linear overlay.

[0189] In one possible implementation, the target pixel is a pixel that falls within the range of multiple color halos of the target page in the linear overlay;

[0190] For the target pixel, the generating unit is further configured to use the sum of the pixel values ​​corresponding to the target pixel in the plurality of color halos as the actual pixel value of the target pixel.

[0191] In one possible implementation, the generating unit is further configured to:

[0192] The pixel values ​​of the pixels in the linearly superimposed color halo are mapped to the corresponding colors, where the larger the pixel value, the darker the mapped color;

[0193] Based on the position of the pixels in the color halo included on the target page and the mapped color, the color halo is drawn on the target page to generate a heatmap corresponding to the target page.

[0194] In one possible implementation, the shape of the color halo is rectangular or circular.

[0195] In one possible implementation, the page element is a control in the target page.

[0196] Therefore, for the target page to which the heatmap is to be generated, the corresponding user click behavior is mapped to the grid network of multiple page elements included in the target page. The grid network includes multiple grids, and the grids of larger page elements are larger than the grids of smaller page elements. Based on the number of user clicks mapped in the grid, the target pixel value of the color halo corresponding to the grid is determined. Then, based on the target pixel value and the size of the color halo, the color halo corresponding to the grid is generated. The size of the color halo is related to the grid size. Since the grid size is related to the size of the corresponding page element, the color halo of a small grid is relatively small, and the color halo of a large grid is relatively large. Thus, the size of the color halo can reasonably reflect the actual heat range of user clicks on page elements of different sizes. The target pixel value determined based on the number of user clicks can also accurately reflect the heat level. Therefore, when generating a heatmap corresponding to the target page through the color halos included in the target page, the user click behavior reflected in the heatmap matches the actual user click behavior more closely, effectively reducing heatmap distortion and providing an accurate basis for subsequent heatmap-based processing.

[0197] This application also provides a computer device, which is the computer device described above, and may include a terminal device or a server. The aforementioned heatmap generation device may be configured in this computer device. The computer device will now be described in conjunction with the accompanying drawings.

[0198] If the computer device is a terminal device, please refer to Figure 9 As shown, this application provides a terminal device, taking a mobile phone as an example:

[0199] Figure 9 This diagram illustrates a partial structural representation of a mobile phone related to the terminal device provided in this embodiment. (Reference) Figure 9 The mobile phone includes components such as a radio frequency (RF) circuit 1410, a memory 1420, an input unit 1430, a display unit 1440, a sensor 1450, an audio circuit 1460, a Wi-Fi module 1470, a processor 1480, and a power supply 1490. Those skilled in the art will understand that... Figure 9 The mobile phone structure shown does not constitute a limitation on the mobile phone and may include more or fewer components than shown, or combine certain components, or have different component arrangements.

[0200] The following is combined with Figure 9 A detailed introduction to each component of a mobile phone:

[0201] The RF circuit 1410 can be used to receive and transmit signals during information transmission or calls. In particular, it receives downlink information from the base station and processes it with the processor 1480; in addition, it transmits uplink data to the base station.

[0202] The memory 1420 can be used to store software programs and modules. The processor 1480 executes various mobile phone functions and data processing by running the software programs and modules stored in the memory 1420. The memory 1420 may mainly include a program storage area and a data storage area. The program storage area may store the operating system, at least one application program required for a function (such as sound playback function, image playback function, etc.), etc.; the data storage area may store data created according to the use of the mobile phone (such as audio data, phonebook, etc.). In addition, the memory 1420 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, or other volatile solid-state storage device.

[0203] The input unit 1430 can be used to receive input numeric or character information, and to generate key signal inputs related to user settings and function control of the mobile phone. Specifically, the input unit 1430 may include a touch panel 1431 and other input devices 1432.

[0204] The display unit 1440 can be used to display information input by the user or information provided to the user, as well as various menus of the mobile phone. The display unit 1440 may include a display panel 1441.

[0205] The mobile phone may also include at least one sensor 1450, such as a light sensor, a motion sensor, and other sensors.

[0206] Audio circuitry 1460, speaker 1461, and microphone 1462 provide an audio interface between the user and the mobile phone.

[0207] WiFi is a short-range wireless transmission technology. Through the WiFi module 1470, mobile phones can help users send and receive emails, browse web pages, and access streaming media, providing users with wireless broadband internet access.

[0208] The processor 1480 is the control center of the mobile phone. It connects to various parts of the mobile phone through various interfaces and lines. It performs various functions of the mobile phone and processes data by running or executing software programs and / or modules stored in the memory 1420 and calling data stored in the memory 1420.

[0209] The mobile phone also includes a power supply 1490 (such as a battery) that powers the various components.

[0210] In this embodiment, the processor 1480 included in the terminal device also has the following functions:

[0211] Obtain user click behavior corresponding to the target page, wherein the target page includes multiple page elements;

[0212] Based on the position parameters of the target page corresponding to the user click behavior, the user click behavior is mapped to the grid network corresponding to the multiple page elements. The multiple page elements are respectively divided into grid networks including multiple grids. If the size of the first page element is larger than the size of the second page element, the grid of the first page element is larger than the grid of the second page element.

[0213] The target pixel value of the color halo corresponding to the grid is determined based on the number of user clicks mapped in the grid.

[0214] Based on the target pixel value and the halo size of the color halo, a color halo corresponding to the grid is generated, wherein the halo size of the color halo is related to the grid size of the grid;

[0215] A heatmap of the target page is generated by using the color halo included on the target page.

[0216] If the computer device is a server, this application embodiment also provides a server; please refer to [link to relevant documentation]. Figure 10 As shown, Figure 10 This is a structural diagram of a server 1500 provided in an embodiment of this application. The server 1500 can vary significantly due to different configurations or performance. It may include one or more central processing units (CPUs) 1522 (e.g., one or more processors) and a memory 1532, and one or more storage media 1530 (e.g., one or more mass storage devices) for storing application programs 1542 or data 1544. The memory 1532 and storage media 1530 can be temporary or persistent storage. The program stored in the storage media 1530 may include one or more modules (not shown in the diagram), each module including a series of instruction operations on the server. Furthermore, the CPU 1522 may be configured to communicate with the storage media 1530 and execute the series of instruction operations in the storage media 1530 on the server 1500.

[0217] Server 1500 may also include one or more power supplies 1526, one or more wired or wireless network interfaces 1550, one or more input / output interfaces 1558, and / or one or more operating systems 1541, such as Windows Server.TM Mac OS X TM Unix TM Linux TM FreeBSD TM etc.

[0218] The steps performed by the server in the above embodiments can be based on Figure 10 The server structure shown.

[0219] In addition, this application embodiment also provides a storage medium for storing a computer program for executing the method provided in the above embodiment.

[0220] This application also provides a computer program product including instructions that, when run on a computer, cause the computer to perform the methods provided in the above embodiments.

[0221] Those skilled in the art will understand that all or part of the steps of the above method embodiments can be implemented by hardware related to program instructions. The aforementioned program can be stored in a computer-readable storage medium. When the program is executed, it performs the steps of the above method embodiments. The aforementioned storage medium can be at least one of the following media: read-only memory (ROM), RAM, magnetic disk, or optical disk, etc., and other media capable of storing program code.

[0222] It should be noted that the various embodiments in this specification are described in a progressive manner, and the same or similar parts between the various embodiments can be referred to mutually. Each embodiment focuses on describing the differences from other embodiments. In particular, for the device and system embodiments, since they are basically similar to the method embodiments, the description is relatively simple, and the relevant parts can be referred to the description of the method embodiments. The device and system embodiments described above are merely illustrative. The units described as separate components may or may not be physically separate, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed across multiple network units. Some or all of the modules can be selected to achieve the purpose of the solution in this embodiment according to actual needs. Those skilled in the art can understand and implement this without creative effort.

[0223] The above description is merely one specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the technical scope disclosed in this application should be included within the scope of protection of this application. Moreover, based on the implementation methods provided in the above aspects, this application can be further combined to provide more implementation methods. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A method for generating a heatmap, characterized in that, The method includes: Obtain user click behavior corresponding to the target page, wherein the target page includes multiple page elements; Based on the position parameters of the target page corresponding to the user click behavior, the user click behavior is mapped to the grid network corresponding to the multiple page elements. The multiple page elements are respectively divided into grid networks including multiple grids. If the size of the first page element is larger than the size of the second page element, the grid of the first page element is larger than the grid of the second page element. The target pixel value of the color halo corresponding to the grid is determined based on the number of user clicks mapped in the grid. Based on the target pixel value and the halo size of the color halo, a color halo corresponding to the grid is generated, wherein the halo size of the color halo is related to the grid size of the grid; A heatmap of the target page is generated by using the color halo included on the target page.

2. The method according to claim 1, characterized in that, Determining the target pixel value of the color halo corresponding to the grid based on the number of user click actions mapped in the grid includes: The target pixel value is determined based on the number of user clicks and the halo size obtained based on the grid size.

3. The method according to claim 1, characterized in that, The step of generating the color halo corresponding to the grid based on the target pixel value and the halo size of the color halo includes: The pixels in the color halo are assigned values ​​based on the target pixel value. The pixel value of the center pixel of the color halo is assigned the target pixel value. For other pixels in the color halo, the farther away from the center pixel, the lighter the color indicated by the assigned pixel value. The color halo is generated based on the pixels that have been assigned values ​​in the color halo.

4. The method according to claim 3, characterized in that, Determining the target pixel value of the color halo corresponding to the grid based on the number of user click actions mapped in the grid includes: The target geometry corresponding to the grid is generated based on the number of user clicks. The size of the bottom plane of the target geometry is the halo size related to the grid size. The center point of the bottom plane has the maximum height in the target geometry. The other points of the bottom plane have a lower height in the target geometry as they are farther away from the center point. The maximum height is the target pixel value determined based on the number of user clicks. Assigning values ​​to the pixels in the color halo based on the target pixel value includes: The pixel values ​​are assigned by mapping the heights corresponding to the position points of the bottom plane to the pixels in the color halo based on their positional relationships.

5. The method according to claim 4, characterized in that, The step of generating the target geometry corresponding to the grid based on the number of user clicks includes: A cube to be determined is generated based on the number of user clicks. The base size of the cube to be determined is the grid size, and the height of the cube to be determined is determined based on the number of user clicks. The target geometry is obtained by performing an equal volume transformation on the undetermined cube.

6. The method according to claim 1, characterized in that, In the target page, the number of grid cells in the grid network corresponding to page elements of different sizes is the same.

7. The method according to any one of claims 1-6, characterized in that, The step of generating a heatmap corresponding to the target page using the color halo included on the target page includes: Based on the position of the grid corresponding to the color halo on the target page, the color halo included in the target page is linearly superimposed on the target page; A heatmap corresponding to the target page is generated based on the result of the linear overlay.

8. The method according to claim 7, characterized in that, The target pixel is the pixel that is within the range of multiple color halos of the target page in the linear overlay; For the target pixel, the step of linearly superimposing the color halo included in the target page on the target page according to the position of the raster corresponding to the color halo on the target page includes: The sum of the pixel values ​​corresponding to the target pixel in the multiple color halos is taken as the actual pixel value of the target pixel.

9. The method according to claim 7, characterized in that, The step of generating the heatmap corresponding to the target page based on the result of the linear superposition includes: The pixel values ​​of the pixels in the linearly superimposed color halo are mapped to the corresponding colors, where the larger the pixel value, the darker the mapped color; Based on the position of the pixels in the color halo included on the target page and the mapped color, the color halo is drawn on the target page to generate a heatmap corresponding to the target page.

10. The method according to any one of claims 1-6, characterized in that, The shape of the colored halo is rectangular or circular.

11. The method according to any one of claims 1-6, characterized in that, The page elements are controls in the target page.

12. A heat map generation device, characterized in that, The device includes an acquisition unit, a mapping unit, a determination unit, and a generation unit: The acquisition unit is used to acquire user click behavior corresponding to the target page, and the target page includes multiple page elements; The mapping unit is used to map the user click behavior to the grid network corresponding to the multiple page elements according to the position parameters of the target page corresponding to the user click behavior. The multiple page elements are respectively divided into grid networks including multiple grids. If the size of the first page element is larger than the size of the second page element, the grid of the first page element is larger than the grid of the second page element. The determining unit is used to determine the target pixel value of the color halo corresponding to the grid based on the number of user click behaviors mapped in the grid. The generation unit is used to generate a color halo corresponding to the grid based on the target pixel value and the halo size of the color halo, wherein the halo size of the color halo is related to the grid size of the grid. The generation unit is also used to generate a heatmap corresponding to the target page based on the color halo included in the target page.

13. A computer device, characterized in that, The computer device includes a processor and memory: The memory is used to store program code and transmit the program code to the processor; The processor is configured to execute the method described in any one of claims 1-11 according to the instructions in the program code.

14. A computer-readable storage medium, characterized in that, The computer-readable storage medium is used to store a computer program for performing the method according to any one of claims 1-11.

15. A computer program product comprising instructions that, when run on a computer, cause the computer to perform the method of any one of claims 1-11.

Images