网页热力图的加载方法及装置与流程

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

背景技术：

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

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

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

技术实现要素：

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

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

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

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

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

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

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

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

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

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

请求渲染热力图代码；

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

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

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

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

根据所述相关信息，发送用来获取所述待加载热力图网页对应的点击数据的请求；

接收并存储所述点击数据。

可选的，创建所述待加载热力图网页对应的画布对象，包括：

通过加载所述渲染热力图代码在所述待加载热力图网页的文档对象模型中插入元素节点；

在所述元素节点中添加绘制图层，并将所述绘制图层置于所述待加载热力图网页最上层；

根据所述相关信息在所述绘制图层中创建所述待加载热力图网页对应的画布对象。

可选的，在渲染所述待加载热力图网页的热力图之后，所述方法还包括：

清除所述待加载热力图网页对应的cookie，并刷新所述待加载热力图网页，以便退出所述待加载热力图网页的热力图。

可选的，所述渲染热力图代码以及所述预置验证代码为经过逻辑封装的javascript代码。

第二方面，本发明还提供一种网页热力图的加载装置，该装置包括：

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

加载单元，用于当经验证，所述第一接收单元接收的所述待加载热力图指令中包括的所述待加载热力图网页满足加载热力图的条件时，加载所述待加载热力图网页；

渲染单元，用于渲染所述待加载热力图网页的热力图。

可选的，所述装置还包括：

第二接收单元，用于在所述第一接收单元接收加载热力图指令之前，接收验证参数生成指令，其中，所述验证参数生成指令中包括所述待加载热力图网页的url；

获取单元，用于根据所述第二接收单元接收的验证参数生成指令中包括的所述待加载热力图网页的url获取所述待加载热力图网页对应的预置验证代码；

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

可选的，所述渲染单元包括：

请求模块，用于请求渲染热力图代码；

获取模块，用于通过所述请求模块请求的所述渲染热力图代码获取所述待加载热力图网页对应的点击数据；

创建模块，用于通过所述请求模块请求的所述渲染热力图代码创建所述待加载热力图网页对应的画布对象；

渲染模块，用于根据所述获取模块获取的所述点击数据在所述创建模块创建的所述画布对象上渲染所述待加载热力图网页的热力图。

可选的，所述获取模块包括：

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

发送子模块，用于根据所述获取子模块获取的所述相关信息，发送用来获取所述待加载热力图网页对应的点击数据的请求；

接收子模块，用于接收并存储所述点击数据。

可选的，所述创建模块包括：

插入子模块，用于通过加载所述渲染热力图代码在所述待加载热力图网页的文档对象模型中插入元素节点；

添加子模块，用于在所述插入子模块插入的所述元素节点中添加绘制图层，并将所述绘制图层置于所述待加载热力图网页最上层；

创建子模块，用于根据所述相关信息在所述添加子模块添加的所述绘制图层中创建所述待加载热力图网页对应的画布对象。

可选的，所述装置还包括：

清除单元，用于在所述渲染单元渲染所述待加载热力图网页的热力图之后，清除所述待加载热力图网页对应的cookie，并刷新所述待加载热力图网页，以便退出所述待加载热力图网页的热力图。

可选的，所述渲染热力图代码以及所述预置验证代码为经过逻辑封装的javascript代码。

为了实现上述目的，根据本发明的第三方面，提供了一种存储介质，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行上述所述的网页热力图的加载方法。

为了实现上述目的，根据本发明的第四方面，提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行上述所述的网页热力图的加载方法。

借由上述技术方案，本发明提供的技术方案至少具有下列优点：

本发明提供的一种网页热力图的加载方法及装置，本发明能够在客户端接收到加载热力图指令后，验证加载热力图指令中包括的待加载热力图网页的统一资源定位符url和验证参数是否相匹配，当经验证，该待加载热力图网页的url和验证参数相匹配时，即该待加载热力图网页满足加载热力图的条件时，加载该待加载热力图网页作为热力图的底图，然后基于该底图渲染该待加载热力图网页的热力图，与现有技术中使用iframe标签创建内联框架，在内联框架中加载待加载热力图网页作为底图，在内联框架层之上渲染该待加载热力图网页的热力图相比，本发明能够在验证待加载热力图网页满足加载热力图的条件时，直接加载该待加载热力图网页作为热力图的底图，然后基于该底图渲染该待加载热力图网页的热力图，从而实现了基于待加载热力图自身加载待加载热力图网页的热力图。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了本发明实施例提供的一种网页热力图的加载方法流程图；

