CN103618773A - 热力图的显示方法、装置及系统 - Google Patents

Abstract

本发明公开了一种热力图的显示方法、装置及系统。其中，该方法包括：将动态显示页面转换为多张静态显示页面，其中，动态显示页面为滚动显示的页面集合；获取页面集合对应的多张热力图；将多张热力图分别覆盖在对应的静态显示网页之上。通过本发明，能够实现可以直观展示动态显示页面的热力图。

Description

热力图的显示方法、装置及系统

技术领域

本发明涉及计算机互联网领域，具体而言，涉及一种热力图的显示方法、装置及系统。

背景技术

在WAP站点的用户点击分析中采用基于用户点击链接的行为来生成相应的热力图，链接级热力图支持目标页面用户点击行为（精确到链接）的监测，能够直观的呈现出网页中哪些链接比较吸引访问者点击而哪些链接吸引力不大。

视频基地要进行WAP全方位改版，地址映射会重新定位到OMS新的目录树中去（目前域名指向的地址都是老版的），WAP改版后简版热力图、彩板热力图及触屏版热力图都会改变域名地址映射，改版以后，WAP新版上线后，适配随之更改，需检测WAP改版后，各版本热力图下载是否随着UA适配指向正确的地址、下载的页面是否是改版后的WAP页面。

针对如图1所示的视频基地WAP网站触屏版的首页为例的动态显示页面，用户可以通过触发滑动键来显示多张网页页面，即相对于普通页面的展示方式，触屏版的页面展示是可以使用滑动方式动态显示，方便了用户在触屏手机上进行内容的阅读，不过对热力图的展示提出了比较高难度的要求。热力图模块在页面上覆盖上热点后，该网页仅仅作为用户点击的背景存在，无法供管理员滑动，也无法重新覆盖热力图。

目前针对相关技术的无法正常显示动态显示页面的热力图的问题，目前尚未提出有效的解决方案。

发明内容

针对相关技术的无法正常显示动态显示页面的热力图的问题，目前尚未提出有效的解决方案，为此，本发明的主要目的在于提供一种热力图的显示方法、装置及系统，以解决上述问题。

为了实现上述目的，根据本发明的一个方面，提供了一种热力图的显示方法，该方法包括：将动态显示页面转换为多张静态显示页面，其中，动态显示页面为滚动显示的页面集合；获取页面集合对应的多张热力图；将多张热力图分别覆盖在对应的静态显示网页之上。

进一步地，将动态显示页面转换为多张静态显示页面的步骤包括：提取动态显示网页中包含的所有页面的URL地址及其对应的坐标；将每个页面的URL地址对应的坐标设置为新坐标；将每个页面按照新坐标进行显示，获取到多张静态显示页面。

进一步地，将每个页面按照新坐标进行显示，获取到多张静态显示页面的步骤包括：当每个网页的新坐标的纵坐标值都相同，且横坐标值相隔固定间距时，构建多张静态显示页面为横排显示的固定网页；当每个网页的新坐标的横坐标值都相同，且纵坐标值相隔固定间距时，构建多张静态显示页面为横排显示的固定网页。

进一步地，将多张热力图分别覆盖在对应的静态显示网页之上的步骤包括：读取步骤，用于读取动态显示页面中第一页面对应的新坐标；获取步骤，用于根据动态显示网页中第一页面的URL地址获取第一页面对应的热力图；修改步骤，用于将第一页面的热力图的坐标值修改为第一页面的新坐标；循环步骤，用于通过循环执行读取步骤、获取步骤和修改步骤来遍历修改所有热力图的坐标值，获取每张热力图的新坐标；覆盖步骤，用于将每张热力图按照新坐标显示在对应的静态显示网页之上。

进一步地，获取页面集合对应的多张热力图的步骤包括：记录用户点击页面集合中各个页面时的点击坐标和网页的URL地址；按照点击坐标和网页的URL地址生成每个页面的热力图。

