WO2020134662A1

WO2020134662A1 - Heat map drawing method and device

Info

Publication number: WO2020134662A1
Application number: PCT/CN2019/117496
Authority: WO
Inventors: 姚宇豪
Original assignee: 北京国双科技有限公司
Priority date: 2018-12-28
Filing date: 2019-11-12
Publication date: 2020-07-02
Also published as: CN111381910A

Abstract

The present invention discloses a heat map drawing method and a device, and relates to the technical field of data processing, and is directed at solving the problem of relatively low heat map drawing accuracy resulting from existing heat map drawing methods using page scale for taking click positions generated on webpages having different dimensions and mapping said click positions to the same basemap. The method of the present invention comprising: obtaining click data corresponding to a plurality of original resolutions of a page element of a target page; on the basis of the plurality of original resolutions, determining a reference resolution; determining target click position coordinates corresponding to click position coordinates mapped to the reference resolution; in accordance with the target click position coordinates, using the reference resolution for drawing a heat map of the target page. The present invention is suited to applications in the drawing of heat maps.

Description

Method and device for drawing thermal map

This application requires the priority of the Chinese patent application filed on December 28, 2018 in the Chinese Patent Office with the application number 201811622998.3 and the application name "A method and device for drawing thermal maps", the entire contents of which are incorporated by reference in this document Applying.

Technical field

The invention relates to the technical field of data processing, in particular to a method and device for drawing a thermal map.

Background technique

As users become more and more dependent on the Internet, more and more people begin to pay attention to the user's access behavior. Through the analysis of the user's access behavior, the user's hobbies and interests distribution can be obtained, thereby further guiding the optimization of the website and improving User experience. The heat map is a very effective tool for user clustering analysis. On the page, different brightness is used to distinguish the user's "heat" in different areas, so that he can know what the user is more interested in.

At present, for the existing method of drawing a heat map, when collecting click data on a webpage, the position of the upper left corner of the browser is used as the coordinate origin, and the fixed coordinate values of each click position relative to the coordinate origin are collected, and then A large number of click location data on the same web page are aggregated into a base map to complete the drawing of the web heat map.

However, since terminal devices used by different users have multiple resolutions, and the size of the same web page at different resolutions is different, the location of the same content of the web page in different terminals will also be different. When drawing a heat map, if only a large number of pages with the same content but different sizes are mapped to a base map according to the page ratio, then for the same click behavior, the base map and the base map resolution The content information indicated by the corresponding click position on different other webpages may be completely different, which will cause the final heat map drawn at the unique resolution cannot truly restore the actual click behavior of a large number of users on other resolution webpages , Making the heat map drawn inaccurate.

Summary of the invention

In view of the above problems, the present invention provides a method and device for drawing a heat map, which maps click data of page elements at different resolutions to a reference resolution and draws a heat map.

To solve the above technical problems, in a first aspect, the present invention provides a method for drawing a heat map, which includes:

Acquiring click data corresponding to page elements of the target page at various original resolutions, the click data at least including: click position coordinates;

Determine the reference resolution based on the multiple original resolutions;

Determining that the click position coordinates are mapped to the corresponding target click position coordinates at the reference resolution;

According to the coordinates of the target click position, the thermal map of the target page is drawn at the reference resolution.

Optionally, determining that the click position coordinates are mapped to the corresponding target click position coordinates at the reference resolution includes:

According to the preset page element path, find the page element mapped to the corresponding target page element at the reference resolution;

From the pre-stored template click data of the target page element, find the coordinates of the click position mapped to the corresponding template click position coordinates at the reference resolution, the template click data for the reference resolution at the reference resolution Obtained by clicking on a target page element, the template click data includes at least one template click position coordinate of the target page element;

Acquiring a first offset rate of the click position coordinates of the page element in the page element, and a second offset rate of the template click position coordinates in the target page element;

Determine the element block size corresponding to the target page element;

According to the template click position coordinates, the first offset rate, the second offset rate, and the element block size, calculate the click position coordinates mapped to the corresponding target click position coordinates at the reference resolution .

Optionally, before calculating the click position coordinates mapped to the corresponding target click position coordinates at the reference resolution, the method further includes:

Determining a reference position coordinate in the page element, the reference position coordinate is used to locate the page element;

Finding the reference position coordinates mapped to the corresponding target reference position coordinates at the reference resolution from the template click data.

Optionally, the first offset rate includes a first lateral offset rate and a first longitudinal offset rate, and the second offset rate includes a second lateral offset rate and a second longitudinal offset rate, the The size of the element block includes the width of the element block and the height of the element block. Before acquiring the first offset rate and the second offset rate, the method further includes:

The first offset rate is calculated according to the following formula:

mc_elm_offx_rate=(click_x-element_x)/element_width;

mc_elm_offy_rate=(click_y-element_y)/element_height;

Among them, mc_elm_offx_rate is the first lateral offset rate, click_x is the horizontal coordinate of the click position coordinate, element_x is the horizontal coordinate of the target reference position coordinate, and element_width is the width of the element block;

mc_elm_offy_rate is the first vertical offset rate, click_y is the vertical coordinate of the click position coordinate, element_y is the vertical coordinate of the target reference position coordinate, and element_height is the height of the element block;

and / or,

The second offset rate is calculated according to the following formula:

template_mc_elm_offx_rate=(accurate_click_x-element_x)/element_width

template_mc_elm_offy_rate=(accurate_click_y-element_y)/element_height;

