CN104714948A - 一种回放用户网页操作行为的方法、系统及热图展现装置 - Google Patents

Abstract

本发明提供了一种回放用户网页操作行为的方法，该方法包括以下步骤：针对用户网页操作中触发的不同的事件类型采用不同的方式采集事件信息，解析所采集的信息，形成该用户对应的操作行为记录；根据所述操作行为记录，创建各个时间点的事件，回放过程中模拟触发各个时间点对应的事件进行展示。相应地，本申请还提供了一种回放用户操作行为的系统和热图展现装置，提升了回放用户操作行为的真实性和完整性。

Description

一种回放用户网页操作行为的方法、系统及热图展现装置

技术领域

本发明涉及互联网技术，尤其涉及一种回放用户网页操作行为的方法、系统及热图展现装置。

背景技术

就网站的推广和应用而言，分析用户的需求至关重要。当前一般采用以下方法分析单个用户在网站的操作行为：采集用户访问网站的数据->解析所采集的数据->形成该用户的操作行为记录->回放该用户的记录并分析其在访问网站的过程中所出现的各种问题，回放过程中通常会展示如下内容：用户点击了该网站的哪些模块，进行了哪些标签页的切换操作，中途放弃或变更了哪些操作选项等等。

目前，就回放用户操作行为的记录而言，以Clicktale技术（一种用户行为分析工具）为典型的代表，通常可将其定义为鼠标轨迹模拟回放技术，简称为轨迹回放技术。如附图1所示，轨迹回放以页面为单位，展示用户所访问网站页面的鼠标轨迹及键盘事件。但是，该回放技术目前存在以下缺陷：

1）前端采集鼠标事件的过程中只获取了鼠标在页面的操作坐标和鼠标按键位置信息，由于信息量较少，且这些信息都是和页面坐标位置相关的，缺乏事件中其它重要的信息，因此，不利于后台回放过程中完整地展示用户的操作行为；

2）前端无法采集用户所输入的汉字等字符信息，导致后台回放时不能准确展示用户输入的字符信息；

3）后端回放技术与页面的关联性较差，并不能结合目标网站进行关联回放，导致在空白页面上的回放展示和在目标网站页面上的回放展示不存在区别（可对比附图1和附图2）；

4）不能真实呈现用户在访问网站的过程中基于鼠标和键盘事件与网站进行交互后触发的JS（Javascript，一种脚本语言）和Ajax（一种网页开发技术）效果，如这些交互产生的隐藏菜单、标签切换、弹出层效果等等；

5）不能真实呈现用户在多个网页标签页进行来回切换的过程。

另外，除可以通过回放用户的操作记录来分析用户的网站需求外，典型地，还可以通过热力图来分析多个用户在该网站的操作行为信息，如网站页面的哪些区域被用户点击最多、浏览最多等行为信息。目前，现有技术中的热力图只能静态地展示各网站的热图数据，热图展示过程中不能实现与用户的交互及自定义选择区域的热图数据。

发明内容

为解决上述问题，本申请提供了一种回放用户操作行为的方法、热力图、播放器和系统，以更完整地还原用户在网站页面上的浏览、操作等行为，为更好地分析用户的网络操作行为提供数据和技术支撑。

根据本发明的一个方面，提供了一种回放用户网页操作行为的方法，该方法包括以下步骤：

a）针对用户网页操作中触发的不同事件类型采用不同的方式采集事件信息，解析所采集的信息，形成该用户对应的操作行为记录；

b）根据所述网页操作行为记录，创建各个时间点的事件，回放过程中模拟触发各个时间点对应的事件进行展示。

其中，所述事件信息包括用户操作行为信息、当前所操作的网站页面元素信息以及所述网站页面ajax响应的数据信息。

其中，所述事件类型为鼠标事件，采用将非冒泡事件绑定至冒泡事件的方式进行。

其中，所述事件类型为选中页面信息的事件，采用mousedown事件和mousemove事件抓取所选中页面的范围信息，或者

所述事件类型为键盘输入事件，采用数据类型的方式进行数据采集；或者

所述事件类型为用户切换网页标签事件，所述采集包括以下步骤：

通过专用属性判断用户是否离开或进入当前页面；