为了实现上述目的，根据本发明的另一方面，提供了一种热力图的显示装置，该装置包括：转换模块，用于将动态显示页面转换为多张静态显示页面，其中，动态显示页面为滚动显示的页面集合；获取模块，用于获取页面集合对应的多张热力图；显示模块，用于将多张热力图分别覆盖在对应的静态显示网页之上。

进一步地，提取模块，用于提取动态显示网页中包含的所有页面的URL地址及其对应的坐标；设置模块，用于将每个页面的URL地址对应的坐标设置为新坐标；第一子获取模块，用于将每个页面按照新坐标进行显示，获取到多张静态显示页面。

进一步地，第一子获取模块包括：第一构建模块，用于当每个网页的新坐标的纵坐标值都相同，且横坐标值相隔固定间距时，构建多张静态显示页面为横排显示的固定网页；或，第二构建模块，用于当每个网页的新坐标的横坐标值都相同，且纵坐标值相隔固定间距时，构建多张静态显示页面为横排显示的固定网页。

进一步地，读取模块，用于读取动态显示页面中第一页面对应的新坐标；第二子获取模块，用于根据动态显示网页中第一页面的URL地址获取第一页面对应的热力图；修改模块，用于将第一页面的热力图的坐标值修改为第一页面的新坐标；循环模块，用于通过循环执行读取模块、第二子获取模块和修改模块来遍历修改所有热力图的坐标值，获取每张热力图的新坐标；覆盖模块，用于将每张热力图按照新坐标显示在对应的静态显示网页之上。

进一步地，获取模块包括：记录模块，用于记录用户点击页面集合中各个页面时的点击坐标和网页的URL地址；生成模块，用于按照点击坐标和网页的URL地址生成每个页面的热力图。

为了实现上述目的，根据本发明的又一方面，提供了一种热力图的显示系统，该系统包括：客户端，发送热力图请求；服务器群，与客户端建立通信关系，用于接收客户端的热力图请求，并根据热力图请求将动态显示页面转换为多张静态显示页面，其中，动态显示页面为滚动显示的页面集合，并在获取页面集合对应的多张热力图之后，将多张热力图分别覆盖在对应的静态显示网页之上。

进一步地，服务器群包括：应用服务器，与客户端建立通信关系，用于根据热力图请求获取动态显示网页中包含的所有页面的URL地址及其对应的坐标；数据库服务器，与应用服务器建立通信关系，用于将每个页面的URL地址对应的坐标设置为新坐标，并将每个页面按照新坐标进行显示，获取到多张静态显示页面返回给客户端。

进一步地，服务器群还包括：源码服务器，与应用服务器建立通信关系，用于接收所有页面的URL地址及其对应的坐标，并根据所有页面的URL地址下载源码信息；图片服务器，与源码服务器或客户端建立通信关系，用于获取源码信息，下载所有页面的热力图，并将热力图返回给客户端。

通过本发明，采用将动态显示页面转换为多张静态显示页面，其中，动态显示页面为滚动显示的页面集合；获取页面集合对应的多张热力图；将多张热力图分别覆盖在对应的静态显示网页之上，解决了相关技术的无法正常显示动态显示页面的热力图的问题，进而实现可以直观展示动态显示页面的热力图的效果。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据现有技术的动态显示页面的显示效果示意图；

图2是根据本发明实施例的热力图的显示方法的流程图；

图3是根据图2所示的实施例的静态显示页面的显示效果示意图；

图4是根据本发明实施例的热力图的显示装置的结构示意图；以及

图5是根据本发明实施例的热力图的显示系统的结构示意图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。

实施例一：

在其最基本的配置中，图2是根据本发明实施例的热力图的显示方法的流程图；图3是根据图2所示的实施例的静态显示页面的显示效果示意图。

如图2所示，该方法包括如下步骤：

步骤S10，将动态显示页面转换为多张静态显示页面，其中，动态显示页面为滚动显示的页面集合。

步骤S30，获取页面集合对应的多张热力图。

步骤S50，将多张热力图分别覆盖在对应的静态显示网页之上。

本申请上述实施例通过将动态显示网页中的动态内容转变为静态内容以完全展示给管理员，解决了相关技术的无法正常显示动态显示页面的热力图的问题，进而实现可以直观展示动态显示页面的热力图的效果。

