应用埋点方法、装置、计算设备和系统制造方法及图纸

本公开提供了一种应用埋点方法、装置、计算设备和系统。实现方案为：从服务器获取终端应用中目标页面的渲染数据，渲染数据包括页面配置信息、节点配置信息和已埋点配置信息；将页面配置信息和节点配置信息解析为视图树结构，并根据该视图树结构渲染出目标页面；根据已埋点配置信息从所渲染的目标页面中确定对应的已埋点元素，并将该已埋点配置信息映射到该已埋点元素上；以及从所渲染的目标页面中确定目标埋点元素和该目标埋点元素的同类元素，生成新埋点配置信息，以便经由服务器发送给客户端，以对该客户端处的终端应用处的已埋点配置信息进行更新。置信息进行更新。置信息进行更新。

【技术实现步骤摘要】
应用埋点方法、装置、计算设备和系统
[0001]本申请是申请日为2019年5月30日、申请号为201910465342.3、专利技术名称为“一种应用埋点方法、装置、计算设备和系统”的中国专利技术专利申请的分案申请。


[0002]本公开涉及数据采集领域，尤其涉及一种应用埋点方法、装置、计算设备和系统。

技术介绍

[0003]随着移动互联网技术和移动应用的日益普及，开发人员为了能够更好地追踪用户的行为及观察页面相关点击数据，通常需要事先进行可视化埋点等数据埋点操作。而客户端视图的渲染对可视化埋点至关重要，其直接影响到事件的定义和后期数据采集的准确度。
[0004]但目前移动应用的开发模式日益多样化，大多采用原生应用、网页应用和混合应用的开发模式。对这些多种模式的应用进行视图渲染，传统的技术方案如直接解析NATIVE端XML、无层级的JSON配置等，均无法较为精确地复原视图层，导致有些视图下无法进行埋点工作，进而影响后期的数据采集工作。从技术层面来说，视图层的不精确还原也会降低埋点中视图层数据计算的准确度，进而影响数据质量。因此，需要提供一种能够精确还原和渲染跨平台视图层的方法，以提供良好的埋点计算能力。

技术实现思路