图2示出了本发明实施例提供的另一种网页热力图的加载方法流程图；

图3示出了本发明实施例提供的一种网页热力图的加载装置的组成框图；

图4示出了本发明实施例提供的另一种网页热力图的加载装置的组成框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

本发明实施例提供了一种网页热力图的加载方法，如图1所示，该方法能够直接加载待加载热力图网页作为热力图底图，然后渲染该待加载热力图网页的热力图，从而提高了网页热力图加载的适用性，该方法包括：

101、接收加载热力图指令。

其中，加载热力图指令包括待加载热力图网页的统一资源定位符url以及验证参数，待加载热力图网页为用户根据实际需求确定的需要加载热力图的网页，验证参数中包含用于验证该待加载热力图网页是否满足加载热力图的条件的信息和用于后续加载对应热力图所需的部分信息，验证参数以“？”开始由参数名称和对应的参数值组成，参数名称和对应的参数值之间用“＝”连接，多个验证参数之间用“&”隔开。

在本发明实施例中，客户端接收用户根据实际需求确定的加载热力图指令，以便后续客户端根据加载热力图指令中包括的待加载热力图网页的url以及验证参数判断是否为该待加载热力图网页加载对应的热力图。

例如，客户端a接收到用户根据实际需求确定的加载热力图指令x为“http：//www.taobao.com/？name1＝value1&name2＝value2”，即用户根据实际需求需要为淘宝网首页加载热力图，“http：//www.taobao.com/”为淘宝网首页的url，“name1＝value1&name2＝value2”为验证参数，其中，“name1”和“name2”为参数名称，“value1”和“value2”为对应的参数值。

需要进行说明的是，上述实施例提及的验证参数的数量以及验证参数的参数名称和对应的参数值仅为便于表达，在实际应用过程中，验证参数的数量可以为任意数值以及验证参数的参数名称和对应的参数值可以为任意内容，在本发明实施例中不进行具体限定。

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

在本发明实施例中，经过步骤101客户端在接收到加载热力图指令后，首先，识别接收到的加载热力图指令，获取得到加载热力图指令中包括的待加载热力图网页的url以及验证参数；其次，由于在客户端中存储有待加载热力图网页的url和其对应的验证参数之间的映射关系，因此客户端可以通过判断加载热力图指令中包括的验证参数是否为该待加载热力图网页的url对应的验证参数，来判断该待加载热力图网页的url与该验证参数是否相匹配；最后，当该url与该验证参数相匹配时，即客户端验证该待加热力图网页满足加载热力图的条件，客户端向该待加载热力图网页对应的网站运营方服务器发送请求该待加载热力图网页的信息，客户端在得到网站运营方服务器的响应后，加载该待加载热力图网页作为热力图的底图，并基于该底图渲染该待加载热力图网页的热力图。

需要说明的是，由于不同类型的客户端的分辨率、屏幕大小等不同，导致相同网页在不同类型的客户端上所显示的内容也不相同，因此，客户端向网站运营方发送请求该待加载热力图网页的信息中包含该客户端对应的设备识别码，不同类型的客户端对应不同的设备识别码，网站运营方服务器会根据客户端发送的请求信息中携带的设备识别码做出对应的响应，以保证客户端加载的待渲染热力图网页适应自身的分辨率、屏幕等，从而可以实现在不同类型的客户端中加载待加载热力图网页的热力图。

例如，客户端接a收到用户根据实际需求确定的加载热力图指令x为“http：//www.taobao.com/？name1＝value1&name2＝value2”，经过判断淘宝网首页的url“http：//www.taobao.com/”与验证参数“name1＝value1&name2＝value2”相匹配，即客户端a验证淘宝网首页满足加载热力图的条件。此时，客户端a向淘宝网服务器b发送请求淘宝网首页的信息，客户端a在得到淘宝网服务器b的响应后，加载淘宝网首页作为热力图的底图，并基于该底图渲染淘宝网首页的热力图。