本申请上述实施例中，步骤S10将动态显示页面转换为多张静态显示页面的步骤可以包括如下步骤：

步骤S101，提取动态显示网页中包含的所有页面的URL地址及其对应的坐标。

步骤S102，将每个页面的URL地址对应的坐标设置为新坐标。

步骤S103，将每个页面按照新坐标进行显示，获取到多张静态显示页面。

优选地，上述步骤S103，将每个页面按照新坐标进行显示，获取到多张静态显示页面可以通过如下方案实现：当每个网页的新坐标的纵坐标值都相同，且横坐标值相隔固定间距时，构建多张静态显示页面为横排显示的固定网页；当每个网页的新坐标的横坐标值都相同，且纵坐标值相隔固定间距时，构建多张静态显示页面为横排显示的固定网页。

具体的，本申请上述实施例中动态显示网页包含的所有子页面在网页页面上显示位置相同，即它们的坐标相同，通过步骤S102，将每个页面的URL地址对应的坐标设置为新坐标的过程中，如图3所示，新坐标的设定可以将原来横排触屏的内容转化为竖排的固定内容，或者转化为横排的固定内容，同时将用户点击链接一次全部覆盖在该完整页面上，得到一个直观的展示效果。

本申请上述实施例中，步骤S50，将多张热力图分别覆盖在对应的静态显示网页之上的步骤可以包括如下步骤：

读取步骤，用于读取动态显示页面中第一页面对应的新坐标。

获取步骤，用于根据动态显示网页中第一页面的URL地址获取第一页面对应的热力图。

修改步骤，用于将第一页面的热力图的坐标值修改为第一页面的新坐标。

循环步骤，用于通过循环执行读取步骤、获取步骤和修改步骤来遍历修改所有热力图的坐标值，获取每张热力图的新坐标。

覆盖步骤，用于将每张热力图按照新坐标显示在对应的静态显示网页之上。

具体的，本申请上述实施例实现的热力图展现原理流程具体如下：

首先，用户可以通过浏览器客户端访问动态热力图，客户端向应用服务器发出热力图请求。

然后，应用服务器向移动视频基地源码服务器发送热力图的URl，下载源码信息，下载完成之后转发给用户浏览器上。

此时，客户端的用户得到源码之后向视频基地图片服务器发送下载热力图的图片请求，下载热力图的图片集合到浏览器上。

最后，应用服务器在wap收集源码当中的URL之后向数据库服务器发送URL信息，数据库计算应用服务器发送的URL等信息，并将计算结果返回给应用服务器，当用户下载完图片之后，向应用服务器发送请求，应用服务器将计算的结果转发到用户浏览器上（加载热力图过程）。

由上可知，本申请上述实施例实现了，用户在点击热力图之后，WD门户服务器会去用户服务器上下载动态页面的源码，在不改变动态页面的页面框架的前提下对源码进行重新编译，在将滑动屏的位置上的源码进行重新排版之后，将原有动态的页面转化为静态页面，然后再转发到WD系统热力图背景页面上。

本申请上述实施例中，步骤S30获取页面集合对应的多张热力图的步骤可以包括如下实施步骤：

步骤S301，记录用户点击页面集合中各个页面时的点击坐标和网页的URL地址。

步骤S302，按照点击坐标和网页的URL地址生成每个页面的热力图。

具体的，用户访问当前页面并且有访问这个页面的链接，那么在后台数据库里记录相应的坐标，在这个链接上就会形成一个用户访问行为，即在该链接的位置上形成热力图原数据上一个访问。横屏热力图当中的每一个屏都与各自上方的热力图绑定，具体的，可以采用热力图的图片编号或地址等图片标识进行绑定。在点击下一屏时相应的热力图也会变成与之相对应的热力图。

需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

实施例二：

