[发明专利]一种绘制热力图的方法及装置

说明书

本发明公开了一种绘制热力图的方法及装置，涉及互联网技术领域，提高绘制热力图的准确性，本发明的主要技术方案为：获取目标页面对应点击事件的点击数据，点击数据至少包括：点击事件对应点击目标元素的点击位置；确定目标元素对应的元素块尺寸，元素块为所述目标元素发生点击事件时对应的有效点击区域；根据点击位置和所述元素块尺寸，计算相对偏移量；在网页底图上查找目标元素的位置，网页底图与目标页面具有相同的网页内容信息；根据在网页底图上查找到的目标元素的位置、相对偏移量，确定点击事件在网页底图上对应的实际点击位置；根据实际点击位置在网页底图上绘制点击事件对应的热力图。本发明应用于基于网页元素的位置绘制热力图。

技术领域

本发明涉及互联网技术领域，尤其涉及一种绘制热力图的方法及装置。

背景技术

在对网站上用户的点击行为进行分析时，可以选取一个网页的截图作为底图，将在该网页上监听到的大量点击事件对应的点击位置数据绘制在该底图上，从而渲染成一张热力图，用于将不同用户在该网页上发生的对应点击行为以可视化的形式呈现在该底图上，如此清楚的展示该网页上不同位置引起用户关注的程度，这将有助于对网站分析研究。

目前，对于现有的绘制热力图的方法，在收集一个网页上的点击位置数据时，是以浏览器显示窗口的左上角位置为坐标原点，在该网页上采集一个点击事件对应的实际点击落点相对于该坐标原点的固定坐标值，该固定坐标值就是对应的点击位置数据。

然而，在绘制热力图时，是需要将具有相同网页内容信息的大量网页对应的点击位置数据汇总到一张底图上，由于不同的用户使用的浏览器窗口尺寸很可能是存在差异的，如此内容相同的网页对应的显示尺寸也将是存在差异的，因而在绘制热力图时，若仅将内容相同但是尺寸不同的大量网页上对应的点击位置数据统计到一张底图上，那么对于同一个点击事件，在底图上对应的点击位置和在原网页上对应的点击位置所分别对应指示的内容信息可能是完全不同的，这将导致最终绘制的热力图不能真实的还原用户在原网页上的点击行为，绘制的热力图是不准确的。

发明内容

有鉴于此，本发明提供一种绘制热力图的方法及装置，主要目的在于基于网页元素位置优化绘制热力图的方法，以在绘制热力图时能够准确地还原用户的点击行为，进而提高绘制热力图的准确性。

为了解决上述问题，本发明主要提供如下技术方案：

一方面，本发明提供了一种绘制热力图的方法，该方法包括：

获取目标页面对应点击事件的点击数据，所述点击数据至少包括：所述点击事件对应点击的目标元素的点击位置；

确定目标元素对应的元素块尺寸，所述元素块为所述目标元素发生点击事件时对应的有效点击区域；

根据所述点击位置和所述元素块尺寸，计算相对偏移量；

在网页底图上查找所述目标元素的位置，所述网页底图与所述目标页面具有相同的网页内容信息；

根据在所述网页底图上查找到的所述目标元素的位置、所述相对偏移量，确定所述点击事件在所述网页底图上对应的实际点击位置；

根据所述实际点击位置在所述网页底图上绘制所述点击事件对应的热力图。

可选的，所述根据所述点击位置和所述元素块尺寸，计算相对偏移量，包括：

根据所述元素块尺寸，确定所述元素块的中心点位置；

计算所述点击位置和所述中心点位置之间的相对偏移量；和/或，

所述根据在所述网页底图上查找到的所述目标元素的位置、所述相对偏移量，确定所述点击事件在所述网页底图上对应的实际点击位置，包括：

获取所述目标页面上所述目标元素对应的元素块尺寸；