CN110096658B - 一种数据埋点方法及装置 - Google Patents

Abstract

本发明是关于一种数据埋点方法及装置。该方法包括：当接收到对第一页面元素埋点请求时，接收埋点信息；获取第一页面元素的第一唯一标识符以及上下文特征信息；对埋点信息、第一唯一标识符及上下文特征信息进行关联存储。该技术方案，可以让数据的需求方，自主的通过交互式的手段对页面元素添加埋点，避免了传统方案需要多人写作可能产生的理解误差，删除了传统方案需要二次构建，发布等流程。并且，数据埋点不受源码更改，二次构建等发布机制的限制，让该埋点元素在没有被源代码删除的前提下，始终拥有埋点信息。

Description

一种数据埋点方法及装置

技术领域

本发明涉及数据分析技术领域，尤其涉及一种数据埋点方法及装置。

背景技术

目前，在埋点设置页面，数据需求者通过输入url的方式访问需要埋点的页面，然后通过在页面上点击需要埋点的元素，记录名称即可标记埋点。并在页面再次发布之后，通过之前埋点元素的特征信息找到埋点元素，渲染埋点信息。

在当前普遍埋点方式中，数据需求者需要将埋点列表提交到开发者，由开发者在源代码中加上埋点信息并发布。如果需要再次增加，则需要再次发布。

然而，上述的现有技术方案仍然有让用户不够方便以及体验不够好的地方：

1、数据需求者并不是埋点操作方，容易存在沟通上的误差。

2、每次添加埋点都需要涉及发布流程，有可能会造成线上的问题。

发明内容

本发明实施例提供一种数据埋点方法及装置。所述技术方案如下：

根据本发明实施例的第一方面，提供一种数据埋点方法，包括：

当接收到对第一页面元素埋点请求时，接收埋点信息；

获取所述第一页面元素的第一唯一标识符以及上下文特征信息；

对所述埋点信息、所述第一唯一标识符及上下文特征信息进行关联存储。

可选的，所述方法还包括：

当接收到所述第一页面元素所在的目标页面的访问请求时，根据所述第一页面元素的第一唯一标识符查询所述第一页面元素对应的埋点信息；

对所述第一页面元素渲染所述埋点信息。

可选的，所述方法还包括：

获取所述上下文特征信息；

根据预设模型及所述上下文特征信息，计算与所述上下文特征信息匹配的第二页面元素；

查询所述第二页面元素的第二唯一标识符；

用所述第二唯一标识符替换所述第一唯一标识符进行更新存储。

可选的，所述方法还包括：

当接收到对目标页面的访问请求时，所述目标页面包括所述第二页面元素，根据所述第而页面元素的第二唯一标识符查询所述第二页面元素对应的埋点信息；

对所述第二页面元素渲染所述埋点信息。

可选的，所述方法还包括：

对网络页面上每个页面元素生成唯一标识符。

可选的，所述方法还包括：

当监测到用户对预设按键执行预设操作并对所述第一页面元素执行选择操作时，确定接收到对所述第一页面元素的埋点请求；

弹出用于输入所述埋点信息的窗口。

可选的，所述上下文特征信息包括：页面元素的自身特征信息、相邻页面元素特征信息以及所述页面元素相对于根元素的路径信息；

所述相邻页面元素特征信息包括：上一个相邻节点和下一个相邻节点的节点特征信息，上一个相邻页面元素、下一个相邻页面元素和父元素的自身特征信息，子元素的自身特征信息和节点特征信息；

所述自身特征信息包括：唯一标识符、元素样式类、元素属性、元素标签名、元素内联样式、元素值及子节点；

所述节点特征信息包括：节点类型、节点值和子节点；

所述路径信息包括：所述页面元素到根元素的路径元素的元素特征信息以及每个路径元素对应的索引值。

根据本发明实施例的第二方面，提供一种数据埋点装置，包括：

接收模块，用于当接收到对第一页面元素埋点请求时，接收埋点信息；

