CN104572783A - 网页点击情况的展示方法及装置 - Google Patents

Abstract

本发明实施例公开了一种网页点击情况的展示方法和装置，所述方法包括：接收网页点击数据记录，所述网页点击数据记录与终端的网页上的点击位置对应；根据所述网页点击数据记录所对应的区域单元块，对所述网页的点击情况进行归类和统计，以生成第一统计结果；将所述第一统计结果转换成符合参照标准的绘图数据；根据所述网页和所述绘图数据生成网页点击情况图。本发明实施例能够大大减少了网页点击情况图的生成过程中所需处理的数据量。

Description

网页点击情况的展示方法及装置

【技术领域】

本发明涉及计算机技术领域，特别涉及一种网页点击情况的展示方法及装置。 

【背景技术】

随着大数据时代的到来，数据可视化成为了数据应用方向的热门话题，因此越来越受重视。将枯燥的指标和运营数据转化为直观的图像，成为了主流的数据分析技术和方式。 

目前业界的同类型应用一般会对用户的点击操作所对应的孤点进行处理。 

在实践中，发明人发现现有技术至少存在以下问题： 

在上述传统技术中，要对用户的点击操作所对应的孤点进行处理不是一件容易的事情，因为每一个孤点太分散，相对地，这些孤点所对应的数据量非常庞大，这会对服务器造成很重的数据处理（例如，计算、渲染）负担。 

故，有必要提出一种新的技术方案，以解决上述技术问题。 

【发明内容】

本发明的目的在于提供一种网页点击情况的展示方法、装置 以及网页点击数据记录的生成方法、装置，其能减少在生成网页点击情况图时所需的数据处理量。 

为解决上述问题，本发明实施例的技术方案如下： 

一种网页点击情况的展示方法，包括：接收网页点击数据记录，所述网页点击数据记录与终端的网页上的点击位置对应；根据所述网页点击数据记录所对应的区域单元块，对所述网页的点击情况进行归类和统计，以生成第一统计结果；将所述第一统计结果转换成符合参照标准的绘图数据；根据所述网页和所述绘图数据生成网页点击情况图。 

一种网页点击情况的展示装置，包括：接收模块，用于接收网页点击数据记录，所述网页点击数据记录与终端的网页上的点击位置对应；统计模块，用于根据所述网页点击数据记录所对应的区域单元块，对所述网页的点击情况进行归类和统计，以生成第一统计结果；转换模块，用于将所述第一统计结果转换成符合参照标准的绘图数据；绘图模块，用于根据所述网页和所述绘图数据生成网页点击情况图。 

一种网页点击数据记录的生成方法，包括：获取点击位置数据，其中，所述点击位置数据与用户在网页上的点击操作对应；计算所述点击位置数据在所述网页处于第一展示窗口状态下的第一相对位置，以及在所述网页处于第二展示窗口状态下的第二相对位置；将所述第一相对位置和所述第二相对位置转换成标准状态位置，以生成所述网页点击数据记录；其中，所述网页点击数据记录用于提供给服务器进行统计并生成网页点击情况图。 

一种网页点击数据记录的生成装置，包括：点击位置数据获取模块，用于获取点击位置数据，其中，所述点击位置数据与用户在网页上的点击操作对应；位置计算模块，用于计算所述点击位置数据在所述网页处于第一展示窗口状态下的第一相对位置，以及在所述网页处于第二展示窗口状态下的第二相对位置；网页点击数据记录生成模块，用于将所述第一相对位置和所述第二相对位置转换成标准状态位置，以生成所述网页点击数据记录；其中，所述网页点击数据记录用于提供给服务器进行统计并生成网页点击情况图。 

相对现有技术，本发明实施例大大减少了网页点击情况图的生成过程中所需处理的数据量。 

为让本发明的上述内容能更明显易懂，下文特举优选实施例，并配合所附图式，作详细说明如下： 

【附图说明】

图1为本发明实施例的网页点击情况的展示方法和装置的工作模式示意图； 

图2为本发明实施例的网页点击情况的展示方法和装置的运行环境示意图； 

图3为本发明的网页点击情况的展示装置的第一实施例的框图； 

图4为本发明的网页点击情况的展示装置的第二实施例中计算网页点击数据记录所对应的区域单元块的示意图； 

图5为本发明的统计模块对网页点击数据记录进行归类的示意图； 

图6为本发明的网页点击情况的展示装置的第三实施例中转换模块的框图； 

图7为本发明的网页点击情况的展示装置的第五实施例中绘图模块的框图； 

图8为本发明的网页点击情况的展示装置的第七实施例的框图； 

图9为与提示区域相关的第二统计结果的示意图； 

图10为本发明的网页点击情况的展示方法的第一实施例的流程图； 

图11为本发明的网页点击情况的展示方法的第二实施例的流程图； 

图12为本发明的网页点击情况的展示方法的第三实施例的流程图； 

图13为本发明的网页点击情况的展示方法的第五实施例的流程图； 

图14为本发明的网页点击情况的展示方法的第七实施例的流程图； 

图15为本发明中终端生成所述网页点击数据记录的示意图； 

图16为本发明的网页点击数据记录的生成装置的第一实施例的框图； 

图17为本发明的网页点击数据记录的生成方法的第一实施 例的流程图。 

【具体实施方式】

以下各实施例的说明是参考附加的图式，用以例示本发明可用以实施的特定实施例。 

术语“组件”、“模块”、“系统”、“接口”等等一般指：硬件、硬件和软件的组合、软件或执行中的软件。例如，组件可以是但不限于是运行在处理器上的进程、处理器、对象、可执行应用、执行的线程、程序和/或计算机。通过图示，运行在控制器上的应用和该控制器二者都可以是组件。一个或多个组件可以存在于执行的进程和/或线程内，并且组件可以位于一个计算机上和/或分布在两个或更多计算机之间。 