[0005]为此，本公开提供一种应用埋点方法、装置、计算设备和系统，以力图解决或至少缓解上面存在的问题。
[0006]根据本公开的一个方面，提供一种应用埋点方法，适于在计算设备中执行，所述方法包括步骤：从服务器中获取终端应用中目标页面的渲染数据，该渲染数据包括页面配置信息、节点配置信息和已埋点配置信息；将页面配置信息和节点配置信息解析为视图树结构，并根据该视图树结构渲染出目标页面；根据已埋点配置信息从所渲染的目标页面中确定对应的已埋点元素，并将该已埋点配置信息映射到该已埋点元素上；以及从所渲染的目标页面中确定目标埋点元素和该目标埋点元素的同类元素，生成新埋点配置信息，以便经由服务器发送给客户端，以对该客户端处的终端应用中的已埋点配置信息进行更新。
[0007]可选地，在根据本公开的方法中，确定目标埋点元素的同类元素的步骤包括：根据节点配置信息计算所述目标页面中各元素的属性特征及其到根节点的层级值；选取层级值大于等于所述目标埋点元素的层级值、且与所述目标埋点元素具有相同属性特征的元素作为候选同类元素；分别计算目标埋点元素的第一父元素集、以及各候选同类元素的第二父元素集，第一父元素集和第二父元素集均包括一个或者多个父元素，父元素不是根节点且包含至少两个子元素；分别计算各第二父元素集与第一父元素集的交集元素，并选取层级值最大的交集元素作为共有父元素；以及从候选同类元素中选取父元素包括该共有父元素的元素作为目标埋点元素的同类元素。
[0008]可选地，在根据本公开的方法中，还包括步骤：响应于用户的数据拾取指令，获取当前元素的元素值、元素路径和埋点数据；以及响应于用户的浏览模式指令或埋点模式指令，在正常页面浏览模式和页面埋点模式之间进行切换。
[0009]可选地，在根据本公开的方法中，还包括步骤：响应于用户的舞台模式指令，获取用户的指针焦点所在的当前元素或当前位置，点亮该当前元素或当前位置，并同时点亮该当前元素的同类元素。
[0010]可选地，在根据本公开的方法中，服务器包括应用服务器和埋点服务器，从服务器中获取终端应用中目标页面的渲染数据的步骤包括：从应用服务器中获取目标页面的页面配置信息和节点配置信息，以及从埋点服务器中获取目标页面的已埋点配置信息。
[0011]可选地，在根据本公开的方法中，页面配置信息包括页面唯一标识、页面截图、视窗宽、视窗高、视窗缩放比例、原生组件地址、混合元素地址、客户端平台、客户端版本和应用版本中的至少一种或者多种。
[0012]可选地，在根据本公开的方法中，节点配置信息包括节点树数据，节点树数据包括元素类型、元素路径、元素位置、元素路径索引、是否为叶子结点、埋点插入点、原生元素是否可埋点和元素位置信息中的一种或者多种。
[0013]可选地，在根据本公开的方法中，元素位置信息包括元素宽高、相对于视窗的边界距离、相对于父元素的坐标、元素层级位置和子节点中的一种或者多种。
[0014]可选地，在根据本公开的方法中，已埋点配置信息包括埋点触发事件、已埋点元素的标识和类型、以及所对应的埋点数据；新埋点配置信息包括埋点触发事件、目标埋点元素的标识和类型、该目标埋点元素的同类元素的标识和类型、以及所需埋点数据。
[0015]可选地，在根据本公开的方法中，终端应用为原生应用、混合应用和HTML5应用中的至少一种，视图树结构为DOM元素视图树结构。
[0016]根据本公开的又一个方面，提供一种应用埋点方法，包括：应用服务器获取终端应用中目标页面的基本信息，生成对应的页面配置信息和节点配置信息；埋点服务器获取终端应用中目标页面的已埋点配置信息，所述已埋点配置信息包括埋点触发事件、以及已埋点元素的标识、类型和对应的埋点数据；计算设备从应用服务器中获取页面配置信息和节点配置信息，将其解析为视图树结构，并根据该视图树结构渲染出目标页面；计算设备从埋点服务器中获取已埋点配置信息，根据已埋点配置信息从所渲染的目标页面中确定对应的已埋点元素，并将该埋点配置信息映射到该已埋点元素上；计算设备从所渲染的目标页面中确定目标埋点元素和该目标埋点元素的同类元素，生成新埋点配置信息，并经由服务器发送给客户端；以及客户端对该新埋点配置信息进行解析，并对其终端应用中处的已埋点配置信息进行更新。
[0017]根据本公开的又一个方面，提供一种用埋点装置，适于驻留在计算设备中执行，该装置包括：数据获取模块，适于从服务器中获取终端应用中目标页面的渲染数据，该渲染数据包括页面配置信息、节点配置信息和已埋点配置信息；页面渲染模块，适于将页面配置信息和节点配置信息解析为视图树结构，并根据该视图树结构渲染出目标页面；已埋点匹配模块，适于根据已埋点配置信息从所渲染的目标页面中确定对应的已埋点元素，并将该已埋点配置信息映射到该已埋点元素上；以及埋点更新模块，适于从所渲染的目标页面中确定目标埋点元素和该目标埋点元素的同类元素，生成新埋点配置信息后经由服务器发送给
客户端，以对该客户端处的终端应用中的已埋点配置信息进行更新。
[0018]可选地，在根据本公开的装置中，埋点更新模块适于：根据节点配置信息计算目标页面中各元素的属性特征及其到根节点的层级值；选取层级值大于等于目标埋点元素的层级值、且与目标埋点元素具有相同属性特征的元素作为候选同类元素；分别计算目标埋点元素的第一父元素集、以及各候选同类元素的第二父元素集，第一父元素集和其中第二父元素集均包括一个或者多个父元素，父元素不是根节点且包含至少两个子元素；分别计算各第二父元素集与第一父元素集的交集元素，并选取层级值最大的交集元素作为共有父元素；以及从候选同类元素中选取父元素包括该共有父元素的元素作为目标埋点元素的同类元素。
[0019]可选地，在根据本公开的装置中，还包括指令处理模块，适于：响应本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种应用埋点方法，适于在计算设备中执行，所述方法包括步骤：从服务器中获取终端应用中目标页面的渲染数据，所述渲染数据包括页面配置信息、节点配置信息和已埋点配置信息；将所述页面配置信息和节点配置信息解析为视图树结构，并根据该视图树结构渲染出目标页面；根据所述已埋点配置信息从所渲染的目标页面中确定对应的已埋点元素，并将该已埋点配置信息映射到该已埋点元素上；以及从所渲染的目标页面中确定目标埋点元素和该目标埋点元素的同类元素，生成新埋点配置信息，以便经由服务器发送给客户端，以对该客户端处的终端应用中的已埋点配置信息进行更新，其中，所述目标埋点元素的同类元素从层级值大于等于所述目标埋点元素的层级值、且与所述目标埋点元素具有相同属性特征的元素中选取得出，元素的层级值和属性特征通过所述节点配置信息得出。2.如权利要求1所述的方法，其中，确定目标埋点元素的同类元素的步骤包括：根据所述节点配置信息计算各元素的属性特征及其到根节点的层级值；选取层级值大于等于所述目标埋点元素的层级值、且与所述目标埋点元素具有相同属性特征的元素作为候选同类元素；分别计算所述目标埋点元素的第一父元素集、以及每个候选同类元素的第二父元素集，所述第一父元素集和所述第二父元素集均包括一个或者多个父元素，所述父元素不是根节点且包含至少两个子元素；分别计算各第二父元素集与第一父元素集的交集元素，并获取各交集元素的层级值；以及选取层级值最大的交集元素作为共有父元素，并从所述候选同类元素中选取父元素包括该共有父元素的元素作为所述目标埋点元素的同类元素。3.如权利要求1或2所述的方法，还包括步骤：响应于用户的数据拾取指令，获取当前元素的元素值、元素路径和埋点数据；以及响应于用户的浏览模式指令或埋点模式指令，在正常页面浏览模式和页面埋点模式之间进行切换。4.如权利要求3所述的方法，还包括步骤：响应于用户的舞台模式指令，获取用户的指针焦点所在的当前元素或当前位置，点亮该当前元素或当前位置，并同时点亮该当前元素的同类元素。5.如权利要求1或2所述的方法，其中，所述服务器包括应用服务器和埋点服务器，所述从服务器中获取终端应用中目标页面的渲染数据的步骤包括：从所述应用服务器中获取所述目标页面的页面配置信息和节点配置信息，以及从所述埋点服务器中获取所述目标页面的已埋点配置信息。6.如权利要求1或2所述的方法，其中，所述页面配置信息包括页面唯一标识、页面截图、视窗宽、视窗高、视窗缩放比例、原生组件地址、混合元素地址、客户端平台、客户端版本和应用版本中的至少一种或者多种。7.如权利要求1或2所述的方法，其中，
所述节点配置信息包括节点树数据，所述节点树数据包括元素类型、元素路径、元素位置、元素路径索引、是否为叶子结点、埋点插入点、原生元素是否可埋点和元素位置信息中的一种或者多种。8.如权利要求7所述的方法，其中，所述元素位置信息包括元素宽高、相对于视窗的边界距离、相对于父元素的坐标、元素层级位置和子节点中的一种或者多种。9.如权利要求1或2所述的方法，其中，所述已埋点配置信息包括埋点触发事件、已埋点元素的标识和类型、以及所对应的埋点数据；所述新埋点配置信息包括埋点触发事件、目标埋点元素的标识和类型、该目标埋点元素的同类元素的标识和类型、以及所需埋点数据。10.如权利要求1的方法，其中，所述终端应用为原生应用、混合应用和HTML5应用中的至少一种，所述视图树结构为DOM元素视图树结构。11.一种应用埋点方法，包括：应用服务器获取终端应用中目标页面的基本信息，生成对应的页面配置信息和节点配置信息；埋点服务器获取所述终端应用中目标页面的已埋点配置信息，所述已埋点配置信息包括埋点触发事件、以及已埋点元素的标识、类型和对应的埋点数据；计算设备从所述应用服务器中获取所述页面配置信息和节点配置信息，将其解析为视图树结构，并根据该视图树结构渲染...

【专利技术属性】
技术研发人员：王猛，
申请(专利权)人：北京腾云天下科技有限公司，
类型：发明
国别省市：