如当前页面所在的浏览器不支持专用属性的判定，则通过降级，以得焦失焦的方式判定用户是否离开或进入当前页面。

其中，所述步骤a）包括：

每采集一定容量大小的信息，将该信息压缩成一个数据包发送至云端服务器；

将所采集的用户操作行为信息通过用户访问当前页面所在的客户端主动发送至云端服务器，并由云端服务器主动向所述客户端抓取所采集的当前所操作的网站内容信息；

将所采集的数据通过云端进行匹配计算，按照用户访问当前网站页面的时间先后顺序，基于用户访问当前网站页面时的客户端分辨率大小、操作页面元素的位置及页面元素的编号信息匹配所述网站页面产生的会话回放数据记录，形成该用户对应的操作行为记录。

其中，所述回放过程中，通过构造Range对象，随页面光标的移动依次展现示所选中的文字信息。

其中，所述事件类型为ajax事件，所述回放过程包括：

拦截后端回放页面的XHR对象，阻止所述页面向对应页面服务器发出的跨域ajax请求；

由后端回放页面向采集服务器发出ajax请求并接收所述服务器返回的数据，其中，发出所述ajax请求时根据前端采集的ajax数据直接触发该页面中的事件回调。

本发明的另一个方面还提供一种回放用户网页操作行为的系统，包括：

采集单元，用于针对用户网页操作中触发的不同事件类型采用不同的方式采集事件信息，解析所采集的信息，形成该用户对应的操作行为记录；

回放单元，用于根据所述操作行为记录，创建各个时间点的事件并回放用户的操作行为，回放过程中模拟触发各个时间点对应的事件进行展示。

其中，所述事件信息包括用户操作行为信息、当前所操作的网站页面元素信息以及所述网站页面ajax响应的数据信息。

其中，所述事件类型为鼠标事件，所述采集单元采用将非冒泡事件绑定至冒泡事件的方式进行。

其中，所述事件类型为选中页面信息的事件，所述采集单元采用mousedown事件和mousemove事件抓取所选中页面的范围信息。

其中，所述事件类型为键盘输入事件，所述采集单元采用数据类型的方式进行数据采集。

其中，所述事件类型为用户切换网页标签事件，所述采集单元的采集过程包括以下步骤：

通过专用属性判断用户是否离开或进入当前页面；

如当前页面所在的浏览器不支持专用属性的判定，则通过降级，以得焦失焦的方式判定用户是否离开或进入当前页面。

其中，所述采集单元的采集过程包括：

每采集一定容量大小的信息，将该信息压缩成一个数据包发送至云端服务器；

将所采集的用户操作行为信息通过用户访问当前页面所在的客户端主动发送至云端服务器，并由云端服务器主动向所述客户端抓取所采集的当前所操作的网站内容信息；

将所采集的数据通过云端进行匹配计算，按照用户访问当前网站页面的时间先后顺序，基于用户访问当前网站页面时的客户端分辨率大小、操作页面元素的位置及页面元素的编号信息匹配所述网站页面产生的会话回放数据记录，形成该用户对应的操作行为记录。

其中，所述回放单元通过构造Range对象，随页面光标的移动依次展现示所选中的文字信息。

其中，所述事件类型为ajax事件，所述回放单元的回放过程包括：

拦截后端回放页面的XHR对象，阻止所述页面向对应页面服务器发出的跨域ajax请求；

由后端回放页面向采集服务器发出ajax请求并接收所述服务器返回的数据，其中，发出所述ajax请求时根据前端采集的ajax数据直接触发该页面中的事件回调。

其中，所述回放单元还包括播放器，其中，所述播放器具体包括：

回放显示单元，以音视频的方式展示用户的操作行为；

控制单元，用于控制所述播放器音视频的操作展示过程；

信息显示面板，用于显示展示与所述音视频相对应的提示信息。

其中，所述控制单元具体包括：

进度控制模块，用于控制所述音视频的播放进度；

时间轴与事件帧关联模块，用于关联用户操作行为会话流程中各时间点和事件帧并显示所述关联信息。

根据本发明另一个方面，还提供一种回放用户网页操作行为的热图展现装置，具体包括：