Among them, template_mc_elm_offx_rate is the second horizontal offset rate, accurate_click_x is the horizontal coordinate of the template click position coordinate, element_x is the horizontal coordinate of the target reference position coordinate, and element_width is the width of the element block;

template_mc_elm_offy_rate is the second vertical offset rate, accurate_click_y is the vertical coordinate of the template click position coordinate, element_y is the vertical coordinate of the target reference position coordinate, and element_height is the height of the element block.

Optionally, according to the template click position coordinates, the first offset rate, the second offset rate, and the element block size, calculate the corresponding mapping of the click position coordinates to the reference resolution Target click location coordinates, including:

Calculate the target reference position coordinates according to the following formula:

element_x=accurate_click_x-template_mc_elm_offx_rate*element_width

element_y=accurate_click_y-template_mc_elm_offy_rate*element_height

Where element_x is the horizontal coordinate of the target reference position coordinate, accurate_click_x is the horizontal coordinate of the template click position coordinate, template_mc_elm_offx_rate is the second horizontal offset rate, and element_width is the width of the element block;

element_y is the vertical coordinate of the target reference position coordinate, accurate_click_y is the vertical coordinate of the template click position coordinate, template_mc_elm_offy_rate is the second vertical offset rate, and element_height is the height of the element block;

According to the target reference position coordinates, the click position coordinates mapped to the corresponding target click position coordinates at the reference resolution are calculated by the following formula:

mapping_x=element_x+mc_elm_offx_rate*element_width

mapping_y=element_y+mc_elm_offy_rate*element_height

Among them, mapping_x is the horizontal coordinate of the target click position coordinate, element_x is the horizontal coordinate of the target reference position coordinate, mc_elm_offx_rate is the first horizontal offset rate, and element_width is the width of the element block;

mapping_y is the vertical coordinate of the target click position coordinate, element_y is the vertical coordinate of the target reference position coordinate, mc_elm_offy_rate is the first vertical offset rate, and element_height is the height of the element block.

Optionally, the determining the reference resolution based on the multiple original resolutions includes:

Determine any one of the plurality of original resolutions as the reference resolution; or,

The click data further includes: the amount of click data, and determining the reference resolution based on the multiple original resolutions includes:

Get the amount of click data corresponding to each page element at each original resolution;

The original resolution with the largest amount of click data is determined as the reference resolution.

In a second aspect, the present invention also provides a device for drawing a heat map, which includes:

The obtaining unit is configured to obtain the click data corresponding to the page elements of the target page at various original resolutions, and the click data includes at least: click position coordinates.

The determining unit is configured to determine a reference resolution based on the multiple original resolutions.

The determining unit is further configured to determine that the click position coordinates are mapped to the corresponding target click position coordinates at the reference resolution.

The drawing unit is configured to draw the thermal map of the target page at the reference resolution according to the coordinates of the target click position.

Optionally, the device further includes:

The searching unit is configured to search for the page element mapped to the corresponding target page element at the reference resolution according to the preset page element path.

The searching unit is also used to search for the template click position coordinates mapped to the corresponding template click position coordinates at the reference resolution from the template click data of the target page element pre-stored, the template click data is Obtained by clicking on the target page element at the reference resolution, the template click data includes at least one template click position coordinate of the target page element.

The acquiring unit is further configured to acquire a first offset rate of the click position coordinates of the page element in the page element, and a second offset rate of the template click position coordinates in the target page element .

The determining module is used to determine the element block size corresponding to the target page element.

A calculation module, configured to calculate the mapping of the click position coordinates to the reference resolution according to the template click position coordinates, the first offset rate, the second offset rate and the element block size The coordinates of the target click position.

Optionally, the device further includes: a search unit,

The determining unit is further configured to determine a reference position coordinate in the page element, and the reference position coordinate is used to locate the page element.

The searching unit is configured to search for the reference position coordinates mapped to the corresponding target reference position coordinates at the reference resolution from the template click data.

Optionally, the device further includes:

The first calculation unit is configured to calculate the first offset rate according to the following formula:

mc_elm_offx_rate=(click_x-element_x)/element_width;

mc_elm_offy_rate=(click_y-element_y)/element_height;

mc_elm_offy_rate is the first vertical offset rate, click_y is the vertical coordinate of the click position coordinate, element_y is the vertical coordinate of the target reference position coordinate, and element_height is the height of the element block.

The second calculation unit is configured to calculate the second offset rate according to the following formula:

emplate_mc_elm_offx_rate=(accurate_click_x-element_x)/element_width

template_mc_elm_offy_rate=(accurate_click_y-element_y)/element_height;

Optionally, the calculation module includes:

The determination submodule is used to calculate the target reference position coordinates according to the following formula:

element_x=accurate_click_x-template_mc_elm_offx_rate*element_width

element_y=accurate_click_y-template_mc_elm_offy_rate*element_height

The calculation submodule is used for calculating the click position coordinates to be mapped to the corresponding target click position coordinates at the reference resolution according to the target reference position coordinates by the following formula:

mapping_x=element_x+mc_elm_offx_rate*element_width

mapping_y=element_y+mc_elm_offy_rate*element_height

Optionally, the determining unit includes:

The first determining module is configured to determine any one of the original resolutions of the plurality of original resolutions as the reference resolution.

The second determination module is configured to acquire the click data amount corresponding to the page element at each original resolution and determine the original resolution with the largest click data amount as the reference resolution.

