一种回放用户网页操作行为的方法、系统及热图展现装置的制造方法
【技术领域】
[0001] 本发明涉及互联网技术，尤其涉及一种回放用户网页操作行为的方法、系统及热 图展现装置。
【背景技术】
[0002] 就网站的推广和应用而言，分析用户的需求至关重要。当前一般采用以下方法分 析单个用户在网站的操作行为：采集用户访问网站的数据-> 解析所采集的数据-> 形成该 用户的操作行为记录-> 回放该用户的记录并分析其在访问网站的过程中所出现的各种问 题，回放过程中通常会展示如下内容：用户点击了该网站的哪些模块，进行了哪些标签页的 切换操作，中途放弃或变更了哪些操作选项等等。
[0003] 目前，就回放用户操作行为的记录而言，以Clicktale技术(一种用户行为分析工 具）为典型的代表，通常可将其定义为鼠标轨迹模拟回放技术，简称为轨迹回放技术。如附 图1所示，轨迹回放以页面为单位，展示用户所访问网站页面的鼠标轨迹及键盘事件。但 是，该回放技术目前存在以下缺陷：
[0004] 1)前端采集鼠标事件的过程中只获取了鼠标在页面的操作坐标和鼠标按键位置 信息，由于信息量较少，且这些信息都是和页面坐标位置相关的，缺乏事件中其它重要的信 息，因此，不利于后台回放过程中完整地展示用户的操作行为；
[0005] 2)前端无法采集用户所输入的汉字等字符信息，导致后台回放时不能准确展示用 户输入的字符信息；
[0006] 3)后端回放技术与页面的关联性较差，并不能结合目标网站进行关联回放，导致 在空白页面上的回放展示和在目标网站页面上的回放展示不存在区别（可对比附图1和附 图2);
[0007] 4)不能真实呈现用户在访问网站的过程中基于鼠标和键盘事件与网站进行交互 后触发的JS(Javascript,-种脚本语言）和Ajax(-种网页开发技术）效果，如这些交互 产生的隐藏菜单、标签切换、弹出层效果等等；
[0008] 5)不能真实呈现用户在多个网页标签页进行来回切换的过程。
[0009] 另外，除可以通过回放用户的操作记录来分析用户的网站需求外，典型地，还可以 通过热力图来分析多个用户在该网站的操作行为信息，如网站页面的哪些区域被用户点击 最多、浏览最多等行为信息。目前，现有技术中的热力图只能静态地展示各网站的热图数 据，热图展示过程中不能实现与用户的交互及自定义选择区域的热图数据。
【发明内容】
[0010] 为解决上述问题，本申请提供了一种回放用户操作行为的方法、热力图、播放器和 系统，以更完整地还原用户在网站页面上的浏览、操作等行为，为更好地分析用户的网络操 作行为提供数据和技术支撑。
[0011] 根据本发明的一个方面，提供了一种回放用户网页操作行为的方法，该方法包括 以下步骤：
[0012] a)针对用户网页操作中触发的不同事件类型采用不同的方式采集事件信息，解析 所采集的信息，形成该用户对应的操作行为记录；
[0013] b)根据所述网页操作行为记录，创建各个时间点的事件，回放过程中模拟触发各 个时间点对应的事件进行展示。
[0014] 其中，所述事件信息包括用户操作行为信息、当前所操作的网站页面元素信息以 及所述网站页面ajax响应的数据信息。
[0015] 其中，所述事件类型为鼠标事件，采用将非冒泡事件绑定至冒泡事件的方式进行。
[0016] 其中，所述事件类型为选中页面信息的事件，采用mousedown事件和mousemove事 件抓取所选中页面的范围信息，或者
[0017] 所述事件类型为键盘输入事件，采用数据类型的方式进行数据采集；或者
[0018] 所述事件类型为用户切换网页标签事件，所述采集包括以下步骤：
[0019] 通过专用属性判断用户是否离开或进入当前页面；
[0020] 如当前页面所在的浏览器不支持专用属性的判定，则通过降级，以得焦失焦的方 式判定用户是否离开或进入当前页面。
[0021] 其中，所述步骤a)包括：
[0022] 每采集一定容量大小的信息，将该信息压缩成一个数据包发送至云端服务器；
[0023] 将所采集的用户操作行为信息通过用户访问当前页面所在的客户端主动发送至 云端服务器，并由云端服务器主动向所述客户端抓取所采集的当前所操作的网站内容信 息；
[0024] 将所采集的数据通过云端进行匹配计算，按照用户访问当前网站页面的时间先后 顺序，基于用户访问当前网站页面时的客户端分辨率大小、操作页面元素的位置及页面元 素的编号信息匹配所述网站页面产生的会话回放数据记录，形成该用户对应的操作行为记 录。
[0025] 其中，所述回放过程中，通过构造Range对象，随页面光标的移动依次展现示所选 中的文字信息。
[0026] 其中，所述事件类型为ajax事件，所述回放过程包括：
[0027] 拦截后端回放页面的XHR对象，阻止所述页面向对应页面服务器发出的跨域ajax 请求；
[0028] 由后端回放页面向采集服务器发出ajax请求并接收所述服务器返回的数据，其 中，发出所述ajax请求时根据前端采集的ajax数据直接触发该页面中的事件回调。
[0029] 本发明的另一个方面还提供一种回放用户网页操作行为的系统，包括：
[0030] 采集单元，用于针对用户网页操作中触发的不同事件类型采用不同的方式采集事 件信息，解析所采集的信息，形成该用户对应的操作行为记录；
[0031] 回放单元，用于根据所述操作行为记录，创建各个时间点的事件并回放用户的操 作行为，回放过程中模拟触发各个时间点对应的事件进行展示。
[0032] 其中，所述事件信息包括用户操作行为信息、当前所操作的网站页面元素信息以 及所述网站页面ajax响应的数据信息。
[0033] 其中，所述事件类型为鼠标事件，所述采集单元采用将非冒泡事件绑定至冒泡事 件的方式进行。
[0034] 其中，所述事件类型为选中页面信息的事件，所述采集单元采用mousedown事件 和mousemove事件抓取所选中页面的范围信息。
[0035] 其中，所述事件类型为键盘输入事件，所述采集单元采用数据类型的方式进行数 据米集。
[0036] 其中，所述事件类型为用户切换网页标签事件，所述采集单元的采集过程包括以 下步骤：
[0037] 通过专用属性判断用户是否离开或进入当前页面；
[0038] 如当前页面所在的浏览器不支持专用属性的判定，则通过降级，以得焦失焦的方 式判定用户是否离开或进入当前页面。
[0039] 其中，所述采集单元的采集过程包括：
[0040] 每采集一定容量大小的信息，将该信息压缩成一个数据包发送至云端服务器；
[0041] 将所采集的用户操作行为信息通过用户访问当前页面所在的客户端主动发送至 云端服务器，并由云端服务器主动向所述客户端抓取所采集的当前所操作的网站内容信 息；
[0042] 将所采集的数据通过云端进行匹配计算，按照用户访问当前网站页面的时间先后 顺序，基于用户访问当前网站页面时的客户端分辨率大小、操作页面元素的位置及页面元 素的编号信息匹配所述网站页面产生的会话回放数据记录，形成该用户对应的操作行为记 录。
[0043] 其中，所述回放单元通过构造Range对象，随页面光标的移动依次展现示所选中 的文字信息。
[0044] 其中，所述事件类型为ajax事件，所述回放单元的回放过程包括：
[0045] 拦截后端回放页面的XHR对象，阻止所述页面向对应页面服务器发出的跨域ajax 请求；
[0046] 由后端回放页面向采集服务器发出ajax请求并接收所述服务器返回的数据，其 中，发出所述ajax请求时根据前端采集的ajax数据直接触发该页面中的事件回调。
[0047] 其中，所述回放单元还包括播放器，其中，所述播放器具体包括：
[0048] 回放显示单元，以音视频的方式展示用户的操作行为；
[0049] 控制单元，用于控制所述播放器音视频的操作展示过程；
[0050] 信息显示面板，用于显示展示与所述音视频相对应的提示信息。
[0051] 其中，所述控制单元具体包括：
[0052] 进度控制模块，用于控制所述音视频的播放进度；
[0053] 时间轴与事件帧关联模块，用于关联用户操作行为会话流程中各时间点和事件帧 并显示所述关联信息。
[0054] 根据本发明另一个方面，还提供一种回放用户网页操作行为的热图展现装置，具 体包括：
[0055] 信息采集模块，用于针对用户网页操作中触发的不同事件类型采用不同的方式采 集事件信息；
[0056] 热力图生成模块，用于解析所采集的信息，生成对应网站的热力图；
[0057] 其中，所述热图展现装置还包括交互模块，基于用户对所述热力图的操作，触发相 应的事件。
[0058] 其中，所述事件信息包括用户操作行为信息、当前所操作的网站页面元素信息以 及所述网站页面ajax响应的数据信息。
[0059] 与现有技术相比，本发明具有以下优点：
[0060] 1)就前端的采集而言，本发明完整地采集了用户与网站的交互操作行为数据，为 后台进行真实回放提供了数据支持；
[0061] 2)就后端的回放而言，本发明通过关联用户所访问的网站，创建各个时间点的事