本发明实施例提供的一种网页热力图的加载方法，本发明实施例能够在客户端接收到加载热力图指令后，验证加载热力图指令中包括的待加载热力图网页的统一资源定位符url和验证参数是否相匹配，当经验证，该待加载热力图网页的url和验证参数相匹配时，即该待加载热力图网页满足加载热力图的条件时，加载该待加载热力图网页作为热力图的底图，然后基于该底图渲染该待加载热力图网页的热力图，与现有技术中使用iframe标签创建内联框架，在内联框架中加载待加载热力图网页作为底图，在内联框架层之上渲染该待加载热力图网页的热力图相比，本发明实施例能够在验证待加载热力图网页满足加载热力图的条件时，直接加载该待加载热力图网页作为热力图的底图，然后基于该底图渲染该待加载热力图网页的热力图，从而实现了基于待加载热力图自身加载待加载热力图网页的热力图。

以下为了更加详细地说明，本发明实施例提供了另一种网页热力图的加载方法，特别是渲染待加载热力图网页的热力图的具体方法，具体如图2所示，该方法包括：

201、根据预置验证代码生成验证参数。

其中，预置验证身份代码为第三方数据分析平台服务器提供的经过逻辑封装的javascript代码，网站运营方将该预置验证代码预先部署在待加载热力图网页的代码中。

在本发明实施例中，根据预先部署在待加载热力图网页代码中的预置验证代码生成该待加载热力图网页对应的验证参数，以便后续当客户端在接收到包含待加载热力图网页的url以及匹配的验证参数时，客户端为该待加载热力图网页加载对应的热力图。以下将对客户端如何根据预置验证代码生成验证参数进行详细说明。

(1)接收验证参数生成指令。

其中，验证参数生成指令中包括待加载热力图网页的url，待加载热力图网页为根据用户实际需求确定的需要加热力图的网页。

在本发明实施例中，客户端接收用户根据实际需求确定的验证生成指令，以便后续客户端根据验证参数生成指令中包括的待加载热力图网页的url获取预先部署在待加载热力图网页中的预置验证代码。

(2)根据待加载热力图网页的url获取待加载热力图网页对应的预置验证代码。

在本发明实施例中，客户端在通过上述步骤(1)接收到验证参数生成指令后，根据验证参数生成指令中包括的待加载热力图网页的url获取构建待加载热力图网页所使用的代码，从而获取网站运营方预先部署在待加载热力图网页中的预置验证代码。

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

在本发明实施例中，客户端在获取得到待加载热力图网页对应的预置验证代码后，根据预置验证代码实时生成待加载热力图网页对应的验证参数，以便后续根据验证参数验证客户端是否具有权限为待加载热力图网页加载对应的热力图。客户端在根据预置验证代码生成对应的验证参数后，将待加载热力图网页对应的验证参数进行输出显示，反馈给用户。

其中，生成的验证参数具有时效性，例如，验证参数在生成后，经过一个小时失效、经过两个小时失效等等，从而可以在一定程度上避免由于验证参数被他人获知，而造成用户不必要的损失的情况发生。

需要说明的是，由于，预置验证代码为经过逻辑封装的javascript代码，即预置验证代码(javascript代码)的逻辑和变量被封装在一定范围内，从而使预置验证代码与构建待加载热力图网页的代码之间不发生任何关系，因此，根据预置验证代码生成验证参数不会对待加载热力图网页本身的运行造成任何影响。在实际应用过程中，可以但不限于使用webpack打包工具对预置验证代码(javascript代码)进行打包操作，完成对预置验证代码的逻辑封装。在本发明实施例中，具体通过何种方式完成对预置验证代码的逻辑封装，不进行具体限定。

202、接收加载热力图指令。

其中，关于202、接收加载热力图指令，可以参考图1对应部分的描述，本发明实施例此处将不再赘述。

203、若经验证，待加载热力图网页满足加载热力图的条件，则加载待加载热力图网页。

其中，关于203、若经验证，待加载热力图网页满足加载热力图的条件，则加载待加载热力图网页，可以参考图1对应部分的描述，本发明实施例此处将不再赘述。

204、请求渲染热力图代码。

其中，渲染热力图代码为保存在第三方数据分析平台服务器中的经过逻辑封装的javascript代码。

在本发明实施例中，经过步骤203加载待加载热力图网页后，客户端向第三方数据分析平台服务器发送请求渲染热力图代码的信息，以便第三方数据分析平台服务器将渲染热力图代码发送至客户端。

