热力图生成方法和装置与流程

本申请涉及互联网领域，具体而言，涉及一种热力图生成方法和装置。

背景技术：

热力图是指通过可视化的色彩图案直观地反映用户对网页内容的访问情况。具体地，现有技术均为对单一页面进行热力图监测代码设置，当用户进入到设置过的网站上进行访问时，通过热力图记录用户访问的相关数据。但是，现在存在很多网站经过站内搜索后出现的搜索结果页除了页面中结果区域发生了变化外，导航栏以及其他区域都没有发生变化，上述搜索结果页即为页面结构相同的页面。

例如，如图1所示的页面结构，页面区域1和页面区域3均为固定显示内容，页面区域2中的显示内容随着搜索关键词的不同而不同，对于包含图1所示的页面结构的页面即为页面结构相同的页面。

由于现有技术中单一热力图仅能记录单一页面的访问数据，对于页面结构相同的多个页面无法完整地监测相同显示区域的全部数据，仅能通过选取多个页面中的一个代表页面进行监测，监测结果容易以偏概全，准确性较低。

针对相关技术中无法通过单一热力图对多个页面的相同显示区域的访问数据进行监测的问题，目前尚未提出有效的解决方案。

技术实现要素：

本申请的主要目的在于提供一种热力图生成方法和装置，以解决相关技术中无法通过单一热力图对多个页面的相同显示区域的访问数据进行监测的问题。

为了实现上述目的，根据本申请的一个方面，提供了一种热力图生成方法。该方法包括：获取多个网页的相同显示区域的访问数据，其中，多个网页为页面结构相同的多个网页，相同显示区域为多个网页中显示内容相同且显示位置相同的区域；以及根据多个网页的相同显示区域的访问数据生成相同显示区域的热力图。

进一步地，获取多个网页的相同显示区域的访问数据包括：获取网页地址的预设数量目录层级相同的多个网页；获取网页地址的预设数量目录层级相同的多个网页的访问数据；以及从多个网页的访问数据中获取多个网页的相同显示区域的访问数据。

进一步地，从多个网页的访问数据中获取多个网页的相同显示区域的访问数据包括：获取多个网页的相同显示区域的位置信息；获取多个网页的访问数据中的位置信息；以及根据多个网页的相同显示区域的位置信息和多个网页的访问数据中的位置信息从多个网页的访问数据中获取多个网页的相同显示区域的访问数据。

进一步地，根据多个网页的相同显示区域的访问数据生成相同显示区域的热力图包括：生成多个网页的相同显示区域的快照；以及根据多个网页的相同显示区域的访问数据在快照上生成相同显示区域的热力图。

进一步地，访问数据至少包括如下一个指标参数：光标事件、光标悬停时间和光标轨迹，根据多个网页的相同显示区域的访问数据在快照上生成相同显示区域的热力图包括：根据多个网页的相同显示区域的访问数据统计快照上各个区域的指标参数值；以及按照预设规则将快照上各个区域的指标参数值显示在快照的各个区域，得到相同显示区域的热力图。

为了实现上述目的，根据本申请的另一方面，提供了一种热力图生成装置。该装置包括：获取单元，用于获取多个网页的相同显示区域的访问数据，其中，多个网页为页面结构相同的多个网页，相同显示区域为多个网页中显示内容相同且显示位置相同的区域；以及生成单元，用于根据多个网页的相同显示区域的访问数据生成相同显示区域的热力图。

进一步地，获取单元包括：第一获取模块，用于获取网页地址的预设数量目录层级相同的多个网页；第二获取模块，用于获取网页地址的预设数量目录层级相同的多个网页的访问数据；以及第三获取模块，用于从多个网页的访问数据中获取多个网页的相同显示区域的访问数据。

进一步地，第三获取模块包括：第一获取子模块，用于获取多个网页的相同显示区域的位置信息；第二获取子模块，用于获取多个网页的访问数据中的位置信息；以及第三获取子模块，用于根据多个网页的相同显示区域的位置信息和多个网页的访问数据中的位置信息从多个网页的访问数据中获取多个网页的相同显示区域的访问数据。

进一步地，生成单元包括：第一生成模块，用于生成多个网页的相同显示区域的快照；以及第二生成模块，用于根据多个网页的相同显示区域的访问数据在快照上生成相同显示区域的热力图。

进一步地，访问数据至少包括如下一个指标参数：光标事件、光标悬停时间和光标轨迹，第二生成模块包括：统计子模块，用于根据多个网页的相同显示区域的访问数据统计快照上各个区域的指标参数值；以及显示子模块，用于按照预设规则将快照 上各个区域的指标参数值显示在快照的各个区域，得到相同显示区域的热力图。