信息采集模块，用于针对用户网页操作中触发的不同事件类型采用不同的方式采集事件信息；

热力图生成模块，用于解析所采集的信息，生成对应网站的热力图；

其中，所述热图展现装置还包括交互模块，基于用户对所述热力图的操作，触发相应的事件。

其中，所述事件信息包括用户操作行为信息、当前所操作的网站页面元素信息以及所述网站页面ajax响应的数据信息。

与现有技术相比，本发明具有以下优点：

1)就前端的采集而言，本发明完整地采集了用户与网站的交互操作行为数据，为后台进行真实回放提供了数据支持；

2)就后端的回放而言，本发明通过关联用户所访问的网站，创建各个时间点的事件，模拟触发各个时间点对应的事件进行展示，连贯性和真实性得到大幅度提升；

3）就本发明提供的热图展现装置而言，其实现了动态热图的交互性展示，为用户分析局部热图提供了技术支持，并提升了热图展示的完整性。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显：

图1示出了现有技术中基于轨迹回放方式在普通页面展示用户访问记录的页面示意图；

图2示出了现有技术中基于轨迹回放方式在空白页面展示用户访问记录的页面示意图；

图3示出了现有技术中基于轨迹回放方式展示用户单击页面操作图标的示意图；

图4示出了现有技术中基于轨迹回放方式展示用户切换页面内标签的示意图；

图5示出了现有技术中基于轨迹回放方式展示用户移动页面滚动条的示意图；

图6示出了现有技术中基于轨迹回放方式展示用户悬浮页面选项的示意图；

图7示出了现有技术中基于轨迹回放方式展示用户选中页面信息的示意图；

图8示出了现有技术基于轨迹回放方式展示用户输入中文内容的示意图；

图9示出了用户访问多个标签页的实际流程示意图；

图10示出了现有技术以页面为单位的会话流程回放的示意图；

图11示出了本发明一个优选实施例的回放用户操作行为的方法流程图；

图12示出了本发明一个优选实施例的采集ajax事件信息的示意图；

图13示出了本发明一个优选实施例的采集及回放流程的示意图；

图14示出了本发明一个优选实施例的回放过程中展示用户单击页面操作图标的示意图；

图15示出了本发明一个优选实施例的回放过程中展示用户切换页面内标签的示意图；

图16示出了本发明一个优选实施例的回放过程中展示用户移动页面滚动条的示意图；

图17示出了本发明一个优选实施例的回放过程中展示用户悬浮页面选项的示意图；

图18示出了本发明一个优选实施例的回放过程中处理ajax事件的示意图；

图19示出了本发明一个优选实施例的回放过程中展示用户选中页面信息的示意图；

图20示出了本发明一个优选实施例的回放过程中展示用户输入内容的示意图；

图21示出了本发明一个优选实施例的以时间为单位的会话流程回放的示意图；

图22示出了本发明另一个优选实施例的用于回放用户操作行为的播放器的界面示意图；

图23和24示出了本发明又一个优选实施例的用于回放用户操作行为的热图。

具体实施方式

下面结合附图对本发明作进一步详细描述。

根据本发明的一个方面，提供了一种回放用户行为的方法。

请参考图11，图11为根据本发明一个优选实施例的回放用户操作行为的方法流程图。如图11所示，本发明所提供的回放用户行为的方法包括以下步骤：

步骤S101，针对不同的事件类型采用不同的方式采集事件信息，解析所采集的信息，形成该用户对应的操作行为记录。

具体地，事件信息包括用户操作行为信息、当前所操作的网站页面元素信息以及所述网站页面Ajax产生的动态响应信息，其中，所述用户操作行为信息包括用户在网站页面的操作轨迹及与网站进行交互的信息，如操作类型信息（如点击、滑动等）、页面操作位置及操作发生时间等；所述当前网站页面元素的信息包括用户所操作页面元素的数字序列化信息；所述网站页面所产生Ajax的动态响应信息包括Ajax的返回数据信息（如responseText、responseXML等数据信息）。

其中，事件类型包括鼠标事件（如鼠标点击、鼠标停留操作）、键盘事件（如键盘文字输入、键盘功能键触碰操作）、焦点事件（页面元素的得焦、失焦）以及其它抽象事件（select对象的change事件、div的事件等）。