需要说明的是，渲染热力图代码与预置验证代码相同，同样是经过逻辑封装的javascript代码，即渲染热力图代码(javascript代码)的逻辑和变量被封装在一定范围内，因此，客户端请求到渲染热力图代码后，在后续操作过程中通过加载渲染热力图代码获取待加载热力图网页对应的点击数据、创建待加载热力图网页对应的画布对象以及渲染待加载热力图网页对应的热力图，并不会对待加载热力图网页本身的运行造成任何影响。在实际应用过程中，可以但不限于使用webpack打包工具对渲染热力图代码(javascript代码)进行打包操作，完成对预置验证代码的逻辑封装。在本发明实施例中，具体通过何种方式完成对预置验证代码的逻辑封装，不进行具体限定。

205、通过渲染热力图代码获取待加载热力图网页对应的点击数据。

其中，点击数据包括但不限于点击位置和对应的点击次数等数据，点击数据为第三方数据分析平台服务器根据预先部署在待加载热力图网页中的采集代码采集用户在访问待加载热力图网页过程中产生的所有点击数据，点击数据保存在第三方数据分析平台服务器侧的数据库中，在本发明实施例中，对于点击数据所包含的具体内容，不进行限定。

在本发明实施例中，客户端通过上述步骤204请求到的渲染热力图代码向第三方数据分析平台服务器发送用于获取该待加载热力图网页对应的点击数据的请求信息，以便第三方数据分析平台服务器根据接收到的请求信息将点击数据发送至客户端。以下将对客户端如何通过渲染热力图代码请求待加载热力图网页对应的点击数据进行详细说明。

(1)通过加载渲染热力图代码获取待加载热力图网页的相关信息。

其中，待加载热力图网页的相关信息包括但不限于：待加载热力图网页的协议类型、主机名、访问路径以及待加载热力图网页的高度、宽度等信息。

在本发明实施例中，客户端在加载完待加载热力图网页以及向第三方数据分析平台服务器请求到渲染热力图代码之后，通过加载请求到的渲染热力图代码获取待加载热力图网页的相关信息，例如：协议类型、主机名、访问路径等，以便后续根据获取的相关信息向第三方数据分析平台请求该待加载热力图网页对应的点击数据。

(2)根据相关信息，发送用来获取待加载热力图网页对应的点击数据的请求。

在本发明实施例中，客户端在通过渲染热力图代码获取到待加载热力图网页的相关信息后，根据待加载热力图网页的相关信息向第三方数据分析平台服务器发送用来获取该待加载热力图网页对应的点击数据的请求信息，以便第三方法数据分析平台服务器根据接收到的请求信息中包含的待加载热力图网页的相关信息，在数据库中查找与待加载热力图网页对应的点击数据，并将查找到的点击数据发送至客户端。

(3)接收并存储点击数据。

在本发明实施例中，客户端在向第三方数据分析平台服务器发送用来获取该待加载热力图网页对应的点击数据的请求信息后，接收待加载热力图网页对应的点击数据，并将该点击数据进行存储，以便后续在渲染该待加载热力图网页的热力图过程中使用。需要说明的是，在实际应用过程中，待加载热力图网页的点击数据的数据量往往都比较大，可能会达到几十兆、甚至几百兆，因此，客户端会将请求到的点击数据存储在为该待加载热力图网页分配的内存中。

对于本发明实施例，具体应用场景可以如下所示，但不限于此包括：

客户端a需要加载淘宝网首页对应的热力图，经过前述步骤，客户端a加载完淘宝网首页，并向第三方数据分析平台服务器c请求到渲染热力图代码y后，通过渲染热力图代码y获取淘宝网首页的相关信息a，例如，协议类型：“http”、主机名：“www.taobao.com”等。客户端a根据获取到的相关信息a向第三方数据分析平台服务器c发送获取淘宝网首页对应的点击数据b的请求信息，第三方数据分析平台服务器c根据请求信息中包含的淘宝网首页的相关信息a在数据库中查找点击数据b，并将查找到的点击数据b发送至客户端a。客户端a将请求到的淘宝网首页对应的点击数据b存储在客户端a为淘宝网首页分配的内存c中。

206、创建待加载热力图网页对应的画布对象。

在本发明实施例中，客户端通过上述步骤204请求到的渲染热力图代码创建待加载热力图网页对应的画布对象，以便后续客户端根据请求到的待加载热力图网页对应的点击数据在该画布对象上渲染待加载热力图网页的热力图。以下将对客户端如何通过渲染热力图代码创建待加载热力图网页对应的画布对象进行详细说明。