第一获取模块，用于获取所述第一页面元素的第一唯一标识符以及上下文特征信息；

存储模块，用于对所述埋点信息、所述第一唯一标识符及上下文特征信息进行关联存储。

可选的，所述装置还包括：

第一查询模块，用于当接收到所述第一页面元素所在的目标页面的访问请求时，根据所述第一页面元素的第一唯一标识符查询所述第一页面元素对应的埋点信息；

渲染模块，用于对所述第一页面元素渲染所述埋点信息。

可选的，所述装置还包括：

第二获取模块，用于获取所述上下文特征信息；

计算模块，用于根据预设模型及所述上下文特征信息，计算与所述上下文特征信息匹配的第二页面元素；

第二查询模块，用于查询所述第二页面元素的第二唯一标识符；

所述存储模块，用于用所述第二唯一标识符替换所述第一唯一标识符进行更新存储。

本发明的实施例提供的技术方案可以包括以下有益效果：可以让数据的需求方，自主的通过交互式的手段对页面元素添加埋点，避免了传统方案需要多人写作可能产生的理解误差，删除了传统方案需要二次构建，发布等流程。并且，数据埋点不受源码更改，二次构建等发布机制的限制，让该埋点元素在没有被源代码删除的前提下，始终拥有埋点信息。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本发明。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。

图1是本发明实施例数据埋点方法的流程图。

图2是本发明另一实施例数据埋点方法的流程图。

图3是本发明另一实施例数据埋点方法的流程图。

图4是本发明另一实施例数据埋点方法的流程图。

图5是本发明实施例数据埋点装置的框图。

图6是本发明另一实施例数据埋点装置的框图。

图7是本发明另一实施例数据埋点装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。

在本发明实施例中，该方法的实现需要预先对网络页面上每个页面元素生成唯一标识符。在构建阶段，可通过webpack或gulp等构建程序的插件，对每个页面元素Dom生成一个唯一的标识符。当用户访问所要进行埋点操作的页面时，输入目标页面的URL，即可进入目标页面进行埋点操作。

图1是本发明实施例数据埋点方法的流程图，如图1所示，该方法包括以下步骤：

步骤S11，当接收到对第一页面元素埋点请求时，接收埋点信息；

步骤S12，获取第一页面元素的第一唯一标识符以及上下文特征信息；

步骤S13，对埋点信息、第一唯一标识符及上下文特征信息进行关联存储。

本发明实施例，可以让数据的需求方，自主的通过交互式的手段对页面元素添加埋点，避免了传统方案需要多人写作可能产生的理解误差，删除了传统方案需要二次构建，发布等流程。并且，数据埋点不受源码更改，二次构建等发布机制的限制，让该埋点元素在没有被源代码删除的前提下，始终拥有埋点信息。

图2是本发明另一实施例数据埋点方法的流程图，如图2所示，该方法还包括：

步骤S21，当监测到用户对预设按键执行预设操作并对第一页面元素执行选择操作时，确定接收到对第一页面元素的埋点请求；

步骤S22，弹出用于输入埋点信息的窗口。

本实施例中，进入目标页面后，用户可以通过按住Ctrl并点击需要埋点的页面元素，唤起输入埋点信息的窗口，用户可在该窗口内输入所需的埋点信息。当用户输入完成之后，执行步骤S11～步骤S13，记录页面元素的唯一标识符，埋点信息，页面元素的上下文特征信息，并存入数据库，以便后续可以使用该埋点信息对页面元素进行渲染。

图3是本发明另一实施例数据埋点方法的流程图，如图3所示，当其他用户访问该目标页面时，该方法还包括：

步骤S31，当接收到第一页面元素所在的目标页面的访问请求时，根据第一页面元素的第一唯一标识符查询第一页面元素对应的埋点信息；

步骤S32，对第一页面元素渲染埋点信息。

当开发者对该页面进行二次开发之后，在构建完成之后，页面元素的唯一标识符发生了改变，无法再根据唯一标识符准确定位到埋点信息。此时，使用之前存储的上下文特征信息确定埋点的页面元素。

