CN111104608A

CN111104608A - Webpage data processing method and related device

Info

Publication number: CN111104608A
Application number: CN201811251222.5A
Authority: CN
Inventors: 陈健
Original assignee: Huawei Technologies Co Ltd
Current assignee: Huawei Technologies Co Ltd
Priority date: 2018-10-25
Filing date: 2018-10-25
Publication date: 2020-05-05

Abstract

The embodiment of the application discloses a webpage data processing method and a related device, which can accurately show a thermodynamic diagram to a user. The method in the embodiment of the application comprises the following steps: the server determines an element identifier of an element with a modifiable position in a first page, wherein the first page is a page needing to be drawn with a thermodynamic diagram in a page corresponding to a target page; the server acquires historical click information corresponding to the element identifier, wherein the historical click information comprises relative position information of at least one historical click operation, and the relative position information is determined according to the position of the historical click operation on the second page and the position of the element on the second page; the server determines the corresponding position of the historical clicking operation on the first page according to the relative position information and the corresponding position of the element in the first page; the server sends the historical clicking operation to the terminal device at the position corresponding to the first page, so that the terminal device displays a thermodynamic diagram on the first page, and the thermodynamic diagram is used for showing the clicking degree of the element.

Description

Webpage data processing method and related device

Technical Field

The embodiment of the application relates to the field of data processing, in particular to a webpage data processing method and a related device.

Background

An enthusiasm refers to an illustration of a page area that is enthusiastic to the user in the form of a special highlight. With the continuous development of internet technology, it is very important to change data into visual and intuitive images for users when making decisions on the development direction and operation and sales of websites. Because the user can obtain a good decision reference basis through a data analysis mode of the thermodynamic diagram, the research significance of the thermodynamic diagram is profound.

In general, a server acquires coordinate values corresponding to positions of click operations of each user in the entire web page, and renders the corresponding positions of the coordinate values in the web page into a thermodynamic diagram in which the degrees of heat are differentiated by colors.

In this scheme, since the coordinate value of the click position obtained by the server is based on the entire web page, when the position of an element in the web page changes, the click position corresponding to the coordinate value no longer corresponds to the position corresponding to the element on which the user originally performed the click operation, the thermodynamic diagram cannot accurately show the click amount of each element, and the reference value of the thermodynamic diagram is reduced.

Disclosure of Invention

The embodiment of the application provides a webpage data processing method and a related device, which are used for displaying an accurate thermodynamic diagram to a user when the element position changes.

In a first aspect, an embodiment of the present application provides a method for processing web page data, including:

when the user sends a request for viewing the thermodynamic diagram of the first page to the server, the server may determine the element identifier of the element with modifiable position in the first page, and then obtain the historical click information corresponding to the element identifier, wherein the historical click information comprises relative position information of at least one historical click operation, the relative position information is determined according to the corresponding position of the historical click operation on the second page and the corresponding position of the element on the second page, then, the server determines the corresponding position of each historical click operation on the first page according to the relative position information and the corresponding position of the element in the first page, and finally, the server sends the position, corresponding to the first page, of each historical clicking operation to the terminal device, so that the terminal device displays the thermodynamic diagram on the first page.

It should be noted that, in the embodiment of the present application, the first page is a page that needs to draw a thermodynamic diagram in a page corresponding to a target webpage, and the second page is a page that generates the historical click operation in the page corresponding to the target webpage.

In the embodiment of the application, a server acquires element identifiers of elements in a first page and relative position information of historical click operations corresponding to the element identifiers, then the server determines the position of each historical click operation corresponding to the first page according to the relative position information and the position of the element corresponding to the first page, and then the server sends related data of the historical click operations to a terminal device, so that the terminal device draws a thermodynamic diagram of the first page at the position of the first page corresponding to each historical click operation. Since the server acquires the relative position information of each historical click operation, and the relative position information is determined according to the position of the historical click operation on the second page and the position of the element on the second page, that is, the server acquires the position information of each historical click operation on the element corresponding to the click operation, and when the position of the element moves, the position information of each historical click operation on the element corresponding to the click operation is not changed, the server determines each historical click operation on the first page according to the relative position information and the position of the element on the first page to be accurate, and therefore, the thermodynamic diagram of the first page drawn at the position corresponding to the first page by using the historical click operation is accurate, therefore, the reference value of the thermodynamic diagram is improved.

According to the first aspect, in a first implementation manner of the first aspect of the embodiments of the present application, before the server obtains the historical click information corresponding to the element identifier, the method further includes:

for each historical clicking operation, the server determines the corresponding position of the historical clicking operation on the second page;

if the position of the historical clicking operation corresponding to the second page is located in the area of the element corresponding to the second page, the server determines the relative position information corresponding to the historical clicking operation according to the position of the element corresponding to the second page and the position of the historical clicking operation corresponding to the second page, and correspondingly stores the relative position information and the element identifier.

In the embodiment of the present application, it is clear that the server further needs to determine a step of determining a position corresponding to the historical click operation on the second page before obtaining the historical click information corresponding to the element identifier, and when the position corresponding to the historical click operation on the second page is located in the area corresponding to the element on the second page, the server may determine the relative position information corresponding to the historical click operation according to the position corresponding to the element on the second page and the position corresponding to the historical click operation on the second page.

According to the first implementation manner of the first aspect, in a second implementation manner of the first aspect of the embodiment of the present application, the determining, by the server, the relative position information corresponding to the historical click operation according to the position of the element corresponding to the second page and the position of the historical click operation corresponding to the second page includes:

the server subtracts the coordinate value corresponding to the element on the second page from the coordinate value corresponding to the historical click operation on the second page to obtain a relative coordinate value;

the server determines the position corresponding to the first page of each historical click operation according to the relative position information and the position corresponding to the element on the first page, and the determining includes:

and aiming at each historical clicking operation, the server adds the relative coordinate value of the historical clicking operation to the coordinate value corresponding to the element on the first page to obtain the coordinate value corresponding to the historical clicking operation on the first page.

In the embodiment of the application, the conversion relation among the position of the element corresponding to the second page, the position of the historical click operation corresponding to the second page and the relative position information corresponding to the historical click operation is clarified, so that the feasibility of the scheme is improved.

In a third implementation form of this embodiment according to the first aspect as such or according to the first implementation form of the first aspect of this application, the method further comprises:

the server determines an abscissa value, an ordinate value, a width value and a height value of the element corresponding to the second page, wherein the width value refers to a horizontal geometric dimension of the element in the second page, and the height value refers to a vertical geometric dimension of the element in the first page.

The server determines an abscissa range according to the abscissa value and the width value, and determines an ordinate range according to the ordinate and the height value;

if the abscissa value corresponding to the historical clicking operation on the second page is within the abscissa range and the ordinate value corresponding to the historical clicking operation on the second page is within the ordinate range, the server determines that the position corresponding to the historical clicking operation on the second page is located in the area corresponding to the element on the second page.

In the embodiment of the application, a manner of determining whether the historical click operation acts on the area corresponding to the element is determined, that is, when the abscissa value corresponding to the historical click operation on the second page is within the abscissa range and the ordinate value corresponding to the historical click operation on the second page is within the ordinate range, the server determines that the position corresponding to the historical click operation on the second page is located in the area corresponding to the element on the second page, so that the feasibility of the scheme is improved.