(1)通过加载渲染热力图代码在待加载热力图网页的文档对象模型中插入元素节点。

其中，文档对象模型(dom，documentobjectmodel)为客户端根据构建待加载热力图网页所使用的代码创建的待加载热力图网页的文档对象模型。

在本发明实施例中，客户端通过请求到的渲染热力图代码在待加载热力图网页的文档对象模型(dom)的最后插入一个元素节点，在本发明实施例中对插入的元素节点的具体种类不进行限定。

(2)在元素节点中添加绘制图层，并将绘制图层置于待加载热力图网页最上层。

在本发明实施例中，经过上述步骤(1)在待加载热力图网页的文档对象模型最后插入一个元素节点之后，在该元素节点中添加绘制图层，并使用css(cascadingstylesheets，层叠样式表)语言中的postion：fied属性将该绘制图层置于待加载热力图网页的最上层，从而使该绘制图层将整个待加载热力图网页覆盖。

(3)根据相关信息在绘制图层中创建待加载热力图网页对应的画布对象。

在本发明实施例中，根据步骤204中获取的待加载热力图网页的相关信息，例如：待加载热力图网页的高度、宽度等信息，在步骤(2)中添加的绘制图层中创建一个与该待加载热力图网页等高、等宽的画布对象，以便后续客户端根据请求到的点击数据在该画布对象中渲染该待加载热力图网页对应的热力图。

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

在本发明实施例中，在获取得到待加载热力图网页对应的点击数据以及创建好待加载热力图网页对应的画布对象后，以待加载热力图网页作为热力图底图，根据获取的点击数据在创建的画布对象上渲染待加载热力图网页对应的热力图，即根据每个点击数据的点击位置确定该点击数据在画布对象中的对应位置，根据该点击位置对应的点击次数确定该对应位置在画布对象中的颜色，从而完成渲染该待加载热力图网页的热力图。

208、清除待加载热力图网页对应的cookie，并刷新待加载热力图网页，以便退出待加载热力图网页的热力图。

在本发明实施例中，当需要退出待加载热力图网页的热力图时，客户端通过清除自身保存的待加载热力图网页对应的cookie，并刷新待加载热力图网页，即可退出待加载热力图网页的热力图。

为了实现上述目的，根据本发明的另一方面，本发明实施例还提供了一种存储介质，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行上述所述的网页热力图的加载方法。

为了实现上述目的，根据本发明的另一方面，本发明实施例还提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行上述所述的网页热力图的加载方法。

进一步的，作为对上述图1及图2所示方法的实现，本发明另一实施例还提供了一种网页热力图的加载装置。该装置实施例与前述方法实施例对应，为便于阅读，本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述，但应当明确，本实施例中的装置能够对应实现前述方法实施例中的全部内容。该装置应用于提高网页热力图加载的适用性，具体如图3所示，该装置包括：

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

加载单元32，用于当经验证，第一接收单元31接收的所述待加载热力图指令中包括的所述待加载热力图网页满足加载热力图的条件时，加载所述待加载热力图网页；

渲染单元33，用于渲染所述待加载热力图网页的热力图。

进一步的，如图4所示，该装置还包括：

第二接收单元34，用于在第一接收单元31接收加载热力图指令之前，接收验证参数生成指令，其中，所述验证参数生成指令中包括所述待加载热力图网页的url；

获取单元35，用于根据第二接收单元34接收的验证参数生成指令中包括的所述待加载热力图网页的url获取所述待加载热力图网页对应的预置验证代码；

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

进一步的，如图4所示，渲染单元33包括：

请求模块331，用于请求渲染热力图代码；

获取模块332，用于通过请求模块331请求的所述渲染热力图代码获取所述待加载热力图网页对应的点击数据；

创建模块333，用于通过请求模块331请求的所述渲染热力图代码创建所述待加载热力图网页对应的画布对象；

渲染模块334，用于根据获取模块332获取的所述点击数据在创建模块333创建的所述画布对象上渲染所述待加载热力图网页的热力图。

进一步的，如图4所示，获取模块332包括：

获取子模块3321，用于通过加载渲染热力图代码获取所述待加载热力图网页的相关信息；

发送子模块3322，用于根据获取子模块3321获取的所述相关信息，发送用来获取所述待加载热力图网页对应的点击数据的请求；

接收子模块3323，用于接收并存储所述点击数据。

进一步的，如图4所示，创建模块333包括：