就所采集的事件类型而言，可以将其分为冒泡事件和非冒泡事件。所述冒泡事件通常是指触发事件可以从事件源对象沿着DOM（一种与浏览器、平台、语言无关的接口）树向上层层传递的事件，而非冒泡事件则通常指触发事件不会沿着DOM树层层传递的事件。典型地，冒泡事件如基于鼠标、键盘等输入工具单击触发页面出现对话框的产生或单击通过操作页面标签进行页面切换的操作，非冒泡事件包括如对document（文档）以外的页面元素的滚动条进行上下或左右拖动以及页面中select对象的change事件、input对象的blur和focus事件、以及form对象的submit和reset事件，典型地如拖动页面某一元素的滚动条等。在本实施例中，采用冒泡事件的侦听器中绑定至非冒泡事件的方式进行非冒泡事件的数据采集，以达到采集更多的事件类型，同时，此种方式也可以更好地采集动态创建对象的非冒泡事件数据，如动态创建表单的数据。

以form对象的submit事件为例，本实施例对其进行数据采集的过程可简单描述如下：

再以scoll滚动事件为例，对该事件进行采集的过程可简单描述如下：

上述方式通过在冒泡事件中判定事件源发生scroll的条件进而绑定非冒泡的scroll事件，实现了现有技术（如clicktale）目前无法对表单信息进行采集的技术问题。

就特殊事件ajax事件而言，对该事件进行数据采集的过程可参考图12。如图12所示，一方面，用户通过网站页面向为该网站提供服务的服务器发出ajax请求并获取所述服务器返回的数据，另一方面，采集代码截获ajax请求返回的数据并发送到采集服务器。

就用户选中页面信息的操作而言，如选中页面中的一段或一行文字，本实施例通过mousedown事件（鼠标按下按键事件）和mousemove事件（鼠标移动事件）来获取页面所选中的范围（Range）信息。

就键盘输入事件而言，如输入汉字或英文，本实施例通过数据类型（value）的方式予以进行数据采集，例如，当用户在通过诸如键盘或触摸屏等输入工具进行信息输入时，既采集键盘所输入的按键信息，也采集该按键信息对应的汉字信息所述输入工具的操作位置信息（如操作的键盘位置），也采集所输入数据的类型信息（如中文或英文），如此可以准确捕获用户输入的各类文字或符号信息，尤其是中文输入信息。

就用户切换网页标签的事件而言，为了后端可以完美的回放用户在多个标签页进行切换的细节，本实施例采用如下方式进行信息采集：

1）对于不支持专用属性（如webkitVisibilityState/msVisibilityState属性）判定的浏览器，通过页面的得焦失焦状态来判定用户是否进入或离开当前页面；

2）对于支持专用属性判定的浏览器，通过专用属性进行判定，如通过visibilitystate属性判定用户是否进入或离开当前页面。

优选地，对于任意浏览器，首先通过专用属性（如visibilitystate）判定用户进入或离开当前页面的状态，如果该浏览器不支持所述专用属性的判定，则通过降级，以得焦失焦的方式进行判定。

其中，当用户进入或退出某页面或打开新的页面时，对该操作进行标记，以为后台回放过程中进行多个页面数据的分割提供前端支持。

前端采集信息时，为了在用户有限的操作时间内更快、更多、更准的采集发包，对信息采集过程进行如下改进（可参考图13）：

1）将已采集的操作行为信息进行压缩传输，具体地，每采集一定容量的信息（优选为接近1kb）或跳转或关闭当前页面前，将其压缩成一个包，发送至云端服务器；

2）将所采集的用户操作行为信息和当前所操作的网站页面内容分不同的方式传送至云端服务器，前者通过用户访问当前页面所在的客户端主动发送至云端服务器，后者则由云端服务器主动向客户端抓取。

进一步地，将页面元素进行序列化计算，计算过程中根据顺序和结构层次将每个页面元素予以编号，例如将html页面结构中<body><div><a></a></div></body>a元素编号为[0,0]，表示标签body的第一个子节点的第一个元素。

进一步地，对上述采集的内容进行解析，形成各用户对应的操作行为记录，解析的方式在本实施例中不作限制。本实施例中，解析的过程包括匹配计算过程，如下文所述：