According to the first aspect, in a fourth implementation manner of the first aspect of the embodiments of the present application, the sending, by the server, the historical click operation to a terminal device at a position corresponding to the first page, so that the terminal device displays a thermodynamic diagram on the first page, where the thermodynamic diagram is used to show the degree of click of each element, includes:

the server sends a target coordinate value to the terminal device, so that the terminal device draws a thermodynamic diagram at a position corresponding to the target coordinate value, the target coordinate value is used for representing the position corresponding to the first page of the historical clicking operation, and the thermodynamic diagram is used for showing the clicked heat of each element.

In the embodiment of the application, the method that the server sends the target coordinate value to the terminal equipment so that the terminal equipment draws the thermodynamic diagram is determined, and therefore feasibility of the scheme is improved.

According to the first aspect, in a fifth implementation manner of the first aspect of the embodiments of the present application, the sending, by the server, the historical click operation to a terminal device at a position corresponding to the first page, so that the terminal device displays a thermodynamic diagram on the first page, where the thermodynamic diagram is used to show the degree of click of each element, includes:

the server draws a gray circle at a position corresponding to the first page in the historical clicking operation to obtain a gray map;

the server sets the color and the brightness of a gray circle in the gray map to obtain a thermodynamic diagram, and the thermodynamic diagram is used for showing the click heat of each element;

the server sends the thermodynamic diagram to the terminal device so that the terminal device displays the thermodynamic diagram on the first page.

In the embodiment of the application, the server draws the thermodynamic diagram according to the target coordinate value, then sends the thermodynamic diagram to the terminal equipment, and the terminal equipment displays the thermodynamic diagram, so that the implementation flexibility of the scheme is improved.

According to the first aspect, in a sixth implementation manner of the first aspect of this embodiment of the present application, the determining, by the server, the element identifier of the element whose position in the first page is modifiable includes:

the server acquires element identifiers of all elements in a first page;

judging whether the element identifier of the element with the position capable of being modified exists in the element identifier;

and if the element identification of the position-modifiable element exists in the element identifications, determining the element identification of the position-modifiable element.

In the embodiment of the present application, before determining the element identifiers of the elements whose positions can be modified, the server may determine the element identifiers of all the elements in the page, and then find the element identifiers of the elements whose positions can be modified from the element identifiers of all the elements, thereby increasing feasibility of the solution.

In a second aspect, an embodiment of the present application provides a server, which performs the method in the first aspect, and the server includes:

a processor, a memory, a bus, and an input/output device;

the processor, the memory and the input/output device are connected with the bus;

the memory is used for storing programs;

the processor is used for executing the program, and specifically comprises the following steps:

determining an element identifier of an element with a modifiable position in a first page, wherein the first page is a page needing to be drawn with a thermodynamic diagram in pages corresponding to a target webpage;

obtaining historical click information corresponding to the element identifier, wherein the historical click information comprises relative position information of at least one historical click operation, and the relative position information is determined according to a position of the historical click operation on a second page and a position of the element on the second page;

determining the position corresponding to each historical click operation in the first page according to the relative position information and the corresponding position of the element in the first page;

the input/output device is used for sending the position, corresponding to the first page, of each historical clicking operation to a terminal device, so that the terminal device displays a thermodynamic diagram on the first page, wherein the thermodynamic diagram is used for showing the clicking degree of the element.

In the embodiment of the application, a processor first obtains element identifiers of elements in a first page and relative position information of historical click operations corresponding to the element identifiers, then, the processor determines the position of each historical click operation corresponding to the first page according to the relative position information and the position of the element corresponding to the first page, and then, the processor draws a thermodynamic diagram of the first page at the position of the first page corresponding to the historical click operation. Since the processor acquires the relative position information of each historical click operation, and the relative position information is determined according to the position of the historical click operation on the second page and the position of the element on the second page, that is, the processor acquires the position information of each historical click operation relative to the element corresponding to the click operation, and when the position of the element is moved, the position information of each historical click operation relative to the element corresponding to the click operation is not changed, the processor determines each historical click operation according to the relative position information and the position of the element on the first page to be accurate at the position corresponding to the first page, so that the thermodynamic diagram of the first page drawn at the position corresponding to the first page by using the each historical click operation is accurate, therefore, the reference value of the thermodynamic diagram is improved.

According to a second aspect, in a first implementation manner of the second aspect of this embodiment of the present application, the processor is further configured to perform the following steps:

for each historical clicking operation, determining the position of the historical clicking operation corresponding to the second page;

if the position of the historical clicking operation corresponding to the second page is located in the area of the element corresponding to the second page, determining the relative position information corresponding to the historical clicking operation according to the position of the element corresponding to the second page and the position of the historical clicking operation corresponding to the second page, and correspondingly storing the relative position information and the element identifier.

According to a first implementation manner of the second aspect, in a second implementation manner of the second aspect of the embodiments of the present application, the processor is specifically configured to perform the following steps:

subtracting the coordinate value corresponding to the element on the second page from the coordinate value corresponding to the historical click operation on the second page to obtain a relative coordinate value;

determining the position corresponding to each historical click operation on the first page according to the relative position information and the position corresponding to the element on the first page comprises:

and for each historical clicking operation, adding the relative coordinate value of the historical clicking operation to the coordinate value corresponding to the element on the first page to obtain the coordinate value corresponding to the historical clicking operation on the first page.

According to the first implementation manner of the second aspect, in a third implementation manner of the second aspect of the embodiments of the present application, the processor is further configured to perform the following steps:

and determining an abscissa value, an ordinate value, a width value and a height value corresponding to the element on the second page, wherein the width value refers to the geometric dimension of the element in the second page in the horizontal direction, and the height value refers to the geometric dimension of the element in the first page in the vertical direction.

Determining an abscissa range according to the abscissa value and the width value, and determining an ordinate range according to the ordinate and the height value;

and if the abscissa value corresponding to the historical clicking operation on the second page is within the abscissa range and the ordinate value corresponding to the historical clicking operation on the second page is within the ordinate range, determining that the position corresponding to the historical clicking operation on the second page is located in the area corresponding to the element on the second page.

According to the second aspect, in a fourth implementation manner of the second aspect of the embodiment of the present application, the server is specifically configured to execute the following steps:

According to the second aspect, in a fifth implementation manner of the second aspect of the embodiment of the present application, the server is specifically configured to execute the following steps:

According to the second aspect, in a sixth implementation manner of the second aspect of the embodiment of the present application, the server is specifically configured to execute the following steps:

the server acquires element identifiers of all elements in a first page;

the server judges whether the element identifier of the element with the position being modifiable exists in the element identifiers;

if the element identifier of the position modifiable element exists in the element identifiers, the server determines the element identifier of the position modifiable element.

In a third aspect, an embodiment of the present application provides a server, where the server performs the method in the foregoing first aspect, and the server includes:

the first determining module is used for determining the element identifier of an element with a modifiable position in a first page, wherein the first page is a page needing to be drawn with a thermodynamic diagram in a page corresponding to a target webpage;

an obtaining module, configured to obtain historical click information corresponding to the element identifier, where the historical click information includes relative position information of at least one historical click operation, and the relative position information is determined according to a position of the historical click operation on a second page and a position of the element on the second page;

a second determining module, configured to determine, according to the relative position information and a corresponding position of the element in the first page, a position corresponding to each historical click operation in the first page;