在描述本发明的各实施例的进一步细节的过程中，可以将参考图4来描述可用于实现本发明的原理的一个合适的计算体系结构。在以下描述中，除非另外指明，否则将参考由一个或多个计算机执行的动作和操作的符号表示来描述本发明的各实施例。由此，可以理解，有时被称为计算机执行的这类动作和操作包括计算机的处理单元对以结构化形式表示数据的电信号的操纵。这一操纵转换了数据或在计算机的存储器系统中的位置上维护它，这以本领域的技术人员都理解的方式重配置或改变了计算机的操作。维护数据的数据结构是具有数据的格式所定义的特定属性的存储器的物理位置。然而，尽管在上述上下文中描述本发明，但它并不意味着限制性的，如本领域的技术人员所理解的，后文所描述的动作和操作的各方面也可用硬件来实现。

转向附图，其中相同的参考标号指代相同的元素，本发明的原理被示为在一个合适的计算环境中实现。以下描述基于所述的本发明的实施例，并且不应认为是关于此处未明确描述的替换实施例而限制本发明。

图4是根据本发明实施例的热力图的显示装置的结构示意图。如图4所示，该热力图的显示装置可以包括：一转换模块101、一获取模块103和一显示模块105。

其中，转换模块101，用于将动态显示页面转换为多张静态显示页面，其中，动态显示页面为滚动显示的页面集合。

获取模块103，用于获取页面集合对应的多张热力图。

显示模块105，用于将多张热力图分别覆盖在对应的静态显示网页之上。

本申请上述实施例通过将动态显示网页中的动态内容转变为静态内容以完全展示给管理员，解决了相关技术的无法正常显示动态显示页面的热力图的问题，进而实现可以直观展示动态显示页面的热力图的效果。

优选地，本申请上述实施例中的转换模块101可以包括：

提取模块1011，用于提取动态显示网页中包含的所有页面的URL地址及其对应的坐标。

设置模块1012，用于将每个页面的URL地址对应的坐标设置为新坐标。

第一子获取模块1013，用于将每个页面按照新坐标进行显示，获取到多张静态显示页面。

优选地，本申请上述实施例中的第一子获取模块1013包括：第一构建模块，用于当每个网页的新坐标的纵坐标值都相同，且横坐标值相隔固定间距时，构建多张静态显示页面为横排显示的固定网页；或，第二构建模块，用于当每个网页的新坐标的横坐标值都相同，且纵坐标值相隔固定间距时，构建多张静态显示页面为横排显示的固定网页。

优选地，本申请上述实施例中的显示模块105可以包括：

读取模块1051，用于读取动态显示页面中第一页面对应的新坐标。

第二子获取模块1052，用于根据动态显示网页中第一页面的URL地址获取第一页面对应的热力图。

修改模块1053，用于将第一页面的热力图的坐标值修改为第一页面的新坐标。

循环模块1054，用于通过循环执行读取模块、第二子获取模块和修改模块来遍历修改所有热力图的坐标值，获取每张热力图的新坐标。

覆盖模块1055，用于将每张热力图按照新坐标显示在对应的静态显示网页之上。

优选地，本申请上述实施例中的获取模块103可以包括：

记录模块1031，用于记录用户点击页面集合中各个页面时的点击坐标和网页的URL地址。

生成模块1032，用于按照点击坐标和网页的URL地址生成每个页面的热力图。

本申请涉及到的热力图是指用户访问热衷的页面区域和地理区域的对象之后，页面以特殊高亮的形式显示不同的访问频率，可以直观获知用户的访问趋势。

实施例三：

图5示出了可用于这些设备的一个示例计算机体系结构的示意图。出于描述的目的，所绘的体系结构仅为合适环境的一个示例，并非对本发明的使用范围或功能提出任何局限。也不应将该计算系统解释为对图5所示的任一组件或其组合具有任何依赖或需求。

本发明的原理可以使用其它通用或专用计算或通信环境或配置来操作。适用于本发明的众所周知的计算系统、环境和配置的示例包括但不限于，个人计算机、服务器，多处理器系统、基于微处理的系统、小型机、大型计算机、以及包括任一上述系统或设备的分布式计算环境。

图5是根据本发明实施例的热力图的显示系统的结构示意图。如图4所示，该热力图的显示系统可以包括：一客户端和一服务机群。

