[发明专利]一种用户行为数据渲染方法和装置

说明书

本发明公开了一种用户行为数据渲染方法和装置。所述方法包括：根据文档对象模型DOM树建立虚拟文档对象模型VDOM树，VDOM树中的VDOM节点标注有DOM树中对应的DOM节点的路径标识，DOM节点为页面中的对象；根据获取的用户行为数据和VDOM树中的路径标识，建立包括路径标识和对应的至少一条用户行为数据记录的用户行为数据集；当DOM树完成渲染或更新后，根据当前渲染的DOM节点的路径标识确定用户行为数据集中对应的用户行为数据记录，使用用户行为数据记录为当前渲染的DOM节点渲染用户行为数据。能够在DOM首次渲染和刷新的过程中均实现用户行为数据的渲染，做到交互式渲染。

技术领域

本发明涉及数据渲染技术领域，特别涉及一种用户行为数据渲染方法和装置。

背景技术

为了便于研发或管理人员了解浏览器中各功能(控件)的使用情况，需要使用埋点采集用户行为数据，比如用户点击某个控件的次数、观看某个视频的时长、点击某个跳转链接的次数等。其中，埋点是记录用户行为以用于后续数据分析的方法。

同时，为了使得用户行为数据得到更直观的展示，需要将用户行为数据直接渲染在显示页面的对应控件上。而现有技术中的用户行为数据渲染方法，只能在首屏渲染各控件的用户行为数据，无法监听到文档对象模型(Document Object Mode，DOM)变化，更无法在DOM变化后继续在刷新后的页面上渲染用户行为数据，故无法实现交互式渲染。例如，在用户点击某一控件后弹出的子窗口中无法再渲染子窗口上各控件的用户行为数据。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种用户行为数据渲染方法和装置。

第一方面，本发明实施例提供一种用户行为数据渲染方法，包括：

根据文档对象模型DOM树建立虚拟文档对象模型VDOM树，所述VDOM树中的VDOM节点标注有DOM树中对应的DOM节点的路径标识，所述DOM节点为页面中的对象；

根据获取的用户行为数据和VDOM树中的路径标识，建立包括路径标识和对应的至少一条用户行为数据记录的用户行为数据集；

当DOM树完成渲染或更新后，根据当前渲染的DOM节点的路径标识确认所述用户行为数据集中对应的用户行为数据记录，使用所述用户行为数据记录为所述当前渲染的DOM节点渲染用户行为数据。

在一些可选的实施例中，根据当前渲染的DOM节点的路径标识确定所述用户行为数据集中对应的用户行为数据记录，使用所述用户行为数据记录为所述当前渲染的DOM节点渲染用户行为数据，包括：

遍历所述用户行为数据集，判断当前遍历的用户行为数据记录的路径标识对应的DOM节点是否在当前页面中渲染；

若是，判断所述对应的DOM节点是否已渲染用户行为数据；

若未渲染用户行为数据，使用当前遍历的用户行为数据记录为所述对应的DOM节点渲染用户行为数据。

在一些可选的实施例中，判断所述对应的DOM节点已渲染用户行为数据时，还包括：

判断所述对应的DOM节点已渲染的用户行为数据是否与所述当前遍历的用户行为数据记录匹配；

若否，执行所述使用当前遍历的用户行为数据记录为所述对应的DOM节点渲染用户行为数据。

在一些可选的实施例中，根据当前渲染的DOM节点的路径标识确定所述用户行为数据集中对应的用户行为数据记录，使用所述用户行为数据记录为所述当前渲染的DOM节点渲染用户行为数据，包括：

判断当前页面中渲染的DOM节点是否已渲染用户行为数据；