In order to achieve the above object, according to a third aspect of the present invention, there is provided a storage medium, the storage medium including a stored program, wherein, when the program is running, the device where the storage medium is located is controlled to execute the above-mentioned thermal power Drawing method of the graph.

In order to achieve the above object, according to a fourth aspect of the present invention, there is provided a processor for running a program, wherein the method for drawing the thermal map described above is executed when the program is executed.

With the above technical solution, the method and device for drawing a heat map provided by the present invention maps the click positions generated on web pages of different sizes to the same base map according to the page scale when drawing the heat map of the web page in the prior art When the time is up, the accuracy of the thermal map drawing is low. The present invention obtains the click data corresponding to the page elements of the target page at multiple original resolutions, then determines the reference resolution based on the multiple original resolutions, and then determines the click The position coordinates are mapped to the corresponding target click position coordinates at the reference resolution, and finally the heat map of the target page is drawn at the reference resolution according to the target click position coordinates. Therefore, compared with the prior art, the present invention When drawing the thermal map of the page, the click data of the page elements of the target page at various original resolutions can be mapped to the corresponding target click position at the base resolution, and the target heat can be drawn according to the target click position at the base resolution Figure can accurately determine the actual click position of each page element in the target page, and draw the heat map according to the click amount corresponding to each actual click position, which can effectively improve the accuracy of the heat map drawing.

The above description is only an overview of the technical solutions of the present invention. In order to understand the technical means of the present invention more clearly, it can be implemented in accordance with the contents of the specification, and in order to make the above and other objects, features and advantages of the present invention more obvious and understandable In the following, specific embodiments of the present invention are specifically mentioned.

BRIEF DESCRIPTION

1 is a schematic structural diagram of a webpage resource acquisition system provided by some embodiments of this application;

FIG. 2 is a first architectural diagram of an Android operating system provided by some embodiments of this application;

FIG. 3 is a schematic flowchart of a method for acquiring a webpage resource provided by some embodiments of this application;

4 is a second schematic flowchart of a method for acquiring webpage resources provided by some embodiments of the present application;

5 is a third schematic flowchart of a method for acquiring webpage resources provided by some embodiments of the present application;

6 is a first schematic structural diagram of a terminal device provided by some embodiments of the present application;

7 is a second schematic structural diagram of a terminal device provided by some embodiments of this application;

8 is a schematic structural diagram 3 of a terminal device provided by some embodiments of the present application;

9 is a schematic structural diagram 1 of a server provided by some embodiments of the present application;

FIG. 10 is a second structural diagram of a server provided by some embodiments of the present application.

detailed description

Hereinafter, exemplary embodiments of the present disclosure will be described in more detail with reference to the accompanying drawings. Although the exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be limited by the embodiments set forth herein. Rather, these embodiments are provided to enable a more thorough understanding of the present disclosure and to fully convey the scope of the present disclosure to those skilled in the art.

In order to improve the accuracy of drawing the heat map, an embodiment of the present invention provides a drawing method of the heat map. As shown in FIG. 1, the method includes:

101. Acquire corresponding click data of a page element of a target page at various original resolutions.

Wherein, the click data at least includes: click position coordinates. The resolution is the resolution of the display screen corresponding to the browser display window that loads and displays the target page.

In order to facilitate positioning, the reference coordinate point can be selected in practice to locate the click position coordinate. For example, the upper left corner of the browser display window can be selected as the coordinate origin, and the coordinate value of the user's actual click point relative to the coordinate origin is the click position coordinate described in this step.

102. Determine a reference resolution based on the multiple original resolutions.

Specifically, the reference resolution may be any resolution specified by the user as the reference resolution, or it may be the click amount of each resolution included in the click data collected by statistics, and the resolution with the highest click amount is determined as the reference The resolution is not specifically limited in the embodiment of the present invention.

103. Determine that the click position coordinates are mapped to the corresponding target click position coordinates at the reference resolution.

Wherein, the target click position coordinate may be the pixel coordinate corresponding to the actual click point at the reference resolution.

It should be noted that each target webpage is presented by multiple page elements according to the pre-edited logical relationship and position, and each page element exists in the form of an element block in the webpage. From the perspective of writing web page code, according to CSS (Cascading Style Sheets), page elements are put into a box model. Using this box model, CSS can control the layout style of each page element on the web page. The box containing the page element is the corresponding element block. From the perspective of rendering effects, for example, in the 360 navigation home page, the page element is the text information "Jingdong". You can see the font, color, and target of the page element in the web page The position of the page, etc., through the click test, you can also know that the page element corresponds to a certain effective click area, that is to say, in the actual process, when the actual click position is within the element block corresponding to the target element, the page corresponding to the click position The element is the page element corresponding to the element block. Therefore, when the user clicks the same content at different resolutions, although the click position may be different, the page elements corresponding to the click position are the same.

104. Draw a heat map of the target page at the reference resolution according to the target click position coordinates.

Specifically, after determining the coordinates of the target click position in this step, the thermal map can be drawn by the actual click data amount (or thermal value) corresponding to each target click position, that is, the areas corresponding to the pixels with different thermal values are subjected to different brightness and color Display, etc., to ensure that the heat map drawn can truly reflect the actual click situation.