其中，客户端，发送热力图请求；服务器群，与客户端建立通信关系，用于接收客户端的热力图请求，并根据热力图请求将动态显示页面转换为多张静态显示页面，其中，动态显示页面为滚动显示的页面集合，并在获取页面集合对应的多张热力图之后，将多张热力图分别覆盖在对应的静态显示网页之上。

本申请上述实施例中的服务器群可以包括：应用服务器和数据库服务器。

其中，应用服务器，与客户端建立通信关系，用于根据热力图请求获取动态显示网页中包含的所有页面的URL地址及其对应的坐标；数据库服务器，与应用服务器建立通信关系，用于将每个页面的URL地址对应的坐标设置为新坐标，并将每个页面按照新坐标进行显示，获取到多张静态显示页面返回给客户端。

本申请上述实施例中，该服务器群还可以包括：一源码服务器和一图片服务器。

其中，源码服务器，与应用服务器建立通信关系，用于接收所有页面的URL地址及其对应的坐标，并根据所有页面的URL地址下载源码信息；图片服务器，与源码服务器或客户端建立通信关系，用于获取源码信息，下载所有页面的热力图，并将热力图返回给客户端。

具体的，由上述方案可知，本申请上述系统实施例的方案具体实施过程如下：

首先，用户可以通过浏览器客户端访问动态热力图，客户端向应用服务器发出热力图请求。

然后，应用服务器向移动视频基地源码服务器发送热力图的URl，下载源码信息，下载完成之后转发给用户浏览器上。

此时，客户端的用户得到源码之后向视频基地图片服务器发送下载热力图的图片请求，下载热力图的图片集合到浏览器上。

最后，应用服务器在wap收集源码当中的URL之后向数据库服务器发送URL信息，数据库计算应用服务器发送的URL等信息，并将计算结果返回给应用服务器，当用户下载完图片之后，向应用服务器发送请求，应用服务器将计算的结果转发到用户浏览器上（加载热力图过程）。

此处需要说明的是，本申请上述方法实施例的方案可以应用在系统实施例中，例如，方法实施例所实现的计算机程序可以在系统中服务器群中运行实现。

从以上的描述中，可以看出，本发明实现了如下技术效果：解决了相关技术的无法正常显示动态显示页面的热力图的问题，进而实现可以直观展示动态显示页面的热力图的效果。

通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）执行本申请各个实施例或者实施例的某些部分所述的方法。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本申请可用于众多通用或专用的计算系统环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器系统、基于微处理器的系统、置顶盒、可编程的消费电子设备、网络PC、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

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

Claims (13)

1.一种热力图的显示方法，其特征在于，包括：

将动态显示页面转换为多张静态显示页面，其中，所述动态显示页面为滚动显示的页面集合；

获取所述页面集合对应的多张热力图；

将所述多张热力图分别覆盖在对应的所述静态显示网页之上。

2.根据权利要求1所述的方法，其特征在于，将动态显示页面转换为多张静态显示页面的步骤包括：

提取所述动态显示网页中包含的所有页面的URL地址及其对应的坐标；

将每个页面的URL地址对应的坐标设置为新坐标；

将每个页面按照所述新坐标进行显示，获取到所述多张静态显示页面。

3.根据权利要求2所述的方法，其特征在于，将每个页面按照所述新坐标进行显示，获取到所述多张静态显示页面的步骤包括：当每个网页的新坐标的纵坐标值都相同，且横坐标值相隔固定间距时，构建所述多张静态显示页面为横排显示的固定网页；当每个网页的新坐标的横坐标值都相同，且纵坐标值相隔固定间距时，构建所述多张静态显示页面为横排显示的固定网页。

4.根据权利要求3所述的方法，其特征在于，将所述多张热力图分别覆盖在对应的所述静态显示网页之上的步骤包括：

读取步骤，用于读取所述动态显示页面中第一页面对应的新坐标；

获取步骤，用于根据所述动态显示网页中所述第一页面的URL地址获取所述第一页面对应的热力图；