图4是本发明另一实施例数据埋点方法的流程图，如图4所示，该方法还包括：

步骤S41，获取上下文特征信息。

步骤S42，根据预设模型及上下文特征信息，计算与上下文特征信息匹配的第二页面元素。

该预设模型中包括每项特征信息对应的权值，通过上下文特征信息进行元素匹配时，根据该预设模型计算每个元素对应计分，将计分最高的元素确定为与之匹配的页面元素，也即之前进行埋点的页面元素。

步骤S43，查询第二页面元素的第二唯一标识符。

步骤S44，用第二唯一标识符替换第一唯一标识符进行更新存储。

当其他用户访问该目标页面时，则使用第二唯一标识符定位埋点信息。该方法还包括以下步骤：

当接收到对目标页面的访问请求时，目标页面包括第二页面元素，获取埋点信息及第二唯一标识符；

通过第二唯一标识符，对第二页面元素渲染埋点信息。

这样，通过上下文特征信息查询埋点的页面元素，使得在源代码被修改、二次构建之后，埋点的页面元素始终拥有埋点信息。

本实施例中，上下文特征信息包括：页面元素(props)的自身特征信息(eleprops)、相邻页面元素特征信息(elements)以及页面元素相对于根元素的路径信息(xpath)。

相邻页面元素特征信息(elements)包括：

上一个相邻节点(prevNode)和下一个相邻节点(nextNode)的节点特征信息(nodeprop)；

上一个相邻页面元素(prevEle)、下一个相邻页面元素(nextEle)和父元素(parentEle)的自身特征信息(eleprops)；

子元素(childNodes)的自身特征信息(eleprops)和节点特征信息(nodeprop)。

子元素(childNodes)可以为对元素特征信息(eleprop)和节点特征信息(nodeprop)进行排列组合的数组。

其中，自身特征信息(eleprops)包括：

唯一标识符(id)，

元素样式类(calss)，

元素属性(attribute)，

元素标签名(tagname)

元素内联样式(style)，

元素值(value)，

子节点(childNodes)。

其中，节点特征信息(nodeprop)包括：

节点类型(nodetype)，

节点值(nodevalue)，

子节点(childNodes)。

路径信息(xpath)包括：页面元素(props)到根元素的路径元素的自身特征信息(eleprops)以及每个路径元素对应的索引值(index)。

其中，路径信息(xpath)可以为对路径元素的自身特征信息(eleprops)以及索引值(index)进行排列组合的数组。

本发明的方法，使得开发者不需要关心埋点元素信息，也不需要担心用户忘记埋点信息的申请，只需要完成页面的编码发布部分即可，而用户通过页面发布时的通知，自主的来埋点操作系统添加埋点信息，把整个埋点过程流程化，开发者和用户的体验度都得到了提升。

下述为本发明装置实施例，可以用于执行本发明方法实施例。

图5是本发明实施例数据埋点装置的框图，该装置可以通过软件、硬件或者两者的结合实现成为电子设备的部分或者全部。如图5所示，该装置包括：

接收模块501，用于当接收到对第一页面元素埋点请求时，接收埋点信息；

第一获取模块502，用于获取第一页面元素的第一唯一标识符以及上下文特征信息；

存储模块503，用于对埋点信息、第一唯一标识符及上下文特征信息进行关联存储。

图6是本发明另一实施例数据埋点装置的框图，如图6所示，该装置还包括：

第一查询模块504，用于当接收到第一页面元素所在的目标页面的访问请求时，根据第一页面元素的第一唯一标识符查询第一页面元素对应的埋点信息；

渲染模块505，用于对第一页面元素渲染埋点信息。

图7是本发明另一实施例数据埋点装置的框图，如图7所示，该装置还包括：

第二获取模块506，用于获取上下文特征信息；

计算模块507，用于根据预设模型及上下文特征信息，计算与上下文特征信息匹配的第二页面元素；

第二查询模块508，用于查询第二页面元素的第二唯一标识符；