and the sending module is used for sending the position of each historical clicking operation corresponding to the first page to the terminal equipment so that the terminal equipment displays a thermodynamic diagram on the first page, wherein the thermodynamic diagram is used for showing the clicking degree of the element.

In the embodiment of the application, a first determining module of a server determines an element identifier of an element in a first page, an obtaining module of the server obtains relative position information of historical click operation corresponding to the element identifier, a second determining module of the server determines a position corresponding to each historical click operation on the first page according to the relative position information and the position corresponding to the element on the first page, and then the server sends related data of the historical click operation to a terminal device, so that the terminal device draws a thermodynamic diagram of the first page at the position corresponding to the first page by using the historical click operation each time. Since the server acquires the relative position information of each historical click operation, and the relative position information is determined according to the position of the historical click operation on the second page and the position of the element on the second page, that is, the server acquires the position information of each historical click operation on the element corresponding to the click operation, and when the position of the element moves, the position information of each historical click operation on the element corresponding to the click operation is not changed, the server determines each historical click operation on the first page according to the relative position information and the position of the element on the first page to be accurate, and therefore, the thermodynamic diagram of the first page drawn at the position corresponding to the first page by using the historical click operation is accurate, therefore, the reference value of the thermodynamic diagram is improved.

According to the third aspect, in the first implementation manner of the third aspect of the embodiments of the present application, the server further includes:

the third determining module is used for determining the position of the historical clicking operation corresponding to the second page for each historical clicking operation;

and the fourth determining module is used for determining the relative position information corresponding to the historical click operation according to the position of the element corresponding to the second page and the position of the historical click operation corresponding to the second page when the position of the historical click operation corresponding to the second page is located in the area of the element corresponding to the second page, and correspondingly storing the relative position information and the element identifier.

According to the first implementation manner of the third aspect, in a second implementation manner of the third aspect of the embodiments of the present application, the fourth determining module includes:

the first calculation submodule is used for subtracting the coordinate value corresponding to the element on the second page from the coordinate value corresponding to the historical click operation on the second page to obtain a relative coordinate value;

the second determining module includes:

and the second calculation submodule is used for adding the relative coordinate value of the historical click operation to the coordinate value corresponding to the element on the first page to obtain the coordinate value corresponding to the historical click operation on the first page aiming at each historical click operation.

According to the first implementation manner of the third aspect, in a third implementation manner of the third aspect of the embodiments of the present application, the server further includes:

and the fifth determining module is used for determining an abscissa value, an ordinate value, a width value and a height value corresponding to the element on the second page, wherein the width value refers to the horizontal geometric dimension of the element in the second page, and the height value refers to the vertical geometric dimension of the element in the first page.

A sixth determining module, configured to determine an abscissa range according to the abscissa value and the width value, and determine an ordinate range according to the ordinate and the height value;

and the seventh determining module is used for determining that the position of the historical clicking operation corresponding to the second page is located in the area of the element corresponding to the second page when the abscissa value corresponding to the historical clicking operation corresponding to the second page is in the abscissa range and the ordinate value corresponding to the historical clicking operation corresponding to the second page is in the ordinate range.

According to the third aspect, in a fourth implementation manner of the third aspect of the embodiments of the present application, the sending module includes:

the first sending submodule is used for sending a target coordinate value to the terminal device so that the terminal device can draw a thermodynamic diagram at a position corresponding to the target coordinate value, the target coordinate value is used for representing the position corresponding to the first page of the historical clicking operation, and the thermodynamic diagram is used for showing the clicked heat of each element.

According to the third aspect, in a fifth implementation manner of the third aspect of the embodiment of the present application, the sending module further includes:

the drawing submodule is used for drawing a gray circle at a position corresponding to the first page in the historical clicking operation to obtain a gray map;

the setting submodule is used for setting the color and the brightness of a gray circle in the gray map to obtain a thermodynamic diagram, and the thermodynamic diagram is used for showing the clicked heat of each element;

and the second sending submodule is used for sending the thermodynamic diagram to the terminal equipment so that the terminal equipment displays the thermodynamic diagram on the first page.

According to the third aspect, in a sixth implementation manner of the third aspect of the embodiments of the present application, the first determining module includes:

the obtaining submodule is used for obtaining the element identifications of all the elements in the first page;

the judgment submodule is used for judging whether the element identifier of the element with the position capable of being modified exists in the element identifier;

and the determining submodule is used for determining the element identification of the position modifiable element when the element identification of the position modifiable element exists in the element identification.

In a fourth aspect, embodiments of the present application provide a computer-readable storage medium comprising instructions that, when executed on a computer, cause the computer to perform the method of the first aspect.

In a fifth aspect, embodiments of the present application provide a computer program product comprising instructions which, when run on a computer, cause the computer to perform the method according to the first aspect.

According to the technical scheme, the embodiment of the application has the following advantages:

in the embodiment of the application, a server acquires element identifiers of elements in a first page and relative position information of historical clicking operations corresponding to the element identifiers, then the server determines the position of each historical clicking operation corresponding to the first page according to the relative position information and the position of the element corresponding to the first page, and then the server adopts the position of each historical clicking operation corresponding to the first page to draw a thermodynamic diagram of the first page. Since the server acquires the relative position information of each historical click operation, and the relative position information is determined according to the position of the historical click operation on the second page and the position of the element on the second page, that is, the server acquires the position information of each historical click operation on the element corresponding to the click operation, and when the position of the element moves, the position information of each historical click operation on the element corresponding to the click operation is not changed, the server determines each historical click operation on the first page according to the relative position information and the position of the element on the first page to be accurate, and therefore, the thermodynamic diagram of the first page drawn at the position corresponding to the first page by using the historical click operation is accurate, therefore, the reference value of the thermodynamic diagram is improved.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings used in the description of the embodiments will be briefly introduced below, and it is apparent that the drawings in the following description are only some embodiments of the present application.

Fig. 1A is a schematic view of an application scenario of a web page data processing method in an embodiment of the present application;

fig. 1B is a schematic view of another application scenario of the web page data processing method in the embodiment of the present application;

fig. 1C is a schematic view of another application scenario of the web page data processing method in the embodiment of the present application;

fig. 1D is a schematic view of another application scenario of the web page data processing method in the embodiment of the present application;

FIG. 2 is a flowchart of a method for processing web page data according to an embodiment of the present application;

FIG. 3A is a schematic diagram of an embodiment of a method for processing web page data according to an embodiment of the present disclosure;

FIG. 3B is a schematic diagram of another embodiment of a method for processing web page data according to an embodiment of the present application;

FIG. 4A is a schematic diagram of another embodiment of a method for processing web page data in the embodiment of the present application;

FIG. 4B is a schematic diagram of another embodiment of a method for processing web page data according to an embodiment of the present application;

FIG. 4C is a schematic diagram of another embodiment of a web page data processing method in the embodiment of the present application;

FIG. 4D is a schematic diagram of another embodiment of a web page data processing method in the embodiment of the present application;

FIG. 5A is a schematic diagram of another embodiment of a method for processing web page data in the embodiment of the present application;

FIG. 5B is a schematic diagram of another embodiment of a method for processing web page data according to an embodiment of the present application;

FIG. 5C is a schematic diagram of another embodiment of a method for processing web page data in the embodiment of the present application;

FIG. 6 is a schematic diagram of an embodiment of a server in an embodiment of the present application;

fig. 7 is a schematic diagram of another embodiment of the server in the embodiment of the present application.

Detailed Description