将所采集的数据通过云端进行匹配计算，按照用户访问当前网站页面的时间先后顺序，基于用户访问当前网站页面时的客户端分辨率大小、操作页面元素的位置及页面元素的编号等信息匹配所述网站页面产生的会话回放数据记录。

步骤S102，根据用户的操作行为记录，创建各个时间点的事件，回放过程中模拟触发各个时间点对应的事件进行展示。

具体地，本实施例针对不同的事件类型分别采用了不同的方式采集数据并进行解析后，在后台回放的处理中按照时间线的顺序，创建各个时间点对应的事件，模拟用户操作对应页面的场景触发相关事件予以展示（可继续参考图13），其中，所述创建的事件包括视图事件。典型地，如图14所示，由于用户在实际操作过程中通过点击“删除”选项，页面会弹出选项框“确定从购物车中删除此商品？确定or取消”，因此，对该操作事件进行回放前，创建该时间点的视图事件，回放时，模拟触发该时间点的视图事件进行展示，以还原真实内容提示场景。而在现有技术的回放过程中，请参考图3，仅是对用户所点击的“删除”选项进行示出，而没有对用户实际操作过程中出现的弹框信息“确定从购物车中删除此商品？确定or取消”予以展示。

再如图15所示，本实施例中，由于标签的切换会导致标签页下内容的相应改变，因此，在回放标签切换的过程中，通过模拟触发该标签页对应的内容切换事件，产生标签切换的真实效果。而在现有技术的回放过程中，请参考图4，尽管标签由“商品介绍”切换至“规格参数”，但是标签下的内容包括“商品名称”、“商品编号”等所有内容都没有进行切换，较大地影响用户的回放体验。

就鼠标滚动事件的回放而言，可参考图16，由于滚动条在被鼠标等操作工具拖动时，其位置会发生改变，因此，本实施例在回放过程中通过模拟触发滚动条被鼠标移动的场景响应操作，还原用户进行该操作时的真实响应场景。而在现有技术的回放过程中，请参考图5，尽管滚动条需要从左向右进行移动，但是回放展示中滚动条的位置却保持不变，导致回放展示不真实。

就ajax事件的回放而言，可参考图17，当光标移动到网页上的“去购物车结算”的选项时，实际场景中页面会展示一个包含购物详单的下拉框，而对比现有回放技术，请参考图6，只是示出了对选项“去购物车结算”的点击操作，而没有示出点击该选项后所展示的购物详单下拉框，即只是静态地展示用户点击选项的操作，并没有对点击后的响应信息进行动态展示。因此，为了回放时还原该真实的场景，本实施例采用如图18所示的回放处理方法：

1）拦截后端回放页面的XHR（XmlHttpRequest）对象，阻止所述页面向对应页面服务器发出的跨域ajax请求；

2）由后端回放页面向采集服务器发出ajax请求并接收所述服务器返回的数据，其中，发出所述ajax请求时根据前端采集的ajax数据直接触发该页面中的事件回调。

就所回放的选中页面信息操作的回放而言，可参考图19，回放过程中通过构造Range（选中的区域）对象，随页面光标的移动依次展示所选中的文字信息，这些文字内容以选中后所改变的颜色进行突出展示。而在现有技术的回放过程中，请参考图7，尽管实际操作中，用户通过输入工具对“全国联保，整机保修一年”等内容进行了选中操作，但是回放过程中只是展示从选中内容的第一个字到最后一个字的指示箭头，并没有还原这些内容被选中后所产生的变化（如文字背景颜色）。

就所回放的键盘输入事件的回放而言，可参考图20，由于本实施例采用数据类型方式进行采集，因此，后台回放时基于输入工具的操作位置信息和所输入的数据类型进行文字信息匹配，以还原用户当时所输入的文字信息。对于各种字符的输入，在回放过程中都能真实、准确地展示出来。而在现有技术键盘输入事件的回放中，请参考图8，尽管用户通过输入工具以全拼的形式输入了汉字“电脑”，但是由于回放过程中只能采集英文字母，不能对汉字、符号等信息进行采集，导致回放的过程中，输入信息显示为乱码。