本申请通过获取多个网页的相同显示区域的访问数据，其中，多个网页为页面结构相同的多个网页，相同显示区域为多个网页中显示内容相同且显示位置相同的区域；以及根据多个网页的相同显示区域的访问数据生成相同显示区域的热力图，本申请将具有相同页面结构的多个网页的相同显示页面的访问数据共同生成热力图，从而可以全面地对多个页面的相同显示区域进行监测，提高监测结果的准确性，解决了相关技术中无法通过单一热力图对多个页面的相同显示区域的访问数据进行监测的问题，进而达到了通过单一热力图全面地对多个页面的相同显示区域的访问数据进行监测的效果。

附图说明

构成本申请的一部分的附图用来提供对本申请的进一步理解，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是根据相关技术的页面结构相同的网页的示意图；

图2是根据本申请实施例的热力图生成方法的流程图；以及

图3是根据本申请实施例的热力图生成装置的示意图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的 其它步骤或单元。

根据本申请实施例，提供了一种热力图生成方法。图2是根据本申请实施例的热力图生成方法的流程图，如图2所示，该方法包括如下的步骤S102至步骤S104：

步骤S102，获取多个网页的相同显示区域的访问数据，其中，多个网页为页面结构相同的多个网页，相同显示区域为多个网页中显示内容相同且显示位置相同的区域。

具体地，以一个旅游网站为例进行说明，在该旅游网站的站内搜索不同的国家会有对应的搜索结果页出现，但是这些搜索结果页仅有一部分显示区域是随着国家的不同显示不同的内容，其他显示区域是不变的，例如，当搜索中国上海时，当前搜索结果页的结果区域的显示内容对应于中国上海，但是导航栏以及底部区域不变，当搜索法国巴黎时，搜索结果页的结果区域的显示内容对应于法国巴黎，同样地，导航栏以及底部区域也不变，则上述多个搜索结果页即为页面结构相同的网页，导航栏以及底部区域等显示区域即为多个搜索结果页的相同显示区域。

本申请实施例可以获取目标网站中所有页面结构相同的网页的相同显示区域的访问数据，其中，目标网站为需要进行访问数据监测的网站，访问数据可以包括点击位置、光标停留时间、光标轨迹等，例如，目标网站A中存在10个页面结构相同的网页，则获取这10个网页的相同显示区域的访问数据。

可选地，获取多个网页的相同显示区域的访问数据包括：获取网页地址的预设数量目录层级相同的多个网页；获取网页地址的预设数量目录层级相同的多个网页的访问数据；以及从多个网页的访问数据中获取多个网页的相同显示区域的访问数据。

一个网页地址通常包含多个目录层级，例如，一个网页地址为http://lvyou.ctrip.com/place/yingguo20354.htmlt，则该网页地址包含三个目录层级。具体地，预设数量目录层级需要根据实际情况进行设置，例如，对于一些网站中的网页，网页地址的前2个目录层级相同时页面结构就相同，此时仅需将预设数量目录层级设置为前2个目录层级，对于另一些网站中的网页，网页地址的前3个目录层级相同时页面结构才相同，此时需要将预设数量目录层级设置为前3个目录层级。

例如，某个旅游网站的页面结构相同的多个网页的网页地址如下：

http://lvyou.ctrip.com/place/yingguo20354.htmlt

http://lvyou.ctrip.com/place/xila100036.htmlt

http://lvyou.ctrip.com/place/meiguo10382.htmlt

http://lvyou.ctrip.com/place/hanguo150620.htmlt

此时可以将预设数量目录层级设置为前2个目录层级，即网页地址中包含http://lvyou.ctrip.com/place的网页为页面结构相同的网页。具体地，本申请实施例可以将http://lvyou.ctrip.com/place设置为一个规则，并收集该网站中符合这个规则的所有网页的访问数据，即得到页面结构相同的多个网页的访问数据。

本申请实施例在得到页面结构相同的多个网页的访问数据之后，即可以从多个网页的访问数据中获取多个网页的相同显示区域的访问数据。可选地，从多个网页的访问数据中获取多个网页的相同显示区域的访问数据包括：获取多个网页的相同显示区域的位置信息；获取多个网页的访问数据中的位置信息；以及根据多个网页的相同显示区域的位置信息和多个网页的访问数据中的位置信息从多个网页的访问数据中获取多个网页的相同显示区域的访问数据。