The method for drawing a heat map provided by the embodiment of the present invention obtains the click data corresponding to the page elements of the target page at various original resolutions, then determines the reference resolution based on the various original resolutions, and then determines the coordinate mapping of the click position Go to the corresponding target click position coordinates at the reference resolution, and finally draw the thermal map of the target page at the reference resolution according to the target click position coordinates. Therefore, compared with the prior art, When drawing, you can map the click data of the page elements of the target page at various original resolutions to the corresponding target click position at the reference resolution, and draw the target heat map according to the target click position at the reference resolution. Accurately determine the actual click position of each page element in the target page, and draw the heat map according to the click amount corresponding to each actual click position, which can effectively improve the accuracy of the heat map drawing.

Further, as a refinement and expansion of the embodiment shown in FIG. 1, an embodiment of the present invention also provides another method for drawing a thermal map, as shown in FIG. 2.

201. Acquire corresponding click data of a page element of a target page at various original resolutions.

Wherein, the click data at least includes: click position coordinates. For the conceptual explanation of the click position coordinates and the specific implementation of this step, reference may be made to the corresponding description in step 101, and details are not described herein again in this embodiment of the present invention.

Since webpages with the same content are displayed on screens with different resolutions, even if the user clicks on the same content, the click position coordinates in the obtained click data are also different, so each original resolution needs to be obtained in this step Click data at the same rate, in order to further map the corresponding click data at different resolutions to the click data at the same resolution.

202. Determine a reference resolution based on the multiple original resolutions.

The step 202 may include: determining any one of the plurality of original resolutions as the reference resolution. For example, specify 800×600 resolution as the reference resolution. For the embodiment of the present invention, the click data acquired in the above step may also include the click data amount. Therefore, in order to reduce the amount of data processing and improve the efficiency of drawing the heat map, the step 202 may further include: acquiring each original resolution The amount of click data corresponding to the page element of is; the original resolution with the largest amount of click data is determined as the reference resolution. For the embodiment of the present invention, by counting the amount of click data at various original resolutions and determining the original resolution with the largest amount of click data as the reference resolution, the click data at the original resolution is mapped to the reference resolution When click data processing, since the click data volume at the reference resolution is the largest, there is no need to perform additional mapping calculations, and the data processing volume can be reduced to the greatest extent, thereby improving the efficiency of data processing and the efficiency of heat map drawing.

203. Find, according to a preset page element path, the page element mapped to the corresponding target page element at the reference resolution.

Among them, the path of the page element is an inherent property of the pre-generated page, and the path of each page element is often generated when the web page is generated. For example, in a web page, the objects that make up the page (or document) are organized in a tree structure. The standard model used to represent the objects in the document is called DOM, and the structure of the page and the position of the page object can be determined by DOM parsing. Wait. In the embodiment of the present invention, the content information of the target webpage is the same at the original resolution and the reference resolution, that is to say, the target page at each resolution has the same page structure, so the The source code is used to know the position of the target element in the target page, but the specific method is not limited by the embodiment of the present invention. Since the page content of the target page is always the same, the location of the page element can be accurately found through the generation path of the page element at any resolution, so that the accuracy of the click position determination is improved, thereby improving the drawing of the heat map accuracy.

204. Find, from the template click data of the target page element stored in advance, the click position coordinates mapped to the corresponding template click position coordinates at the reference resolution.

Wherein, the template click data is obtained by clicking the target page element at the reference resolution, and the template click data includes at least one template click position coordinate of the target page element. Specifically, the template click data can be obtained by simulating the target page element at the reference resolution in advance; or, the historical click data of the target page element at the reference resolution can be used as the template click data in this step. Similarly, the template click data includes the coordinates of the click position of each template as the pixel coordinates of the click position at the reference resolution.

It should be noted that the collected click data contains the identification information of the page element corresponding to each click position. Therefore, after the click data of the page element is obtained in the above step, it can be included in the template click data according to the page element identification Perform a search to obtain template click data.

205. Determine the element block size corresponding to the target page element.

The element block size includes the width of the element block and the height of the element block.

In the embodiment of the present invention, after the click data of the page element is obtained and the page element is determined, the code of the target page can be parsed, such as: HTML file, CSS file, JS file, etc., and the corresponding element of the page element can be known The position and size of the element block.

206. Acquire a first offset rate of the click position coordinates of the page element in the target page element, and a second offset rate of the template click position coordinates in the target page element.

Wherein, the first offset rate includes a first lateral offset rate and a first longitudinal offset rate, and the second offset rate includes a second lateral offset rate and a second longitudinal offset rate. In actual use, page elements are often represented by element blocks with a certain size. When any position within the effective range of this element block is clicked, the effect of clicking the page element may be generated. One of the page elements can be selected. The reference point is used to locate the page element, and the offset rate is an index used to measure the deviation of the actual click position within the page element relative to the position of the page element reference point. The offset rate can be obtained by the difference between the actual click position and the element reference point position, and then divided by the width (or height) of the element block.

Specifically, it can be directly obtained through the above preset script file, or can be obtained through calculation:

Considering the same click position, the offset rate in the page elements at different resolutions is the same, that is, the above-mentioned first offset rate can be determined by the click position at the original resolution relative to the element at the resolution The offset of the block reference position and the element block size at this resolution can be calculated; it can also be calculated by mapping the click position to the reference resolution and offset from the target reference position coordinates of the target page element. The specifics can be arbitrarily selected according to needs, and the embodiments of the present invention are not specifically limited.

In one embodiment, the first offset rate can be calculated according to the following formula:

mc_elm_offx_rate=(click_x-element_x)/element_width;

