[发明专利]一种热力图生成方法及装置

说明书

本发明公开了一种热力图生成方法及装置，涉及热力图技术领域，主要目的在于通过访问用户网站页面，在对应的页面中实时绘制热力图，提高热力图对页面的适配性能。本发明主要的技术方案为：访问指定网站页面，所述指定网站页面为待制作热力图的背景图像；在所述指定网站页面中设置热力图图层；根据预置参数获取所述指定网站页面对应的热力图数据；根据所述热力图数据的分布调整所述热力图图层的尺寸，在所述热力图图层中绘制热力图数据生成所述指定网站页面的热力图。本发明主要用于制作网站热力图。

技术领域

本发明涉及热力图技术领域，尤其涉及一种热力图生成方法及装置。

背景技术

热力图是以特殊高亮的形式显示用户页面点击位置或用户所在页面位置的图示，借助热力图，可以直观地观察到用户的总体访问情况和点击偏好。比如，一个页面上有不同位置的3个链接指到同一个特定的产品页面，那么热力图将会显示出访客最喜欢点击哪一个链接，点击越多的链接，亮度越高。这将帮助用户提升网页的设计并让它对用户更加友好。

目前，在制作热力图时，需要预先经过客户同意，在客户网站上插入一段代码，用于监听网站的每一个点击行为，进而采集这些点击行为以及对应的页面尺寸、网址等信息，保存至数据库中。基于所采集的数据，获取待制作热力图对应页面图像以及网址信息，根据网址信息从数据库中获取对应的点击数据，将这些点击数据在页面图像中渲染为有颜色的点，生成热力图。然而，随着网站页面调整频率的提高、页面通用性的增强(一套页面代码适用于手机、电脑等多类型的终端)，这种热力图生成方式就需要设计人员根据网站页面的变化进行热力图制作参数的调整，如调整热力图页面的大小、分辨率等。可见，现有的热力图制作方式缺乏对页面的适配能力，增加了热力图制作与维护的工作量。

发明内容

有鉴于此，本发明提供一种热力图生成方法及装置，主要目的在于通过访问用户网站页面，在对应的页面中实时绘制热力图，提高热力图对页面的适配性能。

为达到上述目的，本发明主要提供如下技术方案：

一方面，本发明提供了一种热力图生成方法，该方法包括：

访问指定网站页面，所述指定网站页面为待制作热力图的背景图像；

在所述指定网站页面中设置热力图图层；

根据预置参数获取所述指定网站页面对应的热力图数据；

根据所述热力图数据的分布，调整所述热力图图层的尺寸，在所述热力图图层中绘制热力图数据生成所述指定网站页面的热力图。

优选的，在访问指定网站页面之后，所述方法还包括：

在所述指定网站页面的统一资源定位符URL中添加热力图参数，所述热力图参数是由用户设置的用于制作热力图的参数。

优选的，所述在所述指定网站页面中设置热力图图层包括：

判断所述指定网站页面的URL中是否存在所述热力图参数；

若存在，则获取热力图插件，利用所述热力图参数在所述指定网站页面中初始化所述热力图插件，由所述热力图插件在所述背景图像上设置热力图图层。

优选的，所述根据所述热力图数据的分布，调整所述热力图图层的尺寸包括：

获取所述热力图图层的初始尺寸；

根据所述热力图数据中的页面位置判断所述热力图图层的展示范围是否覆盖所述热力图数据；

若是，则执行在所述热力图图层中绘制热力图数据生成所述指定网站页面的热力图的操作；

若否，则增大所述热力图图层的尺寸，直至所述热力图数据全部分布在热力图图层的展示范围内。