就所回放用户网页标签切换操作的回放而言，可首先参考图9，图9示出了用户访问多个标签页的实际流程示意图，实际操作过程中，用户访问A页面第10s时进入了B页面，访问B页面第20s时进入了B页面，并在第30s关闭C页面返回A页面，之后第40s关闭A页面，进入B页面，第45s关闭B页面。继续参考本发明的图21，本实施例通过聚合用户在相应会话的所有参与访问页面的回放数据，根据采集阶段过程中标记的进入或离开每个页面的标志，对每个页面的回放数据按照进入和离开的标志进行分割，例如，将第0s进入页面A，第10s离开页面A进入页面B，以及第30s返回页面A，第40s关闭页面A操作的标志都进行了标注，由此，回放的过程中，根据该标志，取其中交互过程中的回放数据，按照时间先后顺序组合成一条完整的数据进行回放，将进出页面A的操作进行真实展示，如此，可以真实反映用户在切换页面的过程中进入和退出各个页面的状态。而对比表示现有技术的回放过程的图10，尽管用户在页面A、B、C的切换操作与上文相同，但是，在回放过程中，只是展示了打开页面A或Ｂ或Ｃ至最终关闭页面A或Ｂ或Ｃ的总计时间段，至于何时进行了页面切换以及页面关闭的前后顺序都没有在回放中进行展示。

与现有技术相比，本实施例所提供的回放用户行为的方法具有以下优点：可以有效地、完整地采集用户的事件信息，并在回放阶段真实地还原用户与页面的交互过程，为精准剖析用户交互障碍和网站流失原因提供了较好的数据和技术支撑。

根据本发明的另一个方面，还提供了一种回放用户行为的系统，包括：

采集单元，用于针对不同的事件类型采用不同的方式采集事件信息，解析所采集的信息，形成该用户对应的操作行为记录；

回放单元，用于根据所述操作行为记录，创建各个时间点的事件并回放用户的操作行为，回放过程中模拟触发各个时间点对应的事件进行展示。

由于该系统中各单元所提供的功能与上文中的基本方法对应，为简便起见，对于已经叙述的部分不再详述。

优选地，所述回放单元还包括播放器，可参考图22，图22示出了本发明用于回放用户操作行为的播放器界面示意图，图中以上部分灰色矩形示出了回放显示区域，左下角示出了播放进步控制按钮，正下方示出了诸如“事件1、报错1”等时间轴与事件帧关联信息，左下方示出了详细信息显示区域。

进一步地，本发明实施例的播放器具体包括：

回放显示单元，以音视频的方式展示用户的操作行为；

控制单元，用于控制所述播放器音视频的操作展示过程；

信息显示面板，用于显示展示与所述音视频相对应的提示信息，如错误提示信息、绑定事件信息等。

其中，所述控制单元具体包括：

进度控制模块，用于控制所述音视频的播放进度，如启动、暂停、前进、后退等；

时间轴与事件帧关联模块，用于关联用户操作行为会话流程中各时间点和事件帧并显示所述关联信息。优选地，以会话流程中出现的各个页面作为关键帧标志，在各个关键帧区段显示诸如错误标识帧、用户绑定事件标志帧等其他帧标志。

与现有技术相比，本实施例所提供的回放用户行为的系统具有以下优点：通过以上所述采集机制，可以有效地针对不同事件类型进行完整信息的采集，并有效地在本实施例所提供的播放器中进行回放，提升了用户在回放过程的体验。

根据本发明的又一个方面，提供了一种回放用户操作行为的热图展现装置，具体包括：

信息采集模块，用于针对不同的事件类型采用不同的方式采集事件信息；

热力图生成模块，用于解析所采集的信息，生成对应网站的热力图；

其中，所述信息采集模块采集事件信息的过程与上文回放用户操作行为的方法中的时间信息采集相同，为简便起见，在此不再详述。

其中，所述热图展现装置还包括交互模块，基于用户对所述热力图的操作，触发相应的事件，例如通过点击或双击等操作所述热力图中的交互操作选项，触发底部网站页面的呈现，进一步地，通过点击或双击网站页面的操作，可触发该选项对应的局部热力图的展示。