本说明书所使用的词语“实施例”意指用作实例、示例或例证。全文描述为“实施例”任意方面或设计不必被解释为比其他方面或设计更有利。相反，词语“实施例”的使用旨在以具体方式提出概念。本说明书所使用的术语“或”旨在意指包含的“或”而非排除的“或”。即，除非另外指定或从上下文中清楚，“X使用A或B”意指自然包括排列的任意一个。即，如果X使用A；X使用B；或X使用A和B二者，则“X使用A或B”在前述任一示例中得到满足。此外，本说明书和所附权利要求中所使用的冠词“一”一般地可以被解释为意指“一个或多个”，除非另外指定或从上下文清楚导向单数形式。 

本发明要求保护的主题可以被实现为使用标准编程和/或工 程技术产生软件、固件、硬件或其任意组合以控制计算机实现所公开的主题的方法、装置或制造品。本文所使用的术语“制造品”旨在包含可从任意计算机可读设备、载体或介质访问的计算机程序。当然，本领域技术人员将认识到可以对该配置进行许多修改，而不脱离要求保护的主题的范围或精神。 

图1、图2及随后的论述提供了对实现本文所阐述的一个或多个实施例的工作模式、运行环境的描述。图1所示的工作模式、运行环境仅仅是适当的工作模式、运行环境的一个实例并且不旨在建议关于工作模式、运行环境的用途或功能的范围的任何限制。 

本发明的网页点击情况的展示方法和装置可以在以下设备中应用：包括但不限于个人计算机、服务器计算机、手持式或膝上型设备、移动设备（比如移动电话、个人数字助理（PDA，Personal Digital Assistant）、媒体播放器等等）、多处理器系统、消费型电子设备、小型计算机、大型计算机、包括上述任意系统或设备的分布式计算环境，等等。 

图1示出了本说明书所提供的一个或多个实施例的装置或系统的工作模式，其中，本发明的网页点击情况的展示装置可以视作服务器100或客户端设备300，其中，服务器100与客户端设备300通过网络200通信。服务器100中可以设置有数据库和云端处理器，服务器100中的数据库和云端处理器可以为客户端设备300中的数据提供数据存储和数据处理功能。服务器100和客户端设备300通过网络200交互和交换数据。在本说明书中， 优选地，将服务器100作为本发明的网页点击情况的展示的示例性对象。 

参考图2，图2为本发明实施例的网页点击情况的展示方法和装置的运行环境示意图。 

本发明实施例的网页点击情况的展示方法及装置可以运行于安装有计算机操作系统的用户设备中，该用户设备可以是台式电脑、笔记本电脑、服务器等等中的一种或者一种以上组合而成的系统。该用户设备中可以包括处理器1001、存储器1002、传感器1004、时钟信号生成器1006、通信接口1005、输入输出设备1003等中的任意组合100，用户设备中的处理器1001、存储器1002、传感器1004、输入输出设备1003、通信接口1005、时钟信号生成器1006等中的任意组合100用于实现本发明实施例的网页点击情况的展示方法中的步骤及网页点击情况的展示装置100中的功能。 

参考图10，图10为本发明的网页点击情况的展示方法的第一实施例的流程图。本实施例的网页点击情况的展示方法可应用于服务器中。 

本实施例的方法包括以下步骤： 

步骤1001，接收模块301接收网页点击数据记录，所述网页点击数据记录与终端的网页上的点击位置对应。所述网页点击数据记录是由所述终端采集并发送的。 

步骤1002，统计模块302根据所述网页点击数据记录所对应的区域单元块，对所述网页的点击情况进行归类和统计，以生 成第一统计结果。具体地，所述统计模块302将每一所述网页点击数据记录归类到对应的区域单元块中，并对每一区域单元块所对应的所述网页点击数据记录的数量进行统计，其中，每一所述网页点击数据记录与所述用户在所述网页上的一次点击操作对应。所述第一统计结果可包括一数组，所述数组包括所述区域单元块的数量。 

步骤1003，转换模块303将所述第一统计结果转换成符合参照标准的绘图数据。 

步骤1004，绘图模块304根据所述网页和所述绘图数据生成网页点击情况图，并展示所述网页点击情况图，如图4所示。 

所述网页点击数据记录是所述终端通过以下步骤采集的： 

获取所述点击位置（即，点击点所对应的坐标）。 

计算所述点击位置在所述网页处于第一展示窗口状态下的第一相对位置，以及计算所述点击位置在所述网页处于第二展示窗口状态下的第二相对位置，如图15所示。其中，所述第一展示窗口状态为展示窗口没有横向滚动条出现的状态，所述第二展示窗口状态为展示窗口有横向滚动条出现的状态。其中，所述第一相对位置包括第一横坐标，所述第一横坐标为相对于所述展示窗口处于第一展示窗口状态时的第一纵向中轴的坐标，所述第二相对位置包括第二横坐标，所述第二横坐标为相对于所述展示窗口处于第二展示窗口状态时的第二纵向中轴的横坐标。在所述展示窗口有纵向滚动条出现的情况下，所述第一相对位置和所述第二相对位置所对应的数值均为减去了所述纵向滚动条的宽度（例 如，17像素）的一半的数值。其中，为了让所述终端所上传的数据更加准确，即避免页面留白多少对点击X坐标的影响，将所述终端所上传的数据中X坐标转化成浏览器全屏视窗下的页面的坐标。 

将所述第一相对位置和所述第二相对位置转换成标准状态位置，以生成所述网页点击数据记录。 

参考图11，图11为本发明的网页点击情况的展示方法的第二实施例的流程图。本实施例与上述第一实施例相似，不同之处在于： 

所述步骤1002包括以下步骤： 

步骤1101，所述统计模块302识别每一所述网页点击数据记录所对应的区域单元块，并对每一所述网页点击数据记录进行归类，以生成归类结果。 

步骤1102，所述统计模块302根据所述归类结果，对每一所述区域单元块所对应的所述网页点击数据记录的数量进行统计，以生成所述第一统计结果。具体地，如图5所示，所述统计模块302根据每一所述网页点击数据记录所对应的坐标查找相应的区域单元块，并将所述网页点击数据记录与所述区域单元块关联起来，然后对所述区域单元块进行计数。即，所述用户在所述网页上每点击一次，就对相应的区域单元块记一次数，计数后得出的结果就是所述第一统计结果。 