The terms "first," "second," "third," "fourth," and the like in the description and in the claims of the present application and in the drawings described above, if any, are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the application described herein are capable of operation in sequences other than those illustrated or described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.

Some terms referred to in the embodiments of the present application are described below:

web page: a plain text document containing a hypertext markup language (HTML) tag can be stored on a computer in a corner of the world, a "page" of the world wide web. A web page needs to be read through a web browser, and one web browser can display multiple pages, as shown in fig. 1A, where "hua shi buhui" is one page, and "tablet and wear-hua shi buhui" is another page, and these two pages may have an association relationship, which is not limited herein. As shown in fig. 1B, the page is a page related to "tablet and wearing-hua is a mall", and all of "mobile phone", "notebook computer", "tablet and wearing" in the page, a search bar in the page, a picture of a tablet in the page, and the like are elements (interface elements) in the page, and these elements can meet interaction requirements of a user and a website corresponding to the web page.

Moreover, the corresponding positions of some elements in one web page may be different in different pages, for example, when the user enters the "tablet and wear-hua mall" web page, the page displayed by the browser of the terminal device is as shown in fig. 1B, and then, if the positions of the elements such as the "mobile phone", "notebook computer", and "tablet and wear" in the "tablet and wear-hua mall" web page are adjusted by the operation and maintenance staff, after the adjustment, when the user enters the "tablet and wear-hua mall" web page again, the page displayed by the terminal device may be as shown in fig. 1C, and therefore, these elements that can be adjusted are called as elements whose positions can be modified.

Element identification: the method is used for identifying elements in the webpage, and each element in the webpage corresponds to one element identification.

The following introduces application scenarios to which the embodiments of the present application are adapted:

the method provided by the embodiment of the application is mainly applied to a scene that the card type page shows the webpage content to the user. As shown in fig. 1B, the page is a card-type page, and the card-type page is generally composed of a plurality of card-shaped elements, which are rectangles containing certain pictures and text information and can be used as an entry for pointing more detailed information. It should be noted that the card page is not limited to the page of the website displayed by a certain browser, but also includes the page displayed by some application software, or other interfaces of the terminal device, and is not limited herein. In this embodiment and the following embodiments, only the page of the website displayed by a certain browser is taken as an example for description. Generally, after a user clicks a certain page, the server records information related to the click operation by using a hypertext markup technology and a cascading style sheet technology to draw a thermodynamic diagram, and then the thermodynamic diagram can display the number of times each element in the page is clicked in a special highlight form, that is, the user can know which elements in the page are more popular according to the brightness or color of each element in the thermodynamic diagram, and then the operation and maintenance staff can decide the planning strategy of the website according to the preference of the user.

It should be noted that the server needs to determine the coordinate system of the page before determining the position information of each element in the page. It should be understood that the coordinate system of the page may be as shown in FIG. 1B, with the vertex at the top left of the page as the origin of coordinates, the left line of the page vertically downward as the positive y-axis direction, and the top line of the page horizontally rightward as the positive x-axis direction. It should be noted that, according to the requirements of different users, the coordinate system may also use the vertex of the lower right corner of the page as the origin of coordinates, the vertical upward direction of the right side line of the page as the positive y-axis direction, and the horizontal leftward direction of the lower side line of the page as the positive x-axis direction, which is not limited herein. In this embodiment and the following embodiments, only the coordinate system shown in fig. 1B is used as an example for description.

In addition, the coordinate value of an element in a page is used to indicate the position of the element in the page. As shown in fig. 1D, the abscissa value of an element refers to the shortest distance of the vertical reference borderline of the element from the y-axis in the coordinate system, similarly, the ordinate value of an element refers to the shortest distance of the horizontal reference borderline of the element from the x-axis in the coordinate system, and the intersection of the vertical reference borderline and the horizontal reference borderline is the reference point of the element. It should be noted that the reference point of the element may be the upper left corner of the element, the lower right corner of the element, or the geometric center of the element, which is not limited herein. In this embodiment and the following embodiments, only the reference point is taken as the upper left corner of the element for example. In addition, it should also be understood that the vertical reference edge of the element is parallel to the y-axis, since both the vertical reference edge and the y-axis are vertically oriented. Note that the coordinate values according to the present embodiment are in units of the number of Pixels (PX), which are the minimum units constituting a video, and are the basic codes of the basic primary color elements and their gradations.

Besides, the reference point of the element, together with the width value of the element and the height value of the element, characterize the area of the element in the page, as shown in fig. 1D, the width value of the element a is the size of the element a in the horizontal reference line direction, and the height value of the element a is the size of the element a in the vertical reference line direction.

To better understand the solution proposed in the embodiment of the present application, a specific flow in the embodiment is described below, as shown in fig. 2, which is a method for processing web page data provided in the embodiment, where a server in the method performs the following steps, including:

201. determining an element identification of an element with an modifiable position in the first page;

in this embodiment, when a user wants to view a user access condition of a certain page of a certain website, the user may send a request for viewing a thermodynamic diagram of the page to the server, where the thermodynamic diagram is used to show the positions of elements in the page and the number of times that the elements are clicked. Then, the server obtains the element identifiers of all the elements in the first page, judges whether the element identifiers of the elements with modifiable positions exist in the element identifiers, and determines the element identifiers of the elements with modifiable positions for subsequent use if the element identifiers of the elements with modifiable positions exist in the element identifiers.

In this embodiment, the first page refers to a page that needs to draw a thermodynamic diagram in a page corresponding to the target webpage, the second page refers to a page that generates a historical click operation in the page corresponding to the target webpage, and corresponding positions of elements in the target webpage in the first page may be the same or different, and this is not specifically limited herein.

In this embodiment, there is at least one element whose position can be modified in the first page, that is, the server can modify the position of the element in the background to move the position of the element in the page. Thus, it may be that for a page of the same website, the A and B users may see different pages of the website, for example, a "tablet and dress-Hua Buch" page, with the A user's position of element A in the page seen by the A user being to the left of the middle of the page, as shown in FIG. 1B, and the B user's position of element A in the page seen by the B user being to the right of the middle of the page, as shown in FIG. 1C. In addition to this, it is also possible that the same user makes adjustments to the positions of the elements in the page, so that the positions of the elements in the page seen by the same user at different times are different. The details are not limited herein. For further description, in the present embodiment, the page shown in fig. 1B is taken as the second page, and the page shown in fig. 1C is taken as the first page.

It should be understood that the element identifier is used to identify elements in a page, that is, one element corresponds to one identifier, and the identifiers of the elements corresponding to different elements in the same page are not the same, and if the content in the element is not changed, the identifier of the element is not changed, so that the server can distinguish the element from other elements by the identifier.

202. Acquiring historical click information corresponding to the element identifier;

in this embodiment, after the server determines an element identifier of an element with a modifiable position in a first page, the server may obtain historical click information corresponding to the element identifier, where the historical click information includes relative position information of at least one historical click operation, and the relative position information may specifically be a relative coordinate value with a reference point of the modifiable element as an origin.

It should be noted that, in this embodiment, the historical click operation corresponding to the element identifier refers to a click operation, which is input by the user on a page corresponding to the target web page and is directed to the modifiable element, and the click operation may specifically be a single click operation, a double click operation, a long press operation, or the like.

For the sake of understanding, the following describes the process of determining the relative coordinate information by the server by taking element a in the "tablet and wear-hua being a mall" page as an example, including the following steps:

s1, determining the abscissa, ordinate, width and height values of the element on the second page;

in this embodiment, the server may determine an abscissa value, an ordinate value, a width value, and a height value of each element in the second page, as shown in fig. 3A, taking an element a in the "flat and wear-hua being a mall" page as an example, in the coordinate system shown in fig. 3A, the abscissa value of the element a is x1, and the ordinate is y 1. In addition, the element width value refers to the geometric dimension of the element in the horizontal direction in the second page, and the height value refers to the geometric dimension of the element in the vertical direction in the second page, for example, the element a has a width value of w1 and a height value of h 1.

S2, determining an abscissa range according to the abscissa value and the width value, and determining an ordinate range according to the ordinate and the height value;

in this embodiment, the abscissa range refers to the range of the horizontal dimension of the element in the second page, the abscissa range is a certain open interval, the left interval of the open interval is the abscissa value x1 of the element a, and the right interval of the open interval is the sum of the abscissa value x1 of the element a and the width value w 1. Still taking element a as an example in fig. 3A, the abscissa range of element a is (x1, x1+ w 1). Similarly, the ordinate range refers to the range of the vertical dimension of the element in the second page, and the ordinate range is also a definite open interval, the left interval of which is the ordinate value y1 of the element a, and the right interval of which is the sum of the ordinate value y1 of the element a and the width value h 1. Still taking element a as an example in fig. 3A, the element a corresponds to the ordinate range (y1, y1+ h 1).

Then, the server may determine whether an abscissa value corresponding to the historical click operation on the second page is within the abscissa range, and determine whether an ordinate value corresponding to the historical click operation on the second page is within the ordinate range. For the sake of understanding, still taking the element a in fig. 3A as an example, it is assumed that the coordinate value of a certain historical click operation in the second page is (xi, yi), where xi is the abscissa of the click operation to represent the position of the click operation in the horizontal direction in the second page, and yi is the ordinate of the click operation to represent the position of the click operation in the vertical direction in the second page. In this embodiment, if x1< xi < x1+ w1 and y1< yi < y1+ h1 are true, the abscissa value corresponding to the history clicking operation on the second page is in the abscissa range, and the ordinate value corresponding to the history clicking operation on the second page is in the ordinate range, the server performs step S3. It should also be understood that if x1< xi < x1+ w1 and y1< yi < y1+ h1 are true, the element corresponding to the clicking operation is the element corresponding to the coordinate (x1, y1), i.e. element a, that is, the intention of the clicking operation of the user is to click on element a in the second page to enter the next page or to learn more information about element a, which is not limited herein.

S3, determining that the position of the historical click operation corresponding to the second page is located in the area of the element corresponding to the second page;

in this embodiment, if the abscissa value corresponding to the historical click operation on the second page is within the abscissa range, and the ordinate value corresponding to the historical click operation on the second page is within the ordinate range, the server determines that the position of the historical click operation on the second page is located in the area corresponding to the element on the second page.

In addition, after the server determines that the location of the historical click operation corresponding to the second page is within the area of the element corresponding to the second page, the server may determine that the click operation is valid, and the server will perform step S4.

S4, determining the relative position information corresponding to the historical clicking operation, and storing the relative position information corresponding to the element identification.

In this embodiment, if the position of the historical click operation corresponding to the second page is located in the area of the element corresponding to the second page, the relative position information corresponding to the historical click operation is determined according to the position of the element corresponding to the second page and the position of the historical click operation corresponding to the second page, where the relative position information refers to a relative coordinate value of the click operation in the second page and the clicked element, and the relative coordinate value is equal to a coordinate value of the historical click operation corresponding to the second page minus a coordinate value of the element corresponding to the second page. For convenience of understanding, the embodiment of the present application is described by taking fig. 3A as an example. The position pointed by the finger as shown in fig. 3A represents the position of the clicking operation of the user in the second page, the coordinate value of the clicking operation in the second page is (xi, yi), the coordinate value of the element a in the second page is (x1, y1), so the relative coordinate value is (Δ x, Δ y), where Δ x is xi-x1, and Δ y is yi-y 1. Then, the server stores the relative coordinate value corresponding to the element identifier of the element a, so that the server can determine the relative coordinate information by searching the element identifier of the element a. Since the server records the relative position information of the clicking operation and the clicked element every time the user makes a clicking operation, the relative position information can still accurately keep the position information of the user when the user makes the clicking operation even if the position of the element in the second page changes.

203. Determining the position corresponding to each historical click operation in the first page according to the relative position information and the corresponding position of the element in the first page;

in this embodiment, after the server acquires the historical click information corresponding to the element identifier, since the historical click information is position information of the click operation in the second page relative to the element in the second page, the position of the element in the first page may change, and thus, for each historical click operation, the server adds the relative coordinate value of the historical click operation to the coordinate value corresponding to the element in the first page to obtain the coordinate value corresponding to the historical click operation in the first page. In this embodiment, still taking the element a as an example for description, assuming that in the first page, the position of the element a is as shown in fig. 3B, where the relative coordinate values are (Δ x, Δ y), and the coordinate values of the element a in the first page are (x2, y2), then the coordinate values of the click operation in the first page are (xj, yj), where xj is x2+ Δ x, yj is y2+ Δ y. Similarly, the server may scale all historical click information for elements in the first page to corresponding locations in the first page for later thermodynamic diagrams.

204. And sending the position, corresponding to the first page, of each historical clicking operation to the terminal equipment, so that the terminal equipment displays the thermodynamic diagram on the first page.

In this embodiment, after determining the position corresponding to each historical click operation on the first page, the server may send the position information to the terminal device, so that the terminal device draws a thermodynamic diagram on the first page. The terminal device in this embodiment may be a mobile phone, a Personal Computer (PC), or a Personal Digital Assistant (PDA), and is not limited herein.

In this embodiment, the position corresponding to the first page of each historical click operation may be represented by a target coordinate value. When the terminal device receives the target coordinate values, the terminal device may establish a canvas on the first page, where the canvas has the same size as the first page and the coordinate system established by the canvas coincides with the coordinate system of the first page, for example, if the width value of the first page is w3 and the height value is h3, the canvas with the width value of w3 and the height value of h3 is set to be overlaid on the first page. Then, the terminal device sets a gray circle radius r and a transparency alpha value, specifically, the gray circle radius and the transparency can be adjusted appropriately according to the needs of the user, which is not limited herein. Then, a gray circle is drawn at a position corresponding to the target coordinate value on the canvas to obtain a gray scale map, wherein the gray scale circle is used for representing that the user has clicked at the position. It should be understood that multiple click operations may occur at the same position in the page, and each click operation corresponds to a gray circle, so that when multiple gray circles overlap, the gray of the overlapped part will be deepened to indicate that the part is frequently clicked.