请参考图23和24，其中示出了本实施例所述的热力图，通过将鼠标移动至网页中的某个区域，基于鼠标右键点击“创建热图区域”，可以新建局部区域的热图。进一步地，当新建多个热图后，所述多个热图存在交叉或覆盖情形时，通过诸如单击、双击、滑动等页面操作可以逐层展示各个热图。当然，本领域技术人员应能理解上述网页操作工具——鼠标，仅为举例，其他网页操作工具，诸如键盘、遥控器、触摸板等网页操作工具都可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。点击所述热力图中的交互操作选项（未示出），可以选择指定区域（包含事件触发后显示内容的区域）展现局部热图。

本实施例所提供的热图展现装置可以使用户可以自定义局部热力图区域，方便进行A/BTEST（一种用于测试网站流量的方法）对比分析。

以上所揭露的仅为本发明的较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。

Claims (10)

1.一种回放用户网页操作行为的方法，该方法包括以下步骤：

a）针对用户网页操作中触发的不同事件类型采用不同的方式采集事件信息，解析所采集的信息，形成该用户对应的操作行为记录；

b）根据所述网页操作行为记录，创建各个时间点的事件，回放过程中模拟触发各个时间点对应的事件进行展示。

2.根据权利要求1所述的方法，其中，所述事件信息包括用户操作行为信息、当前所操作的网站页面元素信息以及所述网站页面ajax响应的数据信息。

3.根据权利要求1所述的方法，其中，所述事件类型为鼠标事件，采用将非冒泡事件绑定至冒泡事件的方式进行。

4.根据权利要求1所述的方法，其中，所述事件类型为选中页面信息的事件，采用mousedown事件和mousemove事件抓取所选中页面的范围信息，或者

所述事件类型为键盘输入事件，采用数据类型的方式进行数据采集；或者

所述事件类型为用户切换网页标签事件，所述采集包括以下步骤：

通过专用属性判断用户是否离开或进入当前页面；

如当前页面所在的浏览器不支持专用属性的判定，则通过降级，以得焦失焦的方式判定用户是否离开或进入当前页面。

5.根据权利要求2所述的方法，其中，所述步骤a）包括：

每采集一定容量大小的信息，将该信息压缩成一个数据包发送至云端服务器；

将所采集的用户操作行为信息通过用户访问当前页面所在的客户端主动发送至云端服务器，并由云端服务器主动向所述客户端抓取所采集的当前所操作的网站内容信息；

将所采集的数据通过云端进行匹配计算，按照用户访问当前网站页面的时间先后顺序，基于用户访问当前网站页面时的客户端分辨率大小、操作页面元素的位置及页面元素的编号信息匹配所述网站页面产生的会话回放数据记录，形成该用户对应的操作行为记录。

6.根据权利要求4所述的方法，其中，所述回放过程中，通过构造Range对象，随页面光标的移动依次展现示所选中的文字信息。

7.根据权利要求1所述的方法，其中，所述事件类型为ajax事件，所述回放过程包括：

拦截后端回放页面的XHR对象，阻止所述页面向对应页面服务器发出的跨域ajax请求；

由后端回放页面向采集服务器发出ajax请求并接收所述服务器返回的数据，其中，发出所述ajax请求时根据前端采集的ajax数据直接触发该页面中的事件回调。

8.一种回放用户网页操作行为的系统，包括：

采集单元，用于针对用户网页操作中触发的不同事件类型采用不同的方式采集事件信息，解析所采集的信息，形成该用户对应的操作行为记录；

回放单元，用于根据所述操作行为记录，创建各个时间点的事件并回放用户的操作行为，回放过程中模拟触发各个时间点对应的事件进行展示。

9.根据权利要求8所述的系统，其中，所述事件信息包括用户操作行为信息、当前所操作的网站页面元素信息以及所述网站页面ajax响应的数据信息。

10.一种回放用户网页操作行为的热图展现装置，具体包括：

信息采集模块，用于针对用户网页操作中触发的不同事件类型采用不同的方式采集事件信息；

热力图生成模块，用于解析所采集的信息，生成对应网站的热力图；

其中，所述热图展现装置还包括交互模块，基于用户对所述热力图的操作，触发相应的事件。