在本实施例中，将用户在所述网页上的点击操作所对应的点与区域单元块关联起来，有利于大幅降低数据处理量，减轻所述 服务器的负担。 

在本实施例中，上述区域单元块可以为10像素（Pixel）*10像素的块，也可以是其它尺寸的块，例如，8像素*12像素，7像素*15像素，诸如此类。所述区域单元块的长度和宽度均可以处于2像素至100像素的范围内，优选地，所述区域单元块的长度和宽度均可以处于5像素至80像素的范围内，例如，所述区域单元块的长度和宽度均可以是20像素*20像素，30像素*50像素，45像素*70像素，诸如此类。 

此外，在另一个角度，所述区域单元块的面积可以处于0.3平方毫米至2平方厘米的范围内，优选地，所述区域单元块的面积可以处于0.3平方毫米至1平方厘米的范围内。 

如图5所示，在本实施例中，所述统计模块302找出所述网页点击数据记录所对应点所在的区域单元块，对于第一网页点击数据记录（第一点击位置）502，其位于区域单元块501的右下方，所述统计模块302将其归为位于中点；对于第二网页点击数据记录（第二点击位置）503，其位于区域单元块501的左下方，所述统计模块302将其归为位于中点；对于第三网页点击数据记录（第三点击位置）504，其位于区域单元块501的右上方，所述统计模块302将其归为位于中点；如此类推。 