插入子模块3331，用于通过加载所述渲染热力图代码在所述待加载热力图网页的文档对象模型中插入元素节点；

添加子模块3332，用于在插入子模块3331插入的所述元素节点中添加绘制图层，并将所述绘制图层置于所述待加载热力图网页最上层；

创建子模块3333，用于根据所述相关信息在添加子模块3332添加的所述绘制图层中创建所述待加载热力图网页对应的画布对象。

进一步的，如图4所示，所述装置还包括：

清除单元37，用于在渲染单元33渲染所述待加载热力图网页的热力图之后，清除所述待加载热力图网页对应的cookie，并刷新所述待加载热力图网页，以便退出所述待加载热力图网页的热力图。

进一步的，如图4所示，所述渲染热力图代码以及所述预置验证代码为经过逻辑封装的javascript代码。

本发明实施例提供的一种网页热力图的加载装置，本发明实施例能够在客户端接收到加载热力图指令后，验证加载热力图指令中包括的待加载热力图网页的统一资源定位符url和验证参数是否相匹配，当经验证，该待加载热力图网页的url和验证参数相匹配时，即该待加载热力图网页满足加载热力图的条件时，加载该待加载热力图网页作为热力图的底图，并向服务器请求渲染热力图代码，客户端通过加载渲染热力图代码获取待加载热力图网页对应的点击数据、创建待加载热力图网页对应的画布对象，并根据获取的点击数据在创建的画布对象中渲染该待加载热力图网页的热力图，与现有技术中使用iframe标签创建内联框架，在内联框架中加载待加载热力图网页作为底图，在内联框架层之上渲染该待加载热力图网页的热力图相比，本发明实施例能够在验证待加载热力图网页满足加载热力图的条件时，直接加载该待加载热力图网页作为热力图的底图，然后基于该底图渲染该待加载热力图网页的热力图，从而实现了基于待加载热力图自身加载待加载热力图网页的热力图。同时，预先部署在待加载热力图网页的代码中的预置验证代码和向第三方数据分析平台服务器请求到的渲染热力图代码均为经过逻辑封装的javascript代码，从而可以保证预置验证代码和渲染热力图代码不会对待加载热力图网页本身的运行造成任何影响。此外，能够通过在待加载热力图网页的文档对象模型中插入元素节点的方式创建待加载热力图网页的画布对象，从而可以实现用户与待加载热力图网页之间进行交互，进而调高了提高了热力图的可操作性和用户体验。

所述网页热力图的加载包括处理器和存储器，上述第一接收单元、加载单元和渲染单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来实现基于待加载热力图自身加载待加载热力图网页的热力图。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flashram)，存储器包括至少一个存储芯片。

本发明实施例提供了一种存储介质，其上存储有程序，该程序被处理器执行时实现以上实施例中任一项所述的网页热力图的加载方法。

本发明实施例提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行以上实施例中任一项所述的网页热力图的加载方法。

本发明实施例提供了一种设备，设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序，处理器执行程序时实现以下步骤：

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

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

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

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

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

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

进一步的，渲染所述待加载热力图网页的热力图包括：

请求渲染热力图代码；

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

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

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

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

根据所述相关信息，发送用来获取所述待加载热力图网页对应的点击数据的请求；

接收并存储所述点击数据。

进一步的，创建所述待加载热力图网页对应的画布对象，包括：

通过加载所述渲染热力图代码在所述待加载热力图网页的文档对象模型中插入元素节点；

在所述元素节点中添加绘制图层，并将所述绘制图层置于所述待加载热力图网页最上层；

根据所述相关信息在所述绘制图层中创建所述待加载热力图网页对应的画布对象。

进一步的，在渲染所述待加载热力图网页的热力图之后，所述方法还包括：

清除所述待加载热力图网页对应的cookie，并刷新所述待加载热力图网页，以便退出所述待加载热力图网页的热力图。

进一步的，所述渲染热力图代码以及所述预置验证代码为经过逻辑封装的javascript代码。

本文中的设备可以是服务器、pc、pad、手机等。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序代码：接收加载热力图指令，其中，所述加载热力图指令中包括待加载热力图网页的统一资源定位符url及验证参数，所述验证参数用于验证所述待加载热力图网页是否满足加载热力图的条件；若经验证，所述待加载热力图网页满足加载热力图的条件，则加载所述待加载热力图网页，并渲染所述待加载热力图网页的热力图。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flashram)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitorymedia)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。