存储模块503，用于用第二唯一标识符替换第一唯一标识符进行更新存储。

在另一实施例中，第一查询模块504，用于当接收到对目标页面的访问请求时，目标页面包括第二页面元素，根据第而页面元素的第二唯一标识符查询第二页面元素对应的埋点信息；

渲染模块505，用于对第二页面元素渲染埋点信息。

在另一实施例中，该装置还包括：生成模块509，用于对网络页面上每个页面元素生成唯一标识符。

在另一实施例中，该装置还包括：

确定模块510，用于当监测到用户对预设按键执行预设操作并对第一页面元素执行选择操作时，确定接收到对第一页面元素的埋点请求；

弹出模块511，用于弹出用于输入埋点信息的窗口。

本领域技术人员在考虑说明书及实践这里公开的公开后，将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本发明未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。

应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。

Claims (8)

1.一种数据埋点方法，其特征在于，所述方法包括：

当接收到对第一页面元素埋点请求时，接收埋点信息；

获取所述第一页面元素的第一唯一标识符以及上下文特征信息；

对所述埋点信息、所述第一唯一标识符及上下文特征信息进行关联存储；

所述方法还包括：

获取所述上下文特征信息；

根据预设模型及所述上下文特征信息，计算与所述上下文特征信息匹配的第二页面元素；

查询所述第二页面元素的第二唯一标识符；

用所述第二唯一标识符替换所述第一唯一标识符进行更新存储。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

当接收到所述第一页面元素所在的目标页面的访问请求时，根据所述第一页面元素的第一唯一标识符查询所述第一页面元素对应的埋点信息；

对所述第一页面元素渲染所述埋点信息。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

当接收到对目标页面的访问请求时，所述目标页面包括所述第二页面元素，根据所述第二页面元素的第二唯一标识符查询所述第二页面元素对应的埋点信息；

对所述第二页面元素渲染所述埋点信息。

4.根据权利要求1所述的方法，其特征在于，所述方法还包括：

对网络页面上每个页面元素生成唯一标识符。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：

当监测到用户对预设按键执行预设操作并对所述第一页面元素执行选择操作时，确定接收到对所述第一页面元素的埋点请求；

弹出用于输入所述埋点信息的窗口。

6.根据权利要求1-5中任一项所述的方法，其特征在于，所述上下文特征信息包括：页面元素的自身特征信息、相邻页面元素特征信息以及所述页面元素相对于根元素的路径信息；

所述相邻页面元素特征信息包括：上一个相邻节点和下一个相邻节点的节点特征信息，上一个相邻页面元素、下一个相邻页面元素和父元素的自身特征信息，子元素的自身特征信息和节点特征信息；

所述自身特征信息包括：唯一标识符、元素样式类、元素属性、元素标签名、元素内联样式、元素值及子节点；

所述节点特征信息包括：节点类型、节点值和子节点；

所述路径信息包括：所述页面元素到根元素的路径元素的元素特征信息以及每个路径元素对应的索引值。

7.一种数据埋点装置，其特征在于，包括：

接收模块，用于当接收到对第一页面元素埋点请求时，接收埋点信息；

第一获取模块，用于获取所述第一页面元素的第一唯一标识符以及上下文特征信息；

存储模块，用于对所述埋点信息、所述第一唯一标识符及上下文特征信息进行关联存储；

第二获取模块，用于获取所述上下文特征信息；

计算模块，用于根据预设模型及所述上下文特征信息，计算与所述上下文特征信息匹配的第二页面元素；

第二查询模块，用于查询所述第二页面元素的第二唯一标识符；

所述存储模块，用于用所述第二唯一标识符替换所述第一唯一标识符进行更新存储。

8.根据权利要求7所述的装置，其特征在于，所述装置还包括：

第一查询模块，用于当接收到所述第一页面元素所在的目标页面的访问请求时，根据所述第一页面元素的第一唯一标识符查询所述第一页面元素对应的埋点信息；

渲染模块，用于对所述第一页面元素渲染所述埋点信息。

Images