mc_elm_offy_rate=(click_y-element_y)/element_height;

and / or,

The second offset rate is calculated according to the following formula:

template_mc_elm_offx_rate=(accurate_click_x-element_x)/element_width

template_mc_elm_offy_rate=(accurate_click_y-element_y)/element_height;

207. Calculate the click position coordinates mapped to the corresponding target click at the reference resolution according to the template click position coordinates, the first offset rate, the second offset rate, and the element block size Position coordinates.

Specifically, this step may first calculate the position coordinates of the target reference position according to the second offset rate of the template click position coordinate and the template click position coordinate, and then determine the click according to the offset rate between the click position and the target reference position The target click position whose position is at the reference resolution.

For the embodiment of the present invention, before step 207, the method may further include: determining a reference position coordinate in the page element, where the reference position coordinate is used to locate the page element; and searching the template click data from the template The reference position coordinates are mapped to the corresponding target reference position coordinates at the reference resolution. The reference position coordinate may be any position of the element block, such as the upper left corner coordinate of the element block of the page element.

Further, the target reference position coordinates are calculated according to the following formula:

element_x=accurate_click_x-template_mc_elm_offx_rate*element_width

element_y=accurate_click_y-template_mc_elm_offy_rate*element_height

mapping_x=element_x+mc_elm_offx_rate*element_width

mapping_y=element_y+mc_elm_offy_rate*element_height

For the embodiment of the present invention, by acquiring the first offset rate between the click position and the target reference position at the original resolution and the second offset rate between the template click position and the target reference position at the reference resolution, to Therefore, the pixel coordinates of the target reference position at the reference resolution can be determined according to the second offset rate, and then the target click position of the click position coordinate at the reference resolution can be determined based on the obtained pixel coordinates and the first offset rate. The offset rate can accurately locate the target click position of the click position at the reference resolution, thereby ensuring the accuracy of the click position mapping and improving the accuracy of the heat map drawing.

208. Draw a heat map of the target page at the reference resolution according to the target click position coordinates.

Specifically, for the specific implementation manner in this step, reference may be made to the corresponding description in step 104, and details are not described herein again.

Further, as an implementation of the method shown in FIG. 1 above, an embodiment of the present invention further provides a device for drawing a thermal map for implementing the method shown in FIG. 1. The device embodiment corresponds to the foregoing method embodiment. For ease of reading, the device embodiment will not repeat the details of the foregoing method embodiment one by one, but it should be clear that the device in this embodiment can implement the aforementioned method correspondingly. All the content in the example. As shown in FIG. 3, the device includes: an obtaining unit 31, a determining unit 32, and a drawing unit 33, wherein

The obtaining unit 31 may be used to obtain the click data corresponding to the page elements of the target page at various original resolutions, where the click data includes at least: click position coordinates.

The determining unit 32 may be used to determine a reference resolution based on the multiple original resolutions.

The determining unit 32 may also be used to determine that the click position coordinates are mapped to the corresponding target click position coordinates at the reference resolution.

The drawing unit 33 may be used to draw the heat map of the target page at the reference resolution according to the coordinates of the target click position.

Further, as an implementation of the method shown in FIG. 2 above, an embodiment of the present invention further provides another apparatus for drawing a thermal map for implementing the method shown in FIG. 2. This device embodiment corresponds to the foregoing method embodiment. For ease of reading, the device embodiment will not repeat the details of the foregoing method embodiment one by one, but it should be clear that the device in this embodiment can implement the aforementioned method correspondingly. All the content in the example. As shown in FIG. 4, the device includes: an acquiring unit 41, a determining unit 42, and a drawing unit 43, wherein,

The obtaining unit 41 may be used to obtain the click data corresponding to the page elements of the target page at various original resolutions, where the click data includes at least: click position coordinates.

The determining unit 42 may be used to determine a reference resolution based on the multiple original resolutions.

The determining unit 42 may also be used to determine that the click position coordinates are mapped to the corresponding target click position coordinates at the reference resolution.

The drawing unit 43 may be used to draw the heat map of the target page at the reference resolution according to the coordinates of the target click position.

Further, the determining unit 42 includes:

The first determining module 4201 may be used to determine any one of the original resolutions as the reference resolution.

The obtaining module 4202 may be used to obtain the amount of click data corresponding to each page element at each original resolution.

The second determination module 4203 may be used to determine the original resolution with the largest amount of click data as the reference resolution.

Further, the device further includes: a searching unit 44.

The searching unit 44 may be configured to search for the page element mapped to the corresponding target page element at the reference resolution according to the preset page element path.

The searching unit 44 can also be used to search the template click data of the target page element from the pre-stored template click data to map the corresponding coordinates of the template click position at the reference resolution.

The acquiring unit 41 may also be used to acquire a first offset rate of the click position coordinates of the page element in the page element, and a second offset of the template click position coordinates in the target page element Shift rate.

further,

The determining unit 42 may also be used to determine the element block size corresponding to the target page element.

Further, the device further includes: a calculation unit 45.

The calculation unit 45 may be configured to calculate the click position coordinates to be mapped to the reference according to the template click position coordinates, the first offset rate, the second offset rate, and the element block size The coordinates of the corresponding target click position at the resolution.

The determining unit 42 may also be used to determine a reference position coordinate in the page element, and the reference position coordinate is used to locate the page element.