The information of the first page may be covered due to the deepening of the gray scale of the overlapped part generated by the clicking operation, so that the user may not see the partial elements in the first page. Therefore, the terminal device needs to set a thermodynamic chart palette to display the position of the user click operation in different colors and brightness. In this embodiment, the terminal device may select 3 or more than 3 color values, which is not limited herein. In this embodiment and the following embodiments, only color value 1(rgb1), color value 2(rgb2), color value 3(rgb3), and color value 4(rgb4) are taken as examples for description. In the present embodiment, the four colors are taken as the thermodynamic diagram basic colors, and for example, red (255, 255, 0), yellow (255, 255, 0), green (0, 255, 0), and black (0, 0, 0) represent the color distribution of the thermodynamic diagram from highlight to shade. Thus, a gradation color may be filled in the gray scale image to obtain a thermodynamic diagram drawn by different colors, and the gradation color may be gradually changed from rgb1 to rgb2, from rgb2 to rgb3, and from rgb3 to rgb 4. The click of an element in the first page can be determined by observing the distribution of colors and brightness in the thermodynamic diagram. For example, element a in the first page appears a large area of red color above it, it may be determined that element a is frequently clicked by the user, and it may be determined that the user likes pages linked to element a. If there is a large area of red in the thermodynamic diagram, but the element in the first page corresponding to the red shadow does not contain a link, for example, the element may be just a picture, and at this time, it can be guessed that the user who has clicked may want to further view the picture or know other information about the picture, so the operation and maintenance personnel can modify the layout of the element in the first page according to the result analyzed by the thermodynamic diagram to further determine the development direction decision and operation and sales decision of the website.

It should be noted that, in this embodiment, the server may also draw a thermodynamic diagram inside the server by using the method in step 204, and then the server sends the thermodynamic diagram to the terminal device. The terminal device may then display the thermodynamic diagram directly on the display.

The principle of the web page data processing method is explained in detail above, and the following embodiment describes the web page data processing method in more detail with reference to specific data.

In this embodiment, the server may monitor click operations of multiple users on the web page, and record information related to the click operations. Taking the page shown in fig. 4A as an example, the user enters the page when using the terminal device, and the page has a plurality of elements, which include: for convenience of description, the search bar is referred to as element 1, and the shopping bar is referred to as element 2, which is specifically shown in fig. 4A and will not be described herein again. Specifically, since different users may perform click operations on the same element, the historical click operations on the same element may be from different users, for example, the click operation 1 on the element 1 shown in fig. 4B is from the user a, and the click operation 2 on the element 1 is from the user B. Of course, the user may perform a click operation on other elements in addition to element 2, and as shown in fig. 4C, both element 1 and element 4 may be clicked by the user. It should also be understood that if the position of the element in the page is adjusted by the operation and maintenance personnel, the server may still record the user's click operation on the element in the page, as shown in fig. 4D, the position of the element 2 and the position of the element 5 in the page are swapped, and the server may still record the click operation on the element 5 by the click operation 4 and the click operation on the element 2 by the click operation 5. Since the second page refers to a page where the history click operation is generated, the pages shown in fig. 4A, 4B, 4C, and 4D are all the second page.

In this embodiment, the server may record each click operation of the user, where a coordinate value of each click operation in the second page is shown in fig. 5A, and a relative coordinate value of each click operation is shown in table 1. It should be noted that the coordinates of the page are established in a manner as shown in fig. 5A, with the upper left corner of the page as the origin, the vertically downward direction as the direction of the y-axis, and the horizontally rightward direction as the positive direction of the x-axis. The specific unit of the coordinate values in the figure is not limited, and the embodiment is described by taking only an example that each unit distance represents 20 pixels. In this embodiment, only 10 click operations in fig. 5A and two click operations in fig. 5B are taken as examples for description, the number of click operations of a user in a certain page may reach hundreds of times in practical application, and the 12 click operations are only taken as examples for convenience of calculation in this embodiment, and the specific details are not limited herein. The click operation information corresponding to 10 click operations in fig. 5A is shown in table 1:

TABLE 1

Taking the first row in table 1 as an example, the click operation 3 acts on element 1, and the coordinate value of the click in the second page is C (125,40), that is, the click operation 3 is C (125,40) in the coordinate system with the upper left corner of the page as the origin, the vertically downward direction as the y-axis, and the horizontal right direction as the positive x-axis. Since the reference point corresponding to the element 1 is a (5,20), the abscissa Δ x of the click operation 3 with respect to the reference point a is 125-5-120, and the ordinate Δ y of the click operation 3 with respect to the reference point a is 40-20, so that the relative coordinate value of the click operation with respect to the reference point a is Δ C (120,20), and then the server stores the relative coordinate value in association with the element identifier of the element 1.

Similarly, the server may calculate coordinate values of the other click operations relative to the reference point, and store the coordinate values corresponding to the element identifier of the element acted by the click operation, where the specific result is shown in table 1, and details are not repeated here.

When a user wants to view the thermodynamic diagram of the first page as shown in fig. 5B, the user sends a request for viewing the thermodynamic diagram to the server, and the server can then determine which elements are in the first page through the element identifiers of the elements in the first page and determine which positions of the elements in the first page, see step 201. As shown in fig. 5B, there are 5 elements in the first page, wherein the positions of element 1, element 3 and element 4 in the first page are the same as those of the elements in the second page, but the positions of element 2 and element 5 in the first page are different from those of element 2 and element 5 in the second page, so that the coordinate values of the fiducial reference points of element 2 and element 5 in the first page are also changed, the coordinate value of the fiducial reference point B 'of element 2 is B' (120,195), and the coordinate value of the fiducial reference point e 'of element 5 is e' (15,85), as shown in table 2. It should be noted that the two-click operation in fig. 5B is the click operation of the user recorded by the server after the page is adjusted, and the information of the two-click operation is shown in table 2:

TABLE 2

Then, the server obtains historical click information, which includes the relative coordinate value of each click operation with respect to the reference point, as calculated above, and is specifically shown in table 1 and table 2. Since the coordinate values of the reference point of each element in the first page and the coordinate values corresponding to the position of each clicking operation relative to the clicked element are known, the server can calculate the coordinate values corresponding to the clicking operation occurring in the second page to be converted into the coordinate values in the first page. For the sake of understanding, taking the example of the click operation 2 applied to the element 2, the relative coordinate value of this click operation in the second page with respect to the reference point B (15,85) is Δ B (87,15), and since the coordinate value of the reference point B ' of the element 2 in the first page is B ' (120,195), the abscissa of the click operation 2 in the first page is x ' ═ 120+87 ═ 207, and the ordinate of the click operation 2 in the first page is y ' ═ 195+15 ═ 210, so that the coordinate value of the click operation 2 in the first page is B ' (207,210). Similarly, coordinate values of other clicking operations in the first page can be calculated, and specific results are shown in table 3.

TABLE 3

Then, the server sends the coordinate value corresponding to the first page of each historical clicking operation to the terminal device, so that the terminal device draws a thermodynamic diagram on the first page. The method for drawing the thermodynamic diagram by the terminal equipment comprises the following steps:

firstly, drawing a gray level image:

the terminal device will acquire the width value and the height value of the first page, as shown in fig. 5C, where the width value w3 is 200 and the height value h3 is 300. Then, a canvas 1 is newly created on the first page, and the width value of the canvas is set to 200 and the height value is set to 300, and then the gray scale circle radius r is set to 5 and the transparency alpha value is set. Then, the terminal device draws a gray circle at a position corresponding to the canvas by using the coordinate value corresponding to each clicking operation, specifically taking the coordinate value B' (207,210) corresponding to the clicking operation 2 in the first page as an example. The processing device will draw a circle with radius r of 5 and a center of (207,210) in the canvas, and set the transparency of the circle to alpha 1. Similarly, the terminal device draws all coordinate values in the first page to be gray circles in the canvas, and a gray image is obtained as shown in fig. 5C.

Secondly, setting a thermodynamic diagram palette:

the terminal device creates a new canvas 2 with the same size as the canvas 1, and selects 3 or more than 3 color values as the thermodynamic diagram base color, which is not limited herein. In this embodiment and the following embodiments, only color value 1(rgb1), color value 2(rgb2), color value 3(rgb3), and color value 4(rgb4) are taken as examples for description. In the present embodiment, the four colors are taken as the thermodynamic diagram basic colors, and for example, red (255, 255, 0), yellow (255, 255, 0), green (0, 255, 0), and black (0, 0, 0) represent the color distribution of the thermodynamic diagram from highlight to shade. Thus, a gradation color may be filled in the gray scale image to obtain a thermodynamic diagram drawn by different colors, and the gradation color may be gradually changed from rgb1 to rgb2, from rgb2 to rgb3, and from rgb3 to rgb 4.

Thirdly, acquiring a pixel color value of the thermodynamic diagram:

the terminal device obtains a transparency value alpha2, then divides alpha2 by 255 and multiplies the width value by 200 of canvas 2 to obtain a palette color position x4, then determines a pixel RGB value corresponding to the position x4 as RGB5 and sets a corresponding transparency as alpha 3. Similarly, other gray circles may be set to obtain the thermodynamic diagram corresponding to the first page.

Then, the user can know the situation that each element in fig. 4A is clicked by the user according to the thermodynamic diagram, and obviously, the darker the color and the brighter the position in the thermodynamic diagram are the positions where the click operation occurs the greater the number of times. Furthermore, common users can obtain the preferences of other users, and operation and maintenance personnel can accurately make development direction decisions and operation and sale decisions of the website according to the preferences of the users.

The following describes a server 600 in this embodiment, as shown in fig. 6, which is a schematic structural diagram of a server 600 provided in this embodiment, where the server 600 may generate relatively large differences due to different configurations or performances, and may include one or more processors (CPUs) 601, a memory 602, and one or more storage media 603 (e.g., one or more mass storage devices) for storing applications or data. Wherein the memory 602 and storage medium 603 may be transient or persistent storage. Still further, the processor 601 may be arranged to communicate with the storage medium 603, the processor 601 being arranged to execute an application program in the storage medium 603, in particular comprising the steps of:

and determining the corresponding position of each historical clicking operation on the first page according to the relative position information and the corresponding position of the element in the first page.

Besides, the server further includes an input/output device 605, configured to send the location corresponding to the first page of each historical click operation to a terminal device, so that the terminal device displays a thermodynamic diagram on the first page, where the thermodynamic diagram is used to show the heat of the element being clicked.

Optionally, the processor 601 is further configured to perform the following steps:

Optionally, the processor 601 is specifically configured to execute the following steps:

and sending a target coordinate value to the terminal equipment so that the terminal equipment draws a thermodynamic diagram at a position corresponding to the target coordinate value, wherein the target coordinate value is used for representing the position corresponding to the first page of the historical clicking operation, and the thermodynamic diagram is used for showing the clicked degree of each element.

drawing a gray circle at a position corresponding to the first page in the historical clicking operation to obtain a gray map;

setting the color and the brightness of a gray circle in the gray map to obtain a thermodynamic diagram, wherein the thermodynamic diagram is used for showing the click heat of each element;

and sending the thermodynamic diagram to a terminal device so that the terminal device displays the thermodynamic diagram on the first page.

acquiring element identifiers of all elements in a first page;

It should be understood that the server 600 may also include one or more power supplies 604, and/or one or more operating systems, such as Windows Server, Mac OS XTM, UnixTM, LinuxTM, FreeBSDTM, etc.

It should also be understood that, in the embodiment of the method corresponding to fig. 2, the steps performed by the server may all be based on the structure of the server 600 shown in fig. 6.

In this embodiment, the processor 601 first obtains the element identifier of the element in the first page and the relative position information of the historical click operation corresponding to the element identifier, then the processor 601 determines the position of each historical click operation corresponding to the first page according to the relative position information and the position of the element corresponding to the first page, and then the processor 601 draws the thermodynamic diagram of the first page at the position of the first page corresponding to the historical click operation. Since the processor 601 obtains the relative position information of each historical click operation, and the relative position information is determined according to the position of the historical click operation on the second page and the position of the element on the second page, that is, the processor 601 obtains the position information of each historical click operation relative to the element corresponding to the click operation, and when the position of the element is moved, the position information of each historical click operation relative to the element corresponding to the click operation is not changed, each historical click operation determined by the processor 601 according to the relative position information and the position of the element on the first page is accurate at the position corresponding to the first page, so that the heat of the first page drawn at the position corresponding to the first page by using the each historical click operation is accurate, therefore, the reference value of the thermodynamic diagram is improved.

As shown in fig. 7, an embodiment of the server 700 in this embodiment includes:

a first determining module 701, configured to determine an element identifier of an element whose position is modifiable in a first page, where the first page is a page on which a thermodynamic diagram needs to be drawn in a page corresponding to a target web page;

an obtaining module 702, configured to obtain historical click information corresponding to the element identifier, where the historical click information includes relative position information of at least one historical click operation, and the relative position information is determined according to a position of the historical click operation on a second page and a position of the element on the second page;

a second determining module 703, configured to determine, according to the relative position information and a corresponding position of the element in the first page, a position corresponding to each historical click operation on the first page;

a sending module 704, configured to send the location, corresponding to the first page, of each historical click operation to a terminal device, so that the terminal device displays a thermodynamic diagram on the first page, where the thermodynamic diagram is used to show the degree of heat of the element being clicked.

The server 700 further includes:

a third determining module 705, configured to determine, for each historical click operation, a position of the historical click operation corresponding to the second page;

a fourth determining module 706, configured to determine, when the position of the historical click operation corresponding to the second page is located in the area of the element corresponding to the second page, relative position information corresponding to the historical click operation according to the position of the element corresponding to the second page and the position of the historical click operation corresponding to the second page, and store the relative position information in correspondence with the element identifier.

The fourth determining module 706 includes:

the first calculating submodule 7061 is configured to subtract the coordinate value corresponding to the element on the second page from the coordinate value corresponding to the historical click operation on the second page to obtain a relative coordinate value;

the second determining module 703 includes:

and the second calculating submodule 7031 is configured to, for each historical click operation, add the relative coordinate value of the historical click operation to the coordinate value corresponding to the element on the first page to obtain the coordinate value corresponding to the historical click operation on the first page.

The server 700 further includes:

a fifth determining module 707, configured to determine an abscissa value, an ordinate value, a width value and a height value of the element in the second page, where the width value refers to a horizontal geometric dimension of the element in the second page, and the height value refers to a vertical geometric dimension of the element in the first page.

A sixth determining module 708, configured to determine an abscissa range according to the abscissa value and the width value, and determine an ordinate range according to the ordinate and the height value;

a seventh determining module 709, configured to determine that the position of the historical click operation corresponding to the second page is located in the area of the element corresponding to the second page when the abscissa value corresponding to the historical click operation corresponding to the second page is within the abscissa range and the ordinate value corresponding to the historical click operation corresponding to the second page is within the ordinate range.

The sending module 704 includes:

the first sending submodule 7041 is configured to send the target coordinate value to the terminal device, so that the terminal device draws a thermodynamic diagram at a position corresponding to the target coordinate value, where the target coordinate value is used to represent a position corresponding to the first page in the historical click operation, and the thermodynamic diagram is used to show the click heat of each element.