所述统计模块302计算每一所述网页点击数据记录所对应的区域单元块是为了减小服务器的数据处理量，因为，如果网页的页面大小按照1000像素(Pixel）*2200像素来算，在不对所述网页点击数据记录进行区域单元块归类前，最坏的情况需要计算 2.2x10^6次，在对所述网页点击数据记录进行区域单元块归类后（以所述区域单元块所对应的尺寸为10像素*10像素为例），最坏的情况只需要计算2.2x10^4次，因此上述技术方案有利于大幅提高生成所述网页点击情况图的效率。其中，经过实验验证，在所述区域单元块的长度和宽度均为48像素的情况下，即，所述区域单元块为48像素*48像素，效果最优，体现在：一、不影响所述网页点击情况图（热区图）的展示；二、数据处理量减少，从而提高了本发明的网页点击情况的展示方法所对应的性能。 

参考图12，图12为本发明的网页点击情况的展示方法的第三实施例的流程图，本实施例与上述第一或第二实施例相似，不同之处在于： 

所述步骤1003包括以下步骤： 

步骤1201，参照标准选择模块3031选取所述参照标准。所述参照标准用于使得所述映射值在数值区间中的分布均匀化。所述数值区间可例如为[0，1]区间，所述参照标准与所述[0，1]区间对应。 

步骤1202，数值映射模块3032将所述第一统计结果中的数值映射到所述参照标准所对应的数值区间中，以得到映射值。即，所述数值映射模块3032将所述第一统计结果标准化。例如，所述数值映射模块3032将所述第一统计结果转换到所述[0，1]区间中。所述数值映射模块3032可以根据以下公式来将所述第一统计结果标准化：Rate=Click（i）/（Click（Max）），其中，所 述Rate为所述映射值，所述Click（i）为所述第一统计结果中任意一个数值，所述Click（Max）为所述第一统计结果中的最大值，i=1，2，...，n。这样有利于使得统计数据的分布均匀化，原因是：在所述第一统计结果中，有很多区域单元块对应的点击数很小（例如，Click=1），此时，在所述第一统计结果中，数据级差较大，数值分布很不均匀，这样会使得所述网页点击情况图中可见的热区非常小，甚至只有少数几个显眼的热区。 

步骤1203，绘图数据生成模块3033将所述映射值转换成所述绘图数据。具体地，所述绘图数据生成模块3033将所述映射值（Rate）转换成颜色RGB值，或者，所述绘图数据生成模块3033将所述映射值（Rate）映射到灰度图[0，255]区间内。 

在本实施例中，通过对所述第一统计结果中的数据进行标准化，有利于使得点击数（每一所述区域单元块的统计数）的分别尽量均匀化，从而可以使得所述网页点击情况图中的点击情况分布更加合理，使得所述网页点击情况图能够更加准确地反映所述网页的点击情况。 

本发明的网页点击情况的展示方法的第四实施例与上述第一至第三实施例中的任意一个实施例相似，不同之处在于： 

在步骤1201中，所述参照标准选择模块3031根据所述第一统计结果中的最大值和最小值来选取所述参照标准。 

例如，若所述第一统计结果包括3，10，6，15，14，11这几个数值，则其中的最大值和最小值分别为15和3，所述参照标准选择模块3031将所述最小值3设置为“最低门槛”，当然， 也可以将比所述最小值还小的数2作为所述“最低门槛”，计算所述最大值15与所述最小值3的差值12，根据所述差值和所述“最低门槛”来选取所述参照标准。 

通过选取所述参照标准，有利于将所述第一统计结果中较小的数值“变大”，将较大的数值“变小”。在本实施例中，所述数值映射模块3032可以使用以下公式来处理所述第一统计结果中的数据，从而使得所述第一统计结果中的数据在经过处理后分布得更加均匀，所述公式为：F（x）=（1-sqrt（x））*（1-sqrt（x）），其中，所述x是当前点击量与最大点击量的比值，即，所述x=当前点击量/最大点击量。 

参考图13，图13为本发明的网页点击情况的展示方法的第五实施例的流程图。本实施例与上述第一至第四实施例中任意一个实施例相似，不同之处在于： 

所述步骤1004包括以下步骤： 

步骤1301，区块图生成模块3041根据所述绘图数据生成至少两区块图。具体地，所述区块图生成模块3041根据所述颜色RGB值来生成多个区块图，该区块图所对应的面积、形状可以与上述区域单元块对应，即，所述区块图生成模块3041根据所述颜色RGB值对所述区域单元块所在的区域进行描绘，以使其具有与所述颜色RGB值所对应的颜色，所述区块图可以为10像素*10像素的小图，优选地，所述区块图为48像素*48像素的小图。例如，所述区块图生成模块3041根据聚合于48像素*48像素的区域单元块的点的数目，生成48像素*48像素的区块图。 

步骤1302，灰度渐变图生成模块3042将至少两所述区块图合并成灰度渐变图。具体地，所述灰度渐变图生成模块3042使用Imgick组件的CompositeImage Api来将小面积的所述区块图合并成大面积的所述灰度渐变图。 

步骤1303，彩色渐变图生成模块3043将所述灰度渐变图渲染成彩色渐变图。具体地，所述彩色渐变图生成模块3043调用ClutImage Api来将所述灰度渐变图渲染成所述彩色渐变图。 

步骤1304，组合模块3044将所述彩色渐变图和所述网页组合，以生成所述网页点击情况图。具体地，所述组合模块3044将所述网页所对应的图片和所述彩色渐变图叠加起来，以组合生成所述网页点击情况图。 

本发明的上述实施例能够大大减少了网页点击情况图的生成过程中所需处理的数据量。 

此外，所述灰度渐变图生成模块3042还可以将页面上聚合48*48的点生成一块块儿的灰色渐变图。所述组合模块3044将上述区块图生成模块3041所生成的多块儿的灰色渐变图，合并成一张大的灰色黑白渐变图。所述彩色渐变图生成模块3043依据一个红色到绿色的颜色对照图片，调用Imagick接口，将黑白图渲染为彩色的图。 

本发明的网页点击情况的展示方法的第六实施例与上述第一至第五实施例中的任意一个实施例相似，不同之处在于： 

所述方法还包括以下步骤： 

步骤1404，所述触发信号生成模块805当界面游标移动到 所述网页点击情况图上的提示区域901时，生成触发信号。具体地，所述触发信号生成模块805实时地检测界面游标（鼠标游标）所处的位置，当服务器的操作员将界面游标移动到所述提示区域901时，生成所述触发信号。 

步骤1405，所述显示模块804根据所述触发信号调用与所述提示区域901相关的第二统计结果，并显示所述第二统计结果，如图9所示。具体地，所述显示模块804在接收到所述触发信号后生成一个显示窗口902，并在所述显示窗口902中显示所述第二统计结果。其中，所述第二统计结果由所述提示区域901所包括的区域单元块的统计结果组成。例如，所述提示区域901包括六个所述区域单元块，则所述第二统计结果为六个所述区域单元块在所述第一统计结果中的统计数值之和。 

参考图14，图14为本发明的网页点击情况的展示方法的第七实施例的流程图。本实施例与上述第一至第六实施例中的任意一个实施例相似，不同之处在于： 

所述方法还包括以下步骤： 

步骤1401，所述页面元素获取模块801获取所述网页的页面元素。具体地，所述页面元素获取模块801利用Selenium工具（插件）在Firefox浏览器中获取所述网页的页面元素。 

步骤1402，所述区域划分模块802根据所述页面元素在所述网页点击情况图中划分出页面元素区域。具体地，所述区域划分模块802可以异步拉取所述页面元素的信息，并在所述网页点击情况图中划分出所述页面元素区域，其中，所述页面元素区域 可以是热区。 

步骤1403，所述监听事件设置模块803对所述页面元素区域设置监听事件，以生成所述提示区域901。具体地，所述监听事件设置模块803对所述页面元素区域施加Mouseover事件，以监听界面游标是否移动到所述提示区域901上，当界面游标移动到所述提示区域901上时，延迟预定时间（例如，0.5秒）后获取所述提示区域901所对应的第二统计结果（例如，点击数，点击者所在的省份、城市，点击时间等等）。 

参考图3，图3为本发明的网页点击情况的展示装置的第一实施例的框图。本实施例的网页点击情况的展示装置可应用于服务器中。 

本实施例的网页点击情况的展示装置包括接收模块301、统计模块302、转换模块303和绘图模块304。 

所述接收模块301用于接收网页点击数据记录，所述网页点击数据记录与终端的网页上的点击位置对应。所述网页点击数据记录是由所述终端采集并发送的。 

所述统计模块302用于根据所述网页点击数据记录所对应的区域单元块，对所述网页的点击情况进行归类和统计，以生成第一统计结果。具体地，所述统计模块302用于将每一所述网页点击数据记录归类到对应的区域单元块中，并对每一区域单元块所对应的所述网页点击数据记录的数量进行统计，其中，每一所述网页点击数据记录与所述用户在所述网页上的一次点击操作对应。所述第一统计结果可包括一数组，所述数组包括所述区域 单元块的数量。 

所述转换模块303用于将所述第一统计结果转换成符合参照标准的绘图数据。 

所述绘图模块304用于根据所述网页和所述绘图数据生成网页点击情况图，并展示所述网页点击情况图，如图4所示。 

所述网页点击数据记录是所述终端通过以下步骤采集的： 

获取所述点击位置（即，点击点所对应的坐标）。 

计算所述点击位置在所述网页处于第一展示窗口状态下的第一相对位置，以及计算所述点击位置在所述网页处于第二展示窗口状态下的第二相对位置，如图15所示。其中，所述第一展示窗口状态为展示窗口没有横向滚动条出现的状态，所述第二展示窗口状态为展示窗口有横向滚动条出现的状态。其中，所述第一相对位置包括第一横坐标，所述第一横坐标为相对于所述展示窗口处于第一展示窗口状态时的第一纵向中轴的坐标，所述第二相对位置包括第二横坐标，所述第二横坐标为相对于所述展示窗口处于第二展示窗口状态时的第二纵向中轴的横坐标。在所述展示窗口有纵向滚动条出现的情况下，所述第一相对位置和所述第二相对位置所对应的数值均为减去了所述纵向滚动条的宽度（例如，17像素）的一半的数值。其中，为了让所述终端所上传的数据更加准确，即避免页面留白多少对点击X坐标的影响，将所述终端所上传的数据中X坐标转化成浏览器全屏视窗下的页面的坐标。 

将所述第一相对位置和所述第二相对位置转换成标准状态 位置，以生成所述网页点击数据记录。 

本发明的网页点击情况的展示装置的第二实施例与上述第一实施例相似，不同之处在于： 

所述统计模块302用于识别每一所述网页点击数据记录所对应的区域单元块，并对每一所述网页点击数据记录进行归类，以生成归类结果，以及用于根据所述归类结果，对每一所述区域单元块所对应的所述网页点击数据记录的数量进行统计，以生成所述第一统计结果。具体地，如图5所示，所述统计模块302用于根据每一所述网页点击数据记录所对应的坐标查找相应的区域单元块，并将所述网页点击数据记录与所述区域单元块关联起来，然后对所述区域单元块进行计数。即，所述用户在所述网页上每点击一次，就对相应的区域单元块记一次数，计数后得出的结果就是所述第一统计结果。 

在本实施例中，将用户在所述网页上的点击操作所对应的点与区域单元块关联起来，有利于大幅降低数据处理量，减轻所述服务器的负担。 

在本实施例中，上述区域单元块可以为10像素（Pixel）*10像素的块，也可以是其它尺寸的块，例如，8像素*12像素，7像素*15像素，诸如此类。所述区域单元块的长度和宽度均可以处于2像素至100像素的范围内，优选地，所述区域单元块的长度和宽度均可以处于5像素至80像素的范围内，例如，所述区域单元块的长度和宽度均可以是20像素*20像素，30像素*50像素，45像素*70像素，诸如此类。 

此外，在另一个角度，所述区域单元块的面积可以处于0.3平方毫米至2平方厘米的范围内，优选地，所述区域单元块的面积可以处于0.3平方毫米至1平方厘米的范围内。 

如图5所示，在本实施例中，所述统计模块302用于找出所述网页点击数据记录所对应点所在的区域单元块，对于第一网页点击数据记录（第一点击位置）502，其位于区域单元块501的右下方，所述统计模块302用于将其归为位于中点；对于第二网页点击数据记录（第二点击位置）503，其位于区域单元块501的左下方，所述统计模块302将其归为位于中点；对于第三网页点击数据记录（第三点击位置）504，其位于区域单元块501的右上方，所述统计模块302将其归为位于中点；如此类推。 

所述统计模块302计算每一所述网页点击数据记录所对应的区域单元块是为了减小服务器的数据处理量，因为，如果网页的页面大小按照1000像素(Pixel）*2200像素来算，在不对所述网页点击数据记录进行区域单元块归类前，最坏的情况需要计算2.2x10^6次，在对所述网页点击数据记录进行区域单元块归类后（以所述区域单元块所对应的尺寸为10像素*10像素为例），最坏的情况只需要计算2.2x10^4次，因此上述技术方案有利于大幅提高生成所述网页点击情况图的效率。其中，经过实验验证，在所述区域单元块的长度和宽度均为48像素的情况下，即，所述区域单元块为48像素*48像素，效果最优，体现在：一、不影响所述网页点击情况图（热区图）的展示；二、数据处理量减少，从而提高了本发明的网页点击情况的展示装置的性能。 

参考图6，图6为本发明的网页点击情况的展示装置的第三实施例中转换模块303的框图，本实施例与上述第一或第二实施例相似，不同之处在于： 

所述转换模块303包括参照标准选择模块3031、数值映射模块3032和绘图数据生成模块3033。 

所述参照标准选择模块3031用于选取所述参照标准。所述参照标准用于使得所述映射值在数值区间中的分布均匀化。所述数值区间可例如为[0，1]区间，所述参照标准与所述[0，1]区间对应。 

所述数值映射模块3032用于将所述第一统计结果中的数值映射到所述参照标准所对应的数值区间中，以得到映射值。即，所述数值映射模块3032用于将所述第一统计结果标准化。例如，所述数值映射模块用于将所述第一统计结果转换到所述[0，1]区间中。所述数值映射模块3032可以用于根据以下公式来将所述第一统计结果标准化：Rate=Click（i）/（Click（Max）），其中，所述Rate为所述映射值，所述Click（i）为所述第一统计结果中任意一个数值，所述Click（Max）为所述第一统计结果中的最大值，i=1，2，...，n。这样有利于使得统计数据的分布均匀化，原因是：在所述第一统计结果中，有很多区域单元块对应的点击数很小（例如，Click=1），此时，在所述第一统计结果中，数据级差较大，数值分布很不均匀，这样会使得所述网页点击情况图中可见的热区非常小，甚至只有少数几个显眼的热区。 

所述绘图数据生成模块3033用于将所述映射值转换成所述 绘图数据。具体地，所述绘图数据生成模块3033用于将所述映射值（Rate）转换成颜色RGB值，或者，所述绘图数据生成模块3033用于将所述映射值（Rate）映射到灰度图[0，255]区间内。 

在本实施例中，通过对所述第一统计结果中的数据进行标准化，有利于使得点击数（每一所述区域单元块的统计数）的分别尽量均匀化，从而可以使得所述网页点击情况图中的点击情况分布更加合理，使得所述网页点击情况图能够更加准确地反映所述网页的点击情况。 

本发明的网页点击情况的展示装置的第四实施例与上述第一至第三实施例中任意一个实施例相似，不同之处在于： 

所述参照标准选择模块3031用于根据所述第一统计结果中的最大值和最小值来选取所述参照标准。 

例如，若所述第一统计结果包括3，10，6，15，14，11这几个数值，则其中的最大值和最小值分别为15和3，所述参照标准选择模块3031将所述最小值3设置为“最低门槛”，当然，也可以将比所述最小值还小的数2作为所述“最低门槛”，计算所述最大值15与所述最小值3的差值12，根据所述差值和所述“最低门槛”来选取所述参照标准。 

通过选取所述参照标准，有利于将所述第一统计结果中较小的数值“变大”，将较大的数值“变小”。在本实施例中，所述数值映射模块3032可以使用以下公式来处理所述第一统计结果中的数据，从而使得所述第一统计结果中的数据在经过处理后分布得更加均匀，所述公式为：F（x）=（1-sqrt（x））*（1-sqrt （x）），其中，所述x是当前点击量与最大点击量的比值，即，所述x=当前点击量/最大点击量。 

参考图7，图7为本发明的网页点击情况的展示装置的第五实施例中绘图模块304的框图。本实施例与上述第一至第四实施例中的任意一个实施例相似，不同之处在于： 

所述绘图模块304包括区块图生成模块3041、灰度渐变图生成模块3042、彩色渐变图生成模块3043和组合模块3044。 

所述区块图生成模块3041用于根据所述绘图数据生成至少两区块图。具体地，所述区块图生成模块3041用于根据所述颜色RGB值来生成多个区块图，该区块图所对应的面积、形状可以与上述区域单元块对应，即，所述区块图生成模块3041用于根据所述颜色RGB值对所述区域单元块所在的区域进行描绘，以使其具有与所述颜色RGB值所对应的颜色，所述区块图可以为10像素*10像素的小图，优选地，所述区块图为48像素*48像素的小图。例如，所述区块图生成模块3041用于根据聚合于48像素*48像素的区域单元块的点的数目，生成48像素*48像素的区块图。 

所述灰度渐变图生成模块3042用于将至少两所述区块图合并成灰度渐变图。具体地，所述灰度渐变图生成模块用于使用Imgick组件的CompositeImage Api来将小面积的所述区块图合并成大面积的所述灰度渐变图。 

所述彩色渐变图生成模块3043用于将所述灰度渐变图渲染成彩色渐变图。具体地，所述彩色渐变图生成模块用于调用 ClutImage Api来将所述灰度渐变图渲染成所述彩色渐变图。 

所述组合模块3044用于将所述彩色渐变图和所述网页组合，以生成所述网页点击情况图。具体地，所述组合模块3044用于将所述网页所对应的图片和所述彩色渐变图叠加起来，以组合生成所述网页点击情况图。 

本发明的上述实施例能够大大减少了网页点击情况图的生成过程中所需处理的数据量。 

此外，所述灰度渐变图生成模块3042还可以用于将页面上聚合48*48的点生成一块块儿的灰色渐变图。所述组合模块3044用于将上述区块图生成模块3041所生成的多块儿的灰色渐变图，合并成一张大的灰色黑白渐变图。所述彩色渐变图生成模块3043用于依据一个红色到绿色的颜色对照图片，调用Imagick接口，将黑白图渲染为彩色的图。 

本发明的网页点击情况的展示装置的第六实施例与上述第一至第五实施例中的任意一个实施例相似，不同之处在于： 

所述装置还包括触发信号生成模块805和显示模块804。 

所述触发信号生成模块805用于当界面游标移动到所述网页点击情况图上的提示区域901时，生成触发信号。具体地，所述触发信号生成模块805用于实时地检测界面游标（鼠标游标）所处的位置，当服务器的操作员将界面游标移动到所述提示区域901时，生成所述触发信号。 

所述显示模块804用于根据所述触发信号调用与所述提示区域901相关的第二统计结果，并显示所述第二统计结果，如图 9所示。具体地，所述显示模块804用于在接收到所述触发信号后生成一个显示窗口902，并在所述显示窗口902中显示所述第二统计结果。其中，所述第二统计结果由所述提示区域901所包括的区域单元块的统计结果组成。例如，所述提示区域901包括六个所述区域单元块，则所述第二统计结果为六个所述区域单元块在所述第一统计结果中的统计数值之和。 

参考图8，图8为本发明的网页点击情况的展示装置的第七实施例的框图。本实施例与上述第一至第六实施例中的任意一个实施例相似，不同之处在于： 

所述装置还包括页面元素获取模块801、区域划分模块802和监听事件设置模块803。 

所述页面元素获取模块801用于获取所述网页的页面元素。具体地，所述页面元素获取模块801用于利用Selenium工具（插件）在Firefox浏览器中获取所述网页的页面元素。 

所述区域划分模块802用于根据所述页面元素在所述网页点击情况图中划分出页面元素区域。具体地，所述区域划分模块802可以用于异步拉取所述页面元素的信息，并在所述网页点击情况图中划分出所述页面元素区域，其中，所述页面元素区域可以是热区。 

所述监听事件设置模块803用于对所述页面元素区域设置监听事件，以生成所述提示区域901。具体地，所述监听事件设置模块803用于对所述页面元素区域施加Mouseover事件，以监听界面游标是否移动到所述提示区域901上，当界面游标移动到 所述提示区域901上时，延迟预定时间（例如，0.5秒）后获取所述提示区域901所对应的第二统计结果（例如，点击数，点击者所在的省份、城市，点击时间等等）。 

图17为本发明的网页点击数据记录的生成方法的第一实施例的流程图。 

本实施例的网页点击数据记录的生成方法包括以下步骤： 

步骤1701，所述点击位置数据获取模块1601获取点击位置数据，其中，所述点击位置数据与用户在网页上的点击操作对应。 

步骤1702，所述位置计算模块1602计算所述点击位置数据在所述网页处于第一展示窗口状态下的第一相对位置，以及在所述网页处于第二展示窗口状态下的第二相对位置。 

步骤1703，所述网页点击数据记录生成模块1602将所述第一相对位置和所述第二相对位置转换成标准状态位置，以生成所述网页点击数据记录。 

其中，所述网页点击数据记录用于提供给服务器进行统计并生成网页点击情况图。 

在本实施例中，所述第一展示窗口状态为展示窗口没有出现横向滚动条的状态，所述第二展示窗口状态为展示窗口出现了横向滚动条的状态。 

所述网页点击数据记录从所述终端上传至所述服务器可以通过JavaScript来实现。 

参考图16，图16为本发明的网页点击数据记录的生成装置的第一实施例的框图。 

本实施例的网页点击数据记录的生成装置包括点击位置数据获取模块1601、位置计算模块1602和网页点击数据记录生成模块1602。 

所述点击位置数据获取模块1601用于获取点击位置数据，其中，所述点击位置数据与用户在网页上的点击操作对应。 

所述位置计算模块1602用于计算所述点击位置数据在所述网页处于第一展示窗口状态下的第一相对位置，以及在所述网页处于第二展示窗口状态下的第二相对位置。 

所述网页点击数据记录生成模块1602用于将所述第一相对位置和所述第二相对位置转换成标准状态位置，以生成所述网页点击数据记录。 

其中，所述网页点击数据记录用于提供给服务器进行统计并生成网页点击情况图。 

在本实施例中，所述第一展示窗口状态为展示窗口没有出现横向滚动条的状态，所述第二展示窗口状态为展示窗口出现了横向滚动条的状态。 

所述网页点击数据记录从所述终端上传至所述服务器可以通过JavaScript来实现。 

作为对上述方法和装置中的任意一个实施例的补充，在所述服务器中，当操作员进入页面时，ping.js会拉取配置表（目前某一站点最多支持10个页面的热力图），检查该页面是否开通了热区图的功能，如果开启了，ping.js会拉取ping_hotclick.js，并对页面文档添加点击（onclick）监控事件。 

在本发明中，用于实现本说明书所提供的一个或多个实施例的计算机可读指令可以在存储器1002中。存储器1002还可以存储用于实现操作系统、应用程序等的其他计算机可读指令。计算机可读指令可以载入存储器1002中以由处理器1001执行。 

计算机可读介质包括计算机存储介质。计算机存储介质包括以用于存储诸如计算机可读指令或其他数据之类的信息的任何方法或技术实现的易失性和非易失性、可移除和不可移除介质。存储器1002是计算机存储介质的实例。计算机存储介质包括但不限于RAM、ROM、EEPROM（Electrically Erasable Programmable Read-Only Memory，电可擦可编程只读存储器）、闪存或其他存储器技术、CD-ROM（Compact Disc Read-Only Memory，只读光盘）、数字多功能光盘（DVD，Digital Versatile Disc）或其他光存储装置、盒式磁带、磁带、磁盘存储装置或其他磁存储设备。 

计算机可读指令可以实现为程序模块，比如执行特定任务或实现特定抽象数据类型的功能、对象、应用编程接口（API，Application Programming Interface）、数据结构等等。典型地，该计算机可读指令的功能可以在各种环境中随意组合或分布。 

尽管已经相对于一个或多个实现方式示出并描述了本发明，但是本领域技术人员基于对本说明书和附图的阅读和理解将会想到等价变型和修改。本发明包括所有这样的修改和变型，并且仅由所附权利要求的范围限制。特别地关于由上述组件（例如元件、资源等）执行的各种功能，用于描述这样的组件的术语旨在对应于执行所述组件的指定功能（例如其在功能上是等价的）的 任意组件（除非另外指示），即使在结构上与执行本文所示的本说明书的示范性实现方式中的功能的公开结构不等同。此外，尽管本说明书的特定特征已经相对于若干实现方式中的仅一个被公开，但是这种特征可以与如可以对给定或特定应用而言是期望和有利的其他实现方式的一个或多个其他特征组合。而且，就术语“包括”、“具有”、“含有”或其变形被用在具体实施方式或权利要求中而言，这样的术语旨在以与术语“包含”相似的方式包括。 

本说明书提供了实施例的各种操作。其中所描述的一些或所有操作的顺序不应当被解释为暗示这些操作必需是顺序相关的。本领域技术人员将理解具有本说明书的益处的可替代的排序。而且，应当理解，不是所有操作必需在本说明书所提供的每个实施例中存在。 

综上所述，虽然本发明已以优选实施例揭露如上，但上述优选实施例并非用以限制本发明，本领域的普通技术人员，在不脱离本发明的精神和范围内，均可作各种更动与润饰，因此本发明的保护范围以权利要求界定的范围为准。 

Claims (26)

1.一种网页点击情况的展示方法，其特征在于，包括：

接收网页点击数据记录，所述网页点击数据记录与终端的网页上的点击位置对应；

根据所述网页点击数据记录所对应的区域单元块，对所述网页的点击情况进行归类和统计，以生成第一统计结果；

将所述第一统计结果转换成符合参照标准的绘图数据；

根据所述网页和所述绘图数据生成网页点击情况图。

2.根据权利要求1所述的网页点击情况的展示方法，其特征在于，所述根据所述网页点击数据记录所对应的区域单元块，对所述网页的点击情况进行归类和统计，以生成第一统计结果的步骤包括：

识别每一所述网页点击数据记录所对应的区域单元块，并对每一所述网页点击数据记录进行归类，以生成归类结果；

根据所述归类结果，对每一所述区域单元块所对应的所述网页点击数据记录的数量进行统计，以生成所述第一统计结果。

3.根据权利要求1所述的网页点击情况的展示方法，其特征在于，所述将所述第一统计结果转换成符合参照标准的绘图数据的步骤包括：

选取所述参照标准；

将所述第一统计结果中的数值映射到所述参照标准所对应的数值区间中，以得到映射值；

将所述映射值转换成所述绘图数据。

4.根据权利要求3所述的网页点击情况的展示方法，其特征在于，所述参照标准用于使得所述映射值在所述数值区间中的分布均匀化。

5.根据权利要求3所述的网页点击情况的展示方法，其特征在于，所述选取所述参照标准的步骤包括：

根据所述第一统计结果中的最大值和最小值来选取所述参照标准。

6.根据权利要求1所述的网页点击情况的展示方法，其特征在于，所述根据所述网页和所述绘图数据生成网页点击情况图的步骤包括：

根据所述绘图数据生成至少两区块图；

将至少两所述区块图合并成灰度渐变图；

将所述灰度渐变图渲染成彩色渐变图；

将所述彩色渐变图和所述网页组合，以生成所述网页点击情况图。

7.根据权利要求1所述的网页点击情况的展示方法，其特征在于，所述方法还包括：

当界面游标移动到所述网页点击情况图上的提示区域时，生成触发信号；

根据所述触发信号调用与所述提示区域相关的第二统计结果，并显示所述第二统计结果。

8.根据权利要求7所述的网页点击情况的展示方法，其特征在于，所述第二统计结果由所述提示区域所包括的区域单元块的统计结果组成。

9.根据权利要求7所述的网页点击情况的展示方法，其特征在于，所述提示区域是通过以下步骤生成的：

获取所述网页的页面元素；

根据所述页面元素在所述网页点击情况图中划分出页面元素区域；

对所述页面元素区域设置监听事件，以生成所述提示区域。

10.根据权利要求1至9中任意一项所述的网页点击情况的展示方法，其特征在于，所述区域单元块的长度和宽度均处于2像素至100像素的范围内。

11.一种网页点击情况的展示装置，其特征在于，包括：

接收模块，用于接收网页点击数据记录，所述网页点击数据记录与终端的网页上的点击位置对应；

统计模块，用于根据所述网页点击数据记录所对应的区域单元块，对所述网页的点击情况进行归类和统计，以生成第一统计结果；

转换模块，用于将所述第一统计结果转换成符合参照标准的绘图数据；

绘图模块，用于根据所述网页和所述绘图数据生成网页点击情况图。

12.根据权利要求11所述的网页点击情况的展示装置，其特征在于，所述统计模块用于识别每一网页点击数据记录所对应的区域单元块，并对每一所述网页点击数据记录进行归类，以生成归类结果，以及用于根据所述归类结果，对每一所述区域单元块所对应的所述网页点击数据记录的数量进行统计，以生成所述第一统计结果。

13.根据权利要求11所述的网页点击情况的展示装置，其特征在于，所述转换模块包括：

参照标准选择模块，用于选取所述参照标准；

数值映射模块，用于将所述第一统计结果中的数值映射到所述参照标准所对应的数值区间中，以得到映射值；

绘图数据生成模块，用于将所述映射值转换成所述绘图数据。

14.根据权利要求13所述的网页点击情况的展示装置，其特征在于，所述参照标准用于使得所述映射值在所述数值区间中的分布均匀化。

15.根据权利要求13所述的网页点击情况的展示装置，其特征在于，所述参照标准选择模块用于根据所述第一统计结果中的最大值和最小值来选取所述参照标准。

16.根据权利要求11所述的网页点击情况的展示装置，其特征在于，所述绘图模块包括：

区块图生成模块，用于根据所述绘图数据生成至少两区块图；

灰度渐变图生成模块，用于将至少两所述区块图合并成灰度渐变图；

彩色渐变图生成模块，用于将所述灰度渐变图渲染成彩色渐变图；

组合模块，用于将所述彩色渐变图和所述网页组合，以生成所述网页点击情况图。

17.根据权利要求11所述的网页点击情况的展示装置，其特征在于，所述装置还包括：

触发信号生成模块，用于当界面游标移动到所述网页点击情况图上的提示区域时，生成触发信号；

显示模块，用于根据所述触发信号调用与所述提示区域相关的第二统计结果，并显示所述第二统计结果。

18.根据权利要求17所述的网页点击情况的展示装置，其特征在于，所述第二统计结果由所述提示区域所包括的区域单元块的统计结果组成。

19.根据权利要求17所述的网页点击情况的展示装置，其特征在于，所述装置还包括：

页面元素获取模块，用于获取所述网页的页面元素；

区域划分模块，用于根据所述页面元素在所述网页点击情况图中划分出页面元素区域；

监听事件设置模块，用于对所述页面元素区域设置监听事件，以生成所述提示区域。

20.根据权利要求11至19中任意一项所述的网页点击情况的展示装置，其特征在于，所述区域单元块的长度和宽度均处于2像素至100像素的范围内。

21.一种如权利要求1所述的网页点击数据记录的生成方法，其特征在于，包括：

获取点击位置数据，其中，所述点击位置数据与用户在网页上的点击操作对应；

计算所述点击位置数据在所述网页处于第一展示窗口状态下的第一相对位置，以及在所述网页处于第二展示窗口状态下的第二相对位置；

将所述第一相对位置和所述第二相对位置转换成标准状态位置，以生成所述网页点击数据记录；

其中，所述网页点击数据记录用于提供给服务器进行统计并生成网页点击情况图。

22.根据权利要求21所述的方法，其特征在于，所述第一展示窗口状态为展示窗口没有出现横向滚动条的状态，所述第二展示窗口状态为展示窗口出现了横向滚动条的状态。

23.根据权利要求21或22所述的方法，其特征在于，所述第一相对位置包括第一横坐标，所述第一横坐标为相对于所述展示窗口处于第一展示窗口状态时的第一纵向中轴的坐标；

所述第二相对位置包括第二横坐标，所述第二横坐标为相对于所述展示窗口处于第二展示窗口状态时的第二纵向中轴的横坐标。

24.一种如权利要求1所述的网页点击数据记录的生成装置，其特征在于，包括：

点击位置数据获取模块，用于获取点击位置数据，其中，所述点击位置数据与用户在网页上的点击操作对应；

位置计算模块，用于计算所述点击位置数据在所述网页处于第一展示窗口状态下的第一相对位置，以及在所述网页处于第二展示窗口状态下的第二相对位置；

网页点击数据记录生成模块，用于将所述第一相对位置和所述第二相对位置转换成标准状态位置，以生成所述网页点击数据记录；

其中，所述网页点击数据记录用于提供给服务器进行统计并生成网页点击情况图。

25.根据权利要求24所述的装置，其特征在于，所述第一展示窗口状态为展示窗口没有出现横向滚动条的状态，所述第二展示窗口状态为展示窗口出现了横向滚动条的状态。

26.根据权利要求24或25所述的装置，其特征在于，所述第一相对位置包括第一横坐标，所述第一横坐标为相对于所述展示窗口处于第一展示窗口状态时的第一纵向中轴的坐标；

所述第二相对位置包括第二横坐标，所述第二横坐标为相对于所述展示窗口处于第二展示窗口状态时的第二纵向中轴的横坐标。