The searching unit 44 may also be used to search for the reference position coordinates mapped to the corresponding target reference position coordinates at the reference resolution from the template click data.

Another apparatus for drawing a thermal map provided by an embodiment of the present invention. The device includes: an acquiring unit, a determining unit and a drawing unit. In the prior art, when drawing a heat map of a web page, when the click positions generated on web pages of different sizes are mapped to the same base map according to the page ratio, the accuracy of drawing the heat map is low. The page elements of the page correspond to the click data at multiple original resolutions, and then determine the reference resolution based on the multiple original resolutions, and then determine the click position coordinates mapped to the corresponding target click position coordinates at the reference resolution, and finally according to the The target click position coordinate is used to draw the thermal map of the target page at the reference resolution. Therefore, compared with the prior art, the present invention can draw the page elements of the target page in a variety of originals when drawing the thermal map of the page The click data at the resolution is mapped to the corresponding target click position at the reference resolution, and the target heat map is drawn according to the target click position at the reference resolution, which can accurately determine the actual click position of each page element in the target page. Drawing a heat map with the click amount corresponding to each actual click position can effectively improve the accuracy of drawing the heat map.

The text processing device includes a processor and a memory, and the above-mentioned acquisition unit 31, determination unit 32, drawing unit 33, etc. are all stored in the memory as program units, and the processor executes the above-mentioned program units stored in the memory to achieve corresponding functions .

The processor contains a core, and the core retrieves the corresponding program unit from the memory. One or more kernels can be set to improve the accuracy of the heat map drawing by adjusting the kernel parameters.

The memory may include non-permanent memory, random access memory (RAM) and/or non-volatile memory in a computer-readable medium, such as read only memory (ROM) or flash memory (flash RAM), and the memory includes at least one Memory chip.

An embodiment of the present invention provides a storage medium on which a program is stored, and when the program is executed by a processor, the method for drawing the heat map is implemented.

An embodiment of the present invention provides a processor for running a program, wherein the method for drawing a heat map is executed when the program is run.

An embodiment of the present invention provides a device, which includes a processor, a memory, and a program stored on the memory and executable on the processor. When the processor executes the program, the following steps are realized: the page elements of the target page are obtained in various original Corresponding click data at a resolution, the click data at least includes: click position coordinates; based on the multiple original resolutions, a reference resolution is determined; and the click position coordinates are mapped to the corresponding at the reference resolution Target click position coordinates; according to the target click position coordinates, draw a heat map of the target page at the reference resolution.

Further, determining that the click position coordinates are mapped to the corresponding target click position coordinates at the reference resolution includes:

Determine the element block size corresponding to the target page element;

Further, before calculating the click position coordinates mapped to the corresponding target click position coordinates at the reference resolution, the method further includes:

Further, the first offset rate includes a first horizontal offset rate and a first vertical offset rate, the second offset rate includes a second horizontal offset rate and a second vertical offset rate, and the element The block size includes the width of the element block and the height of the element block. Before acquiring the first offset rate and the second offset rate, the method further includes:

The first offset rate is calculated according to the following formula:

template_mc_elm_offx_rate=(accurate_click_x-element_x)/element_width

template_mc_elm_offy_rate=(accurate_click_y-element_y)/element_height;

Among them, template_mc_elm_offx_rate is the first horizontal offset rate, accurate_click_x is the horizontal coordinate of the template click position coordinate, element_x is the horizontal coordinate of the target reference position coordinate, and element_width is the width of the element block;

template_mc_elm_offy_rate is the first vertical offset rate, accurate_click_y is the vertical coordinate of the template click position coordinate, element_y is the vertical coordinate of the target reference position coordinate, and element_height is the height of the element block;

and / or,

The second offset rate is calculated according to the following formula:

mc_elm_offx_rate=(click_x-element_x)/element_width;

mc_elm_offy_rate=(click_y-element_y)/element_height;

Among them, mc_elm_offx_rate is the second horizontal offset rate, click_x is the horizontal coordinate of the click position coordinate, element_x is the horizontal coordinate of the target reference position coordinate, and element_width is the width of the element block;

mc_elm_offy_rate is the second vertical offset rate, click_y is the vertical coordinate of the click position coordinate, element_y is the vertical coordinate of the target reference position coordinate, and element_height is the height of the element block.

Further, according to the template click position coordinates, the first offset rate, the second offset rate, and the element block size, calculate the click position coordinates mapped to the corresponding target at the reference resolution Click location coordinates, including:

element_x=accurate_click_x-template_mc_elm_offx_rate*element_width

element_y=accurate_click_y-template_mc_elm_offy_rate*element_height

Where element_x is the horizontal coordinate of the target reference position coordinate, accurate_click_x is the horizontal coordinate of the template click position coordinate, template_mc_elm_offx_rate is the first horizontal offset rate, and element_width is the width of the element block;

element_y is the vertical coordinate of the target reference position coordinate, accurate_click_y is the vertical coordinate of the template click position coordinate, template_mc_elm_offy_rate is the first vertical offset rate, element_height is the height of the element block;

mapping_x=element_x+mc_elm_offx_rate*element_width

mapping_y=element_y+mc_elm_offy_rate*element_height

Among them, mapping_x is the horizontal coordinate of the target click position coordinate, element_x is the horizontal coordinate of the target reference position coordinate, mc_elm_offx_rate is the second horizontal offset rate, and element_width is the width of the element block;

