[发明专利]网页热力图的加载方法及装置

说明书

本发明公开了一种网页热力图的加载方法及装置，涉及互联网技术领域，为了解决现有技术中，网站运营方为了保证自身网站信息的安全性，屏蔽iframe标签引用自身网页，导致使用iframe标签创建内联框架的方式来加载热力图的适用性较低的问题。本发明的方法包括：接收加载热力图指令，其中，所述加载热力图指令中包括待加载热力图网页的统一资源定位符URL及验证参数，所述验证参数用于验证所述待加载热力图网页是否满足加载热力图的条件；若经验证，所述待加载热力图网页满足加载热力图的条件，则加载所述待加载热力图网页，并渲染所述待加载热力图网页的热力图。本发明适合应用于加载网页热力图的过程中。

技术领域

本发明涉及互联网技术领域，特别是涉及一种网页热力图的加载方法及装置。

背景技术

随着互联网技术的日益发展，越来越多的第三方数据分析平台使用热力图来分析用户在访问网页过程中产生的点击数据。热力图是一种以特殊高亮形式显示网页中用户的热衷区域的图示，在热力图中，一个区域被点击次数越多，该区域的颜色越深；一个区域被点击的次数越少，该区域的颜色越浅。因此，热力图可以直接反映网页中不同区域的被点击情况和不同区域的受关注程度，从而为网站运营方对网页优化和调整提供强有力的数据支持。

目前，第三方数据分析平台使用HTML的iframe标签创建一个内联框架，在内联框架中加载待加载热力图的网页作为底图，并通过可缩放矢量图形(SVG.)、画布元素(CANVAS)或者图片等方式在内联框架层之上渲染该待加载热力图网页的热力图。

发明人在实现上述发明过程中，发现现有技术中，许多钓鱼网站经常通过使用iframe标签引用真实网站的方式，仿冒成真实网站来盗取用户的私人信息，从而给用户造成严重损失。因此，大多数的网站运营方为了保证自身网站信息的安全性，会选择屏蔽iframe标签引用自身网页，从而无法使用iframe标签创建的内联框架来加载这些屏蔽了iframe标签引用的网页作为热力图底图，进而导致使用iframe标签创建内联框架的方式来加载热力图的适用性较低。

发明内容

有鉴于此，本发明提供的网页热力图的加载方法及装置，主要目的在于实现基于网页自身加载网页热力图。

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

第一方面，本发明提供了一种网页热力图的加载方法，该方法包括：

接收加载热力图指令，其中，所述加载热力图指令中包括待加载热力图网页的统一资源定位符URL及验证参数，所述验证参数用于验证所述待加载热力图网页是否满足加载热力图的条件；

若经验证，所述待加载热力图网页满足加载热力图的条件，则加载所述待加载热力图网页，并渲染所述待加载热力图网页的热力图。

可选的，在接收加载热力图指令之前，所述方法还包括：

接收验证参数生成指令，其中，所述验证参数生成指令中包括所述待加载热力图网页的URL；

根据所述待加载热力图网页的URL获取所述待加载热力图网页对应的预置验证代码；

根据所述预置验证代码生成所述待加载热力图网页对应的验证参数，并进行输出显示。

可选的，渲染所述待加载热力图网页的热力图包括：

请求渲染热力图代码；

通过所述渲染热力图代码获取所述待加载热力图网页对应的点击数据，并创建所述待加载热力图网页对应的画布对象；

根据所述点击数据在所述画布对象上渲染所述待加载热力图网页的热力图。

可选的，通过所述渲染热力图代码获取所述待加载热力图网页对应的点击数据包括：

通过加载渲染热力图代码获取所述待加载热力图网页的相关信息；