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

说明书

技术领域

本发明涉及数据可视化技术领域，尤其涉及点击热力图生成方法及装置。

背景技术

在互联网产品的运营中，随着用户的多样性，数据运营起到的作用越来越重要，不同类型的用户对产品内容的消费和对功能的使用都各不相同。用户和产品的交互(如：点击、浏览等)数据中隐含了大量的用户习惯和偏好信息，这些信息对于产品的优化能够起到非常积极的作用。

然而，随着数据量和数据指标的快速增长，数据并不能被简单形象地呈现出来，多数互联网团队选择通过点击热力图来观察用户的点击习惯和偏好，但是由于点击数据量的庞大和Web页面内容的频繁更新，如何快速且高效地更新点击热力图成为难题。

常用的点击热力图绘制算法是把所有点击行为数字化，然后根据坐标点位置和密度，将“点”按一定透明度绘制在背景图即Web页面上，形成点击热力图。

发明内容

本申请提供点击热力图生成方法及装置，以在Web页面发生更新时，实现点击热力图的快速切换。

本发明的技术方案是这样实现的：

一种点击热力图生成方法，该方法包括：

实时检测用户在Web页面上的点击位置，将Web页面地址、用户的点击时间及用户的点击位置作为一条用户点击数据进行记录；

当要生成所述Web页面在一时间段内的点击热力图时，从记录的用户点击数据中，获取该时间段内所述Web页面的所有用户点击位置；

生成一张大小与所述Web页面完全相同的透明背景图；

将所获取的所有用户点击位置绘制在所述透明背景图上；

将绘制好的所述透明背景图和所述Web页面进行蒙板叠加，得到所述Web页面在所述时间段内的点击热力图。

所述将所获取的所有用户点击位置绘制在所述透明背景图上包括：

对于每个用户点击位置，以该用户点击位置为圆心，以预设长度为半径，在所述透明背景图中生成一个圆形点图，其中，该圆形点图上各像素点的颜色值按照距离圆心越远颜色越浅的规则分布。

所述该圆形点图上各像素点的颜色值按照距离圆心越远颜色越浅的规则分布包括：

计算f(p)＝(d_pq/r)×255

其中，q为圆心，即用户点击位置；p为圆形点图上的任一点；r为圆形点图的半径；d_pq为点p到点q的距离。

所述将绘制好的所述透明背景图和所述Web页面进行蒙板叠加包括：

计算f_m(x)＝αf_d(x)+(1-α)f_u(x)

其中，α为透明度系数，0<α<1；x为所述透明背景图和所述Web页面上的任一相同位置，f_d(x)为所述Web页面上位置x处的颜色值，f_u(x)为绘制好的所述透明背景图上位置x处的颜色值，f_m(x)为生成的点击热力图上位置x处的颜色值。

0.3≤α≤0.7。

所述将所获取的所有用户点击位置绘制在所述透明背景图上之后进一步包括：

保存绘制好的所述透明背景图，并记录所述透明背景图对应的Web页面地址和时间段；

所述方法进一步包括：

当所述Web页面发生更新时，根据Web页面地址查找到对应的绘制好的所述透明背景图，将绘制好的所述透明背景图和更新后的Web页面进行蒙板叠加，得到更新后的Web页面在所述时间段内的点击热力图。

一种点击热力图生成装置，该装置包括：

用户点击数据记录模块：实时检测用户在Web页面上的点击位置，将Web页面地址、用户的点击时间及用户的点击位置作为一条用户点击数据进行记录；

透明背景图绘制模块：当要生成所述Web页面在一时间段内的点击热力图时，从用户点击数据记录模块记录的用户点击数据中，获取该时间段内所述Web页面的所有用户点击位置；生成一张大小与所述Web页面完全相同的透明背景图；将所获取的所有用户点击位置绘制在所述透明背景图上；

蒙板叠加模块：将透明背景图绘制模块绘制好的所述透明背景图和所述Web页面进行蒙板叠加，得到所述Web页面在所述时间段内的点击热力图。

所述透明背景图绘制模块将所获取的所有用户点击位置绘制在所述透明背景图上包括：

对于每个用户点击位置，以该用户点击位置为圆心，以预设长度为半径，在所述透明背景图中生成一个圆形点图，其中，该圆形点图上各像素点的颜色值按照距离圆心越远颜色越浅的规则分布。