mapping_y is the vertical coordinate of the target click position coordinate, element_y is the vertical coordinate of the target reference position coordinate, mc_elm_offy_rate is the second vertical offset rate, and element_height is the height of the element block.

Further, the determining the reference resolution based on the multiple original resolutions includes:

The device in the embodiment of the present invention may be a server, a PC, a PAD, a mobile phone, or the like.

An embodiment of the present invention also provides a computer program product which, when executed on a data processing device, is suitable for executing a program initialized with the following method steps: acquiring click data corresponding to page elements of a target page at various original resolutions , The click data includes at least: click position coordinates; based on the plurality of original resolutions, determine a reference resolution; determine the click position coordinates mapped to the corresponding target click position coordinates under the reference resolution; according to The target click position coordinate is used to draw a thermal map of the target page at the reference resolution.

Determine the element block size corresponding to the target page element;

Further, before calculating the mapping of the click position coordinates to the corresponding target click position coordinates at the reference resolution, the method further includes:

Determining a reference position coordinate in the page element, where the reference position coordinate is used to locate the page element;

Calculate the first offset rate, and/or, the second offset rate;

The calculation method of the first offset rate and the second offset rate refers to the above calculation method, which will not be repeated here.

element_x=accurate_click_x-template_mc_elm_offx_rate*element_width

element_y=accurate_click_y-template_mc_elm_offy_rate*element_height

element_y is the vertical coordinate of the target reference position coordinate, accurate_click_y is the vertical coordinate of the template click position coordinate, template_mc_elm_offy_rate is the first vertical offset rate, and element_height is the height of the element block;

mapping_x=element_x+mc_elm_offx_rate*element_width

mapping_y=element_y+mc_elm_offy_rate*element_height

Those skilled in the art should understand that the embodiments of the present application may be provided as methods, systems, or computer program products. Therefore, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware. Moreover, the present application may take the form of a computer program product implemented on one or more computer usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer usable program code.

This application is described with reference to flowcharts and/or block diagrams of methods, devices (systems), and computer program products according to embodiments of the application. It should be understood that each flow and/or block in the flowchart and/or block diagram and a combination of the flow and/or block in the flowchart and/or block diagram may be implemented by computer program instructions. These computer program instructions can be provided to the processor of a general-purpose computer, special-purpose computer, embedded processing machine, or other programmable data processing device to produce a machine that enables the generation of instructions executed by the processor of the computer or other programmable data processing device A device for realizing the functions specified in one block or multiple blocks of one flow or multiple flows of a flowchart and/or one block or multiple blocks of a block diagram.

These computer program instructions may also be stored in a computer readable memory that can guide a computer or other programmable data processing device to work in a specific manner, so that the instructions stored in the computer readable memory produce an article of manufacture including an instruction device, the instructions The device implements the functions specified in one block or multiple blocks of the flowchart one flow or multiple flows and/or block diagrams.

These computer program instructions can also be loaded onto a computer or other programmable data processing device, so that a series of operating steps are performed on the computer or other programmable device to produce computer-implemented processing, which is executed on the computer or other programmable device The instructions provide steps for implementing the functions specified in one block or multiple blocks of the flowchart one flow or multiple flows and/or block diagrams.

In a typical configuration, the computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.

The memory may include non-permanent memory, random access memory (RAM) and/or non-volatile memory in a computer-readable medium, such as read only memory (ROM) or flash memory (flash RAM). The memory is an example of a computer-readable medium.

Computer readable media, including permanent and non-permanent, removable and non-removable media, can store information by any method or technology. The information may be computer readable instructions, data structures, modules of programs, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, read-only compact disc read-only memory (CD-ROM), digital versatile disc (DVD) or other optical storage, Magnetic tape cassettes, magnetic tape magnetic disk storage or other magnetic storage devices or any other non-transmission media can be used to store information that can be accessed by computing devices. As defined in this article, computer-readable media does not include temporary computer-readable media (transitory media), such as modulated data signals and carrier waves.

It should also be noted that the terms "include", "include" or any other variant thereof are intended to cover non-exclusive inclusion, so that a process, method, commodity or device that includes a series of elements not only includes those elements, but also includes Other elements not explicitly listed, or include elements inherent to such processes, methods, goods, or equipment. In the absence of more restrictions, the elements defined by the sentence "include one..." do not exclude that there are other identical elements in the process, method, commodity or equipment that includes the elements.

The above are only examples of the present application, and are not intended to limit the present application. For those skilled in the art, this application may have various modifications and changes. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of this application shall be included in the scope of the claims of this application.

Claims

A method for drawing a heat map, the method includes:

Acquiring click data corresponding to page elements of the target page at various original resolutions, the click data at least including: click position coordinates;

Determine the reference resolution based on the multiple original resolutions;

Determining that the click position coordinates are mapped to the corresponding target click position coordinates at the reference resolution;

According to the coordinates of the target click position, the thermal map of the target page is drawn at the reference resolution.
The method according to claim 1, wherein determining that the click position coordinates are mapped to the corresponding target click position coordinates at the reference resolution includes:

According to the preset page element path, find the page element mapped to the corresponding target page element at the reference resolution;

From the pre-stored template click data of the target page element, find the coordinates of the click position mapped to the corresponding template click position coordinates at the reference resolution, the template click data for the reference resolution at the reference resolution Obtained by clicking on a target page element, the template click data includes at least one template click position coordinate of the target page element;

Acquiring a first offset rate of the click position coordinates of the page element in the page element, and a second offset rate of the template click position coordinates in the target page element;