具体地，如果多个网页的相同显示区域为矩形、正方形等，则相同显示区域的位置信息可以是该相同显示区域的角点坐标，如果多个网页的相同显示区域为其他形状，则相同显示区域的位置信息可以是相同显示区域内所有像素点的坐标集合。本申请实施例的访问数据中的位置信息可以是点击坐标、光标停留坐标等。以下以访问数据中的位置信息为点击坐标、相同显示区域的位置信息为相同显示区域内所有像素点的坐标集合为例进行说明：

当获取到访问数据中的点击坐标后，判断该点击坐标是否属于相同显示区域内所有像素点的坐标集合，如果该点击坐标属于相同显示区域内所有像素点的坐标集合，则说明该点击坐标所属的访问数据是相同显示区域内的访问数据，如果该点击坐标不属于相同显示区域内所有像素点的坐标集合，则说明该点击坐标所属的访问数据不是相同显示区域内的访问数据。本申请实施例通过将所有访问数据中的点击坐标与相同显示区域内所有像素点的坐标进行比较，从而可以得到相同显示区域的访问数据。

需要说明的是，本申请实施例也可以在从网页端采集访问数据时就判断采集到的访问数据是否属于相同显示区域，如果判断出当前采集到的访问数据属于相同显示区域，则将该访问数据存储于第一存储区或是发送至后台服务器以用于生成热力图，如果判断出当前采集到的访问数据不属于相同显示区域，则将该访问数据丢弃或是存储于第二存储区，其中，第一存储区和第二存储区为不同的存储区域。

步骤S104，根据多个网页的相同显示区域的访问数据生成相同显示区域的热力图。

本申请实施例通过获取多个网页的相同显示区域的访问数据，其中，多个网页为页面结构相同的多个网页，相同显示区域为多个网页中显示内容相同且显示位置相同的区域；以及根据多个网页的相同显示区域的访问数据生成相同显示区域的热力图， 本申请将具有相同页面结构的多个网页的相同显示页面的访问数据共同生成热力图，从而可以全面地对多个页面的相同显示区域进行监测，提高监测结果的准确性，解决了相关技术中无法通过单一热力图对多个页面的相同显示区域的访问数据进行监测的问题，进而达到了通过单一热力图全面地对多个页面的相同显示区域的访问数据进行监测的效果。

本申请实施例在获取到多个网页的相同显示区域的访问数据之后，即可以生成相同显示区域对应的热力图。可选地，根据多个网页的相同显示区域的访问数据生成相同显示区域的热力图包括：生成多个网页的相同显示区域的快照；以及根据多个网页的相同显示区域的访问数据在快照上生成相同显示区域的热力图。

具体地，本申请实施例的相同显示区域的快照即多个网页的相同显示区域的截图。在得到相同显示区域的截图之后，即可以基于多个网页的相同显示区域的访问数据在相同显示区域的截图上进行着色处理，生成相同显示区域的热力图。

可选地，访问数据至少包括如下一个指标参数：光标事件、光标悬停时间和光标轨迹，根据多个网页的相同显示区域的访问数据在快照上生成相同显示区域的热力图包括：根据多个网页的相同显示区域的访问数据统计快照上各个区域的指标参数值；以及按照预设规则将快照上各个区域的指标参数值显示在快照的各个区域，得到相同显示区域的热力图。

本申请实施例的光标事件可以是点击事件，光标悬停时间是指光标在某一位置或区域的停留时间，光标轨迹是指光标的移动轨迹。本申请实施例的预设规则是指预设的着色规则，例如，根据指标参数值大小在快照上进行不同深度的着色，通常指标参数值越大，着色越深。

具体地，在进行相同显示区域的热力图绘制时，可以是基于单个指标参数进行绘制，例如，基于点击事件进行绘制，或是基于光标悬停时间进行绘制，或是基于光标轨迹进行绘制等，也可以是结合多个指标参数共同进行绘制，例如，结合点击事件和光标轨迹进行绘制等。以下以基于点击事件绘制热力图为例进行说明：

首先，根据多个网页的相同显示区域的访问数据统计相同显示区域内各个区域的点击次数，其次，按照预设规则根据相同显示区域内各个区域的点击次数在快照上进行着色，即得到相同显示区域的热力图。

需要说明的是，如果页面结构相同的多个网页存在多个相同显示区域，则可以分别对多个显示区域按照上述方法生成热力图。

以下以一个实例对本申请实施例进行说明：

步骤S202，将所有页面结构相同的页面进行规则判断，规则可以为一个网页地址(即统一资源定位符，Uniform Resource Locator，简称为URL)目录层级以前相同仅目录层级后的文件名不同。