The sending module 704 further includes:

the drawing submodule 7042 is configured to draw a gray circle at a position corresponding to the first page in the historical click operation to obtain a gray map;

the setting sub-module 7043 is configured to set the color and brightness of the gray circle in the gray map to obtain a thermodynamic map, where the thermodynamic map is used to show the heat of clicking on each element;

a second sending sub-module 7044, configured to send the thermodynamic diagram to the terminal device, so that the terminal device displays the thermodynamic diagram on the first page.

The first determining module 701 includes:

an obtaining sub-module 7011, configured to obtain the element identifiers of all the elements in the first page;

a judging submodule 7012, configured to judge whether an element identifier of an element whose position is modifiable exists in the element identifier;

a determining submodule 7013, configured to determine the element identifier of the position-modifiable element when the element identifier of the position-modifiable element exists in the element identifiers.

In this embodiment, the first determining module 701 of the server 700 determines an element identifier of an element in a first page, the obtaining module 702 of the server 700 obtains relative position information of a historical click operation corresponding to the element identifier, the second determining module 703 of the server 700 determines a position corresponding to each historical click operation on the first page according to the relative position information and the position corresponding to the element on the first page, and then the server 700 sends related data of the historical click operation to the terminal device, so that the terminal device draws a thermodynamic diagram of the first page at the position corresponding to the first page by using the historical click operation each time. Since the server 700 obtains the relative position information of each historical click operation, and the relative position information is determined according to the position of the historical click operation on the second page and the position of the element on the second page, that is, the server 700 obtains the position information of each historical click operation relative to the element corresponding to the click operation, and when the position of the element is moved, the position information of each historical click operation relative to the element corresponding to the click operation is not changed, the server 700 determines that each historical click operation according to the relative position information and the position of the element on the first page is accurate at the position corresponding to the first page, and therefore, the thermodynamic diagram of the first page drawn at the position corresponding to the first page by using the historical click operation is accurate, therefore, the reference value of the thermodynamic diagram is improved.

It is clear to those skilled in the art that, for convenience and brevity of description, the specific working processes of the above-described systems, apparatuses and units may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.

In the several embodiments provided in the present application, it should be understood that the disclosed system, apparatus and method may be implemented in other manners. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the unit is only one logical functional division, and other divisions may be realized in practice, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.

The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.

In addition, functional units in the embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit.

The integrated unit, if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present application may be substantially implemented or contributed to by the prior art, or all or part of the technical solution may be embodied in a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present application. And the aforementioned storage medium includes: various media capable of storing program codes, such as a usb disk, a removable hard disk, a read-only memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.

The above embodiments are only used to illustrate the technical solutions of the present application, and not to limit the same; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; and such modifications or substitutions do not depart from the spirit and scope of the corresponding technical solutions in the embodiments of the present application.

Claims

1. A method for processing web page data, comprising:

the server determines an element identifier of an element with a modifiable position in a first page, wherein the first page is a page needing to be drawn with a thermodynamic diagram in a page corresponding to a target page;

the server acquires historical click information corresponding to the element identifier, wherein the historical click information comprises relative position information of at least one historical click operation, and the relative position information is determined according to a position of the historical click operation on a second page and a position of the element on the second page;

the server determines a position corresponding to the historical click operation in the first page according to the relative position information and the corresponding position of the element in the first page;

the server sends the historical clicking operation to a terminal device at a position corresponding to the first page, so that the terminal device displays a thermodynamic diagram on the first page, wherein the thermodynamic diagram is used for showing the clicking degree of the element.

2. The method of claim 1, wherein before the server obtains the historical click information corresponding to the element identifier, the method further comprises:

if the position of the historical click operation corresponding to the second page is located in the area of the element corresponding to the second page, the server determines the relative position information corresponding to the historical click operation according to the position of the element corresponding to the second page and the position of the historical click operation corresponding to the second page, and correspondingly stores the relative position information and the element identifier.

3. The method of claim 2, wherein the determining, by the server, the relative position information corresponding to the historical click operation according to the position of the element corresponding to the second page and the position of the historical click operation corresponding to the second page comprises:

the server determining the position of the historical click operation corresponding to the first page according to the relative position information and the position of the element corresponding to the first page comprises:

4. The method of claim 2, further comprising:

the server determines an abscissa value, an ordinate value, a width value and a height value corresponding to the element on the second page, wherein the width value refers to the geometric dimension of the element in the second page in the horizontal direction, and the height value refers to the geometric dimension of the element in the first page in the vertical direction;

5. The method of claim 1, wherein the server sends the historical clicking operation to a terminal device at a position corresponding to the first page, so that the terminal device displays a thermodynamic diagram on the first page, wherein the thermodynamic diagram is used for showing the click popularity of each element and comprises:

6. The method of claim 1, wherein the server sends the historical clicking operation to a terminal device at a position corresponding to the first page, so that the terminal device displays a thermodynamic diagram on the first page, wherein the thermodynamic diagram is used for showing the click popularity of each element and comprises:

the server sends the thermodynamic diagram to a terminal device, so that the terminal device displays the thermodynamic diagram on the first page.

7. The method of claim 1, wherein the server determining the element identification of the location modifiable element in the first page comprises:

the server acquires element identifiers of all elements in a first page;

the server judges whether the element identifier of the element with the position capable of being modified exists in the element identifiers;

and if the element identifier of the element with the modifiable position exists in the element identifiers, the server determines the element identifier of the element with the modifiable position.

8. A server, comprising:

a processor, a memory, a bus, and an input/output device;

the processor, the memory, and the input/output device are connected to the bus;

the memory is used for storing programs;

the processor is configured to execute the program, and specifically includes the following steps:

the input/output device is used for sending the position, corresponding to the first page, of each historical clicking operation to a terminal device, so that the terminal device displays a thermodynamic diagram on the first page, and the thermodynamic diagram is used for showing the clicking degree of the element.

9. The server according to claim 8, wherein the processor is further configured to perform the steps of:

for each historical clicking operation, determining a position of the historical clicking operation corresponding to the second page;

10. The server according to claim 9, wherein the processor is specifically configured to perform the steps of:

11. The server of claim 9, wherein the processor is further configured to perform the steps of:

determining an abscissa value, an ordinate value, a width value and a height value corresponding to the element on the second page, wherein the width value refers to the geometric dimension of the element in the second page in the horizontal direction, and the height value refers to the geometric dimension of the element in the first page in the vertical direction;

12. The server according to claim 8, wherein the input/output device is specifically configured to perform the steps of:

and sending a target coordinate value to a terminal device, so that the terminal device draws a thermodynamic diagram at a position corresponding to the target coordinate value, wherein the target coordinate value is used for representing the position corresponding to the first page of the historical clicking operation, and the thermodynamic diagram is used for showing the clicked heat of each element.

13. The server according to claim 8, wherein the processor is specifically configured to perform the steps of:

drawing a gray circle at a position corresponding to the first page in the historical clicking operation to obtain a gray graph;

the input/output device is specifically configured to perform the following steps:

transmitting the thermodynamic diagram to a terminal device to cause the terminal device to display the thermodynamic diagram on the first page.

14. The server according to claim 8, wherein the processor is specifically configured to perform the steps of:

acquiring element identifiers of all elements in a first page;

judging whether the element identification of the element with the position capable of being modified exists in the element identification;