Determine the element block size corresponding to the target page element;

According to the template click position coordinates, the first offset rate, the second offset rate, and the element block size, calculate the click position coordinates mapped to the corresponding target click position coordinates at the reference resolution .
The method according to claim 2, wherein before calculating the click position coordinates mapped to the corresponding target click position coordinates at the reference resolution, the method further comprises:

Determining a reference position coordinate in the page element, the reference position coordinate is used to locate the page element;

Finding the reference position coordinates mapped to the corresponding target reference position coordinates at the reference resolution from the template click data.
The method of claim 3, wherein the first offset rate includes a first lateral offset rate and a first longitudinal offset rate, and the second offset rate includes a second lateral offset rate and a second Vertical offset rate, the size of the element block includes the width of the element block and the height of the element block, before obtaining the first offset rate and the second offset rate, the method further includes:

The first offset rate is calculated according to the following formula:

mc_elm_offx_rate=(click_x-element_x)/element_width;

mc_elm_offy_rate=(click_y-element_y)/element_height;

Among them, mc_elm_offx_rate is the first lateral offset rate, click_x is the horizontal coordinate of the click position coordinate, element_x is the horizontal coordinate of the target reference position coordinate, and element_width is the width of the element block;

mc_elm_offy_rate is the first vertical offset rate, click_y is the vertical coordinate of the click position coordinate, element_y is the vertical coordinate of the target reference position coordinate, and element_height is the height of the element block;

and / or,

The second offset rate is calculated according to the following formula:

template_mc_elm_offx_rate=(accurate_click_x-element_x)/element_width

template_mc_elm_offy_rate=(accurate_click_y-element_y)/element_height;

Among them, template_mc_elm_offx_rate is the second horizontal offset rate, accurate_click_x is the horizontal coordinate of the template click position coordinate, element_x is the horizontal coordinate of the target reference position coordinate, and element_width is the width of the element block;

template_mc_elm_offy_rate is the second vertical offset rate, accurate_click_y is the vertical coordinate of the template click position coordinate, element_y is the vertical coordinate of the target reference position coordinate, and element_height is the height of the element block.
The method according to any one of claims 3 or 4, wherein the click is calculated based on the template click position coordinates, the first offset rate, the second offset rate, and the element block size The mapping of the position coordinates to the corresponding target click position coordinates at the reference resolution includes:

Calculate the target reference position coordinates according to the following formula:

element_x=accurate_click_x-template_mc_elm_offx_rate*element_width

element_y=accurate_click_y-template_mc_elm_offy_rate*element_height

Where element_x is the horizontal coordinate of the target reference position coordinate, accurate_click_x is the horizontal coordinate of the template click position coordinate, template_mc_elm_offx_rate is the second horizontal offset rate, and element_width is the width of the element block;

element_y is the vertical coordinate of the target reference position coordinate, accurate_click_y is the vertical coordinate of the template click position coordinate, template_mc_elm_offy_rate is the second vertical offset rate, and element_height is the height of the element block;

According to the target reference position coordinates, the click position coordinates mapped to the corresponding target click position coordinates at the reference resolution are calculated by the following formula:

mapping_x=element_x+mc_elm_offx_rate*element_width

mapping_y=element_y+mc_elm_offy_rate*element_height

Among them, mapping_x is the horizontal coordinate of the target click position coordinate, element_x is the horizontal coordinate of the target reference position coordinate, mc_elm_offx_rate is the first horizontal offset rate, and element_width is the width of the element block;

mapping_y is the vertical coordinate of the target click position coordinate, element_y is the vertical coordinate of the target reference position coordinate, mc_elm_offy_rate is the first vertical offset rate, and element_height is the height of the element block.
The method according to claim 1, wherein the determining the reference resolution based on the plurality of original resolutions includes:

Determine any one of the plurality of original resolutions as the reference resolution; or,

The click data further includes: the amount of click data, and determining the reference resolution based on the multiple original resolutions includes:

Get the amount of click data corresponding to each page element at each original resolution;

The original resolution with the largest amount of click data is determined as the reference resolution.
A device for drawing a heat map, the device includes:

An obtaining unit, configured to obtain click data corresponding to page elements of the target page at various original resolutions, the click data at least including: click position coordinates;

A determining unit, configured to determine a reference resolution based on the multiple original resolutions;

The determining unit is further configured to determine that the click position coordinates are mapped to the corresponding target click position coordinates at the reference resolution;

The drawing unit is configured to draw the thermal map of the target page at the reference resolution according to the coordinates of the target click position.
The device according to claim 7, wherein the device further comprises:

A searching unit, configured to search for the corresponding target page element mapped to the reference resolution under the reference resolution according to the preset page element path;

The searching unit is also used to search for the template click position coordinates mapped to the corresponding template click position coordinates at the reference resolution from the template click data of the target page element pre-stored, the template click data is Obtained by clicking on the target page element at the reference resolution, the template click data includes at least one template click position coordinate of the target page element;

The obtaining unit is further configured to obtain a first offset rate of the click position coordinates of the page element in the target page element, and a second offset of the template click position coordinates in the target page element rate.
A storage medium including a stored program, wherein, when the program is running, the device where the storage medium is located is controlled to execute the method for drawing a heat map according to any one of claims 1 to 6.
A processor for running a program, wherein the method for drawing a thermal map according to any one of claims 1 to 6 is executed when the program is executed.