例如，同一网站下页面结构相同的多个网页的URL如下：

http://lvyou.ctrip.com/place/yingguo20354.htmlt

http://lvyou.ctrip.com/place/xila100036.htmlt

则可以设置规则为http://lvyou.ctrip.com/place，并收集满足这个规则的所有网页的访问数据，其中，满足这个规则的所有网页即为页面结构相同的网页。

步骤S204，生成上述网页的相同显示区域的快照。

具体地，可以对上述网页进行结构的判断，判断需要进行热力图监测的区域(即相同显示区域)，并对需要监测的区域设置为快照。

步骤S206，将所有相同显示区域的数据在快照上进行展示。

在生成相同显示区域的快照后，可以获取相同显示区域的位置信息，并根据相同显示区域的位置信息获取相同显示区域的访问数据，进一步基于相同显示区域的访问数据在快照上生成热力图，以展示相同显示区域的访问数据。

从以上的描述中，可以看出，本申请实施例可以对页面结构相同的多个页面，进行相同显示区域的监测，观察相同显示区域的访问数据对用户的影响。本申请实施例通过对多个网页进行批量化监测，全面的监测相同显示区域的访问数据，不会造成以偏改全，提高了监测结果的准确性。

需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

根据本申请实施例的另一方面，提供了一种热力图生成装置，该热力图生成装置可以用于执行本申请实施例的热力图生成方法，本申请实施例的热力图生成方法也可以通过本申请实施例的热力图生成装置来执行。

图3是根据本申请实施例的热力图生成装置的示意图，如图3所示，该装置包括：获取单元10和生成单元20。

获取单元10，用于获取多个网页的相同显示区域的访问数据，其中，多个网页为页面结构相同的多个网页，相同显示区域为多个网页中显示内容相同且显示位置相同的区域。

可选地，获取单元10包括：第一获取模块，用于获取网页地址的预设数量目录层级相同的多个网页；第二获取模块，用于获取网页地址的预设数量目录层级相同的多个网页的访问数据；以及第三获取模块，用于从多个网页的访问数据中获取多个网页的相同显示区域的访问数据。

可选地，第三获取模块包括：第一获取子模块，用于获取多个网页的相同显示区域的位置信息；第二获取子模块，用于获取多个网页的访问数据中的位置信息；以及第三获取子模块，用于根据多个网页的相同显示区域的位置信息和多个网页的访问数据中的位置信息从多个网页的访问数据中获取多个网页的相同显示区域的访问数据。

生成单元20，用于根据多个网页的相同显示区域的访问数据生成相同显示区域的热力图。

本申请实施例通过获取单元10获取多个网页的相同显示区域的访问数据，其中，多个网页为页面结构相同的多个网页，相同显示区域为多个网页中显示内容相同且显示位置相同的区域；以及生成单元20根据多个网页的相同显示区域的访问数据生成相同显示区域的热力图，本申请将具有相同页面结构的多个网页的相同显示页面的访问数据共同生成热力图，从而可以全面地对多个页面的相同显示区域进行监测，提高监测结果的准确性，解决了相关技术中无法通过单一热力图对多个页面的相同显示区域的访问数据进行监测的问题，进而达到了通过单一热力图全面地对多个页面的相同显示区域的访问数据进行监测的效果。

可选地，生成单元20包括：第一生成模块，用于生成多个网页的相同显示区域的快照；以及第二生成模块，用于根据多个网页的相同显示区域的访问数据在快照上生成相同显示区域的热力图。

可选地，访问数据至少包括如下一个指标参数：光标事件、光标悬停时间和光标轨迹，第二生成模块包括：统计子模块，用于根据多个网页的相同显示区域的访问数据统计快照上各个区域的指标参数值；以及显示子模块，用于按照预设规则将快照上各个区域的指标参数值显示在快照的各个区域，得到相同显示区域的热力图。

所述热力图生成装置包括处理器和存储器，上述获取单元和生成单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来对页面结构相同的多个网页的相同显示区域的访问数据进行监测。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/ 或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序代码：获取多个网页的相同显示区域的访问数据，其中，多个网页为页面结构相同的多个网页，相同显示区域为多个网页中显示内容相同且显示位置相同的区域；以及根据多个网页的相同显示区域的访问数据生成相同显示区域的热力图。

上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。

在本申请的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，可以为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅是本申请的优选实施方式，应当指出，对于本技术领域的普通技术人 员来说，在不脱离本申请原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本申请的保护范围。