一种绘制热力图的方法及装置制造方法及图纸

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

A method and device for drawing thermodynamic diagram

【技术实现步骤摘要】
一种绘制热力图的方法及装置
本专利技术涉及互联网
，尤其涉及一种绘制热力图的方法及装置。
技术介绍
在对网站上用户的点击行为进行分析时，可以选取一个网页的截图作为底图，将在该网页上监听到的大量点击事件对应的点击位置数据绘制在该底图上，从而渲染成一张热力图，用于将不同用户在该网页上发生的对应点击行为以可视化的形式呈现在该底图上，如此清楚的展示该网页上不同位置引起用户关注的程度，这将有助于对网站分析研究。目前，对于现有的绘制热力图的方法，在收集一个网页上的点击位置数据时，是以浏览器显示窗口的左上角位置为坐标原点，在该网页上采集一个点击事件对应的实际点击落点相对于该坐标原点的固定坐标值，该固定坐标值就是对应的点击位置数据。然而，在绘制热力图时，是需要将具有相同网页内容信息的大量网页对应的点击位置数据汇总到一张底图上，由于不同的用户使用的浏览器窗口尺寸很可能是存在差异的，如此内容相同的网页对应的显示尺寸也将是存在差异的，因而在绘制热力图时，若仅将内容相同但是尺寸不同的大量网页上对应的点击位置数据统计到一张底图上，那么对于同一个点击本文档来自技高网...

【技术保护点】
1.一种绘制热力图的方法，其特征在于，所述方法包括：/n获取目标页面对应点击事件的点击数据，所述点击数据至少包括：所述点击事件对应点击目标元素的点击位置；/n确定目标元素对应的元素块尺寸，所述元素块为所述目标元素发生点击事件时对应的有效点击区域；/n根据所述点击位置和所述元素块尺寸，计算相对偏移量；/n在网页底图上查找所述目标元素的位置，所述网页底图与所述目标页面具有相同的网页内容信息；/n根据在所述网页底图上查找到的所述目标元素的位置、所述相对偏移量，确定所述点击事件在所述网页底图上对应的实际点击位置；/n根据所述实际点击位置在所述网页底图上绘制所述点击事件对应的热力图。/n

【技术特征摘要】
1.一种绘制热力图的方法，其特征在于，所述方法包括：
获取目标页面对应点击事件的点击数据，所述点击数据至少包括：所述点击事件对应点击目标元素的点击位置；
确定目标元素对应的元素块尺寸，所述元素块为所述目标元素发生点击事件时对应的有效点击区域；
根据所述点击位置和所述元素块尺寸，计算相对偏移量；
在网页底图上查找所述目标元素的位置，所述网页底图与所述目标页面具有相同的网页内容信息；
根据在所述网页底图上查找到的所述目标元素的位置、所述相对偏移量，确定所述点击事件在所述网页底图上对应的实际点击位置；
根据所述实际点击位置在所述网页底图上绘制所述点击事件对应的热力图。


2.根据权利要求1所述的方法，其特征在于，所述根据所述点击位置和所述元素块尺寸，计算相对偏移量，包括：
根据所述元素块尺寸，确定所述元素块的中心点位置；
计算所述点击位置和所述中心点位置之间的相对偏移量；和/或，
所述根据在所述网页底图上查找到的所述目标元素的位置、所述相对偏移量，确定所述点击事件在所述网页底图上对应的实际点击位置，包括：
获取所述目标页面上所述目标元素对应的元素块尺寸；
根据所述网页底图对应的文档对象模型结构，在所述网页底图上获取所述目标元素对应的元素块的尺寸；
根据所述目标页面上所述元素块的尺寸与所述网页底图上所述元素块的尺寸，计算得到对应尺寸的缩放比；
根据所述缩放比，对所述相对偏移量进行缩小或放大，得到在所述网页底图上所述目标元素的位置与所述实际点击位置的实际相对偏移量；
在所述网页底图上根据所述目标元素的位置以及所述实际相对偏移量，计算所述点击事件对应的实际点击位置。


3.根据权利要求1所述的方法，其特征在于，在所述在网页底图上查找所述目标元素的位置之前，所述方法还包括：
获取所述网页底图对应的文档对象模型结构的路径；
判断所述文档对象模型结构的路径中是否存在所述目标元素对应的父元素；
若否，则确定在所述网页底图上不存在所述目标元素，并确定所述点击事件不是对应于发生在所述网页底图上的点击事件，将所述点击事件标记为无效点击事件。


4.根据权利要求3所述的方法，其特征在于，若所述文档对象模型结构的路径中存在所述目标元素对应的父元素，所述方法还包括：
获取所述父元素内的索引，所述索引用于指示所述目标元素在所述父元素内的位置；
根据所述索引在所述网页底图上查找是否存在所述目标元素；
若存在，则确定所述点击事件是发生在所述网页底图上的点击事件，将所述点击事件标记为有效点击事件；
若不存在，则确定所述点击事件不是对应于发生在所述网页底图上的点击事件，将所述点击事件标记为无效点击事件。


5.根据权利要求1所述的方法，其特征在于，在获取目标页面对应点击事件的点击数据之后，所述方法还包括：
若校验所述点击数据中不包含所述点击事件对应点击的目标元素，则确定所述点击事件是无效点击事件；和/或，
若检测在所述目标页面上未...

【专利技术属性】
技术研发人员：夏广宇，
申请(专利权)人：北京国双科技有限公司，
类型：发明
国别省市：北京;11