修改步骤，用于将所述第一页面的热力图的坐标值修改为所述第一页面的新坐标；

循环步骤，用于通过循环执行所述读取步骤、所述获取步骤和所述修改步骤来遍历修改所有热力图的坐标值，获取每张热力图的新坐标；

覆盖步骤，用于将每张热力图按照新坐标显示在对应的静态显示网页之上。

5.根据权利要求1至4中任意一项所述的方法，其特征在于，获取所述页面集合对应的多张热力图的步骤包括：

记录用户点击所述页面集合中各个页面时的点击坐标和所述网页的URL地址；

按照所述点击坐标和所述网页的URL地址生成每个页面的热力图。

6.一种热力图的显示装置，其特征在于，包括：

转换模块，用于将动态显示页面转换为多张静态显示页面，其中，所述动态显示页面为滚动显示的页面集合；

获取模块，用于获取所述页面集合对应的多张热力图；

显示模块，用于将所述多张热力图分别覆盖在对应的所述静态显示网页之上。

7.根据权利要求6所述的装置，其特征在于，所述转换模块包括：

提取模块，用于提取所述动态显示网页中包含的所有页面的URL地址及其对应的坐标；

设置模块，用于将每个页面的URL地址对应的坐标设置为新坐标；

第一子获取模块，用于将每个页面按照所述新坐标进行显示，获取到所述多张静态显示页面。

8.根据权利要求7所述的装置，其特征在于，所述第一子获取模块包括：第一构建模块，用于当每个网页的新坐标的纵坐标值都相同，且横坐标值相隔固定间距时，构建所述多张静态显示页面为横排显示的固定网页；或，第二构建模块，用于当每个网页的新坐标的横坐标值都相同，且纵坐标值相隔固定间距时，构建所述多张静态显示页面为横排显示的固定网页。

9.根据权利要求8所述的装置，其特征在于，所述显示模块包括：

读取模块，用于读取所述动态显示页面中第一页面对应的新坐标；

第二子获取模块，用于根据所述动态显示网页中所述第一页面的URL地址获取所述第一页面对应的热力图；

修改模块，用于将所述第一页面的热力图的坐标值修改为所述第一页面的新坐标；

循环模块，用于通过循环执行所述读取模块、所述第二子获取模块和所述修改模块来遍历修改所有热力图的坐标值，获取每张热力图的新坐标；

覆盖模块，用于将每张热力图按照新坐标显示在对应的静态显示网页之上。

10.根据权利要求6至9中任意一项所述的装置，其特征在于，所述获取模块包括：

记录模块，用于记录用户点击所述页面集合中各个页面时的点击坐标和所述网页的URL地址；

生成模块，用于按照所述点击坐标和所述网页的URL地址生成每个页面的热力图。

11.一种热力图的显示系统，其特征在于，包括：

客户端，发送热力图请求；

服务器群，与所述客户端建立通信关系，用于接收所述客户端的所述热力图请求，并根据所述热力图请求将动态显示页面转换为多张静态显示页面，其中，所述动态显示页面为滚动显示的页面集合，并在获取所述页面集合对应的多张热力图之后，将所述多张热力图分别覆盖在对应的所述静态显示网页之上。

12.根据权利要求11所述的系统，其特征在于，所述服务器群包括：

应用服务器，与所述客户端建立通信关系，用于根据所述热力图请求获取所述动态显示网页中包含的所有页面的URL地址及其对应的坐标；

数据库服务器，与所述应用服务器建立通信关系，用于将每个页面的URL地址对应的坐标设置为新坐标，并将每个页面按照所述新坐标进行显示，获取到所述多张静态显示页面返回给所述客户端。

13.根据权利要求12所述的系统，其特征在于，所述服务器群还包括：

源码服务器，与所述应用服务器建立通信关系，用于接收所有页面的URL地址及其对应的坐标，并根据所述所有页面的URL地址下载源码信息；

图片服务器，与所述源码服务器或所述客户端建立通信关系，用于获取所述源码信息，下载所有页面的热力图，并将所述热力图返回给所述客户端。

Images