CN110196953A - 一种应用埋点方法、装置、计算设备和*** - Google Patents

Abstract

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

Description

一种应用埋点方法、装置、计算设备和***

技术领域

本发明涉及数据采集领域，尤其涉及一种应用埋点方法、装置、计算设备和***。

背景技术

随着移动互联网技术和移动应用的日益普及，开发人员为了能够更好地追踪用户的行为及观察页面相关点击数据，通常需要事先进行可视化埋点等数据埋点操作。而客户端视图的渲染对可视化埋点至关重要，其直接影响到事件的定义和后期数据采集的准确度。

但目前移动应用的开发模式日益多样化，大多采用原生应用、网页应用和混合应用的开发模式。对这些多种模式的应用进行视图渲染，传统的技术方案如直接解析NATIVE端XML、无层级的JSON配置等，均无法较为精确地复原视图层，导致有些视图下无法进行埋点工作，进而影响后期的数据采集工作。从技术层面来说，视图层的不精确还原也会降低埋点中视图层数据计算的准确度，进而影响数据质量。因此，需要提供一种能够精确还原和渲染跨平台视图层的方法，以提供良好的埋点计算能力。

发明内容

为此，本发明提供一种应用埋点方法、装置、计算设备和***，以力图解决或至少缓解上面存在的问题。

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

可选地，在根据本发明的方法中，确定目标埋点元素的同类元素的步骤包括：根据节点配置信息计算所述目标页面中各元素的属性特征及其到根节点的层级值；选取层级值大于等于所述目标埋点元素的层级值、且与所述目标埋点元素具有相同属性特征的元素作为候选同类元素；分别计算目标埋点元素的第一父元素集、以及各候选同类元素的第二父元素集，第一父元素集和第二父元素集均包括一个或者多个父元素，父元素不是根节点且包含至少两个子元素；分别计算各第二父元素集与第一父元素集的交集元素，并选取层级值最大的交集元素作为共有父元素；以及从候选同类元素中选取父元素包括该共有父元素的元素作为目标埋点元素的同类元素。

可选地，在根据本发明的方法中，还包括步骤：响应于用户的数据拾取指令，获取当前元素的元素值、元素路径和埋点数据；以及响应于用户的浏览模式指令或埋点模式指令，在正常页面浏览模式和页面埋点模式之间进行切换。

可选地，在根据本发明的方法中，还包括步骤：响应于用户的舞台模式指令，获取用户的指针焦点所在的当前元素或当前位置，点亮该当前元素或当前位置，并同时点亮该当前元素的同类元素。

可选地，在根据本发明的方法中，服务器包括应用服务器和埋点服务器，从服务器中获取终端应用中目标页面的渲染数据的步骤包括：从应用服务器中获取目标页面的页面配置信息和节点配置信息，以及从埋点服务器中获取目标页面的已埋点配置信息。

可选地，在根据本发明的方法中，页面配置信息包括页面唯一标识、页面截图、视窗宽、视窗高、视窗缩放比例、原生组件地址、混合元素地址、客户端平台、客户端版本和应用版本中的至少一种或者多种。

可选地，在根据本发明的方法中，节点配置信息包括节点树数据，节点树数据包括元素类型、元素路径、元素位置、元素路径索引、是否为叶子结点、埋点***点、原生元素是否可埋点和元素位置信息中的一种或者多种。

可选地，在根据本发明的方法中，元素位置信息包括元素宽高、相对于视窗的边界距离、相对于父元素的坐标、元素层级位置和子节点中的一种或者多种。

可选地，在根据本发明的方法中，已埋点配置信息包括埋点触发事件、已埋点元素的标识和类型、以及所对应的埋点数据；新埋点配置信息包括埋点触发事件、目标埋点元素的标识和类型、该目标埋点元素的同类元素的标识和类型、以及所需埋点数据。

可选地，在根据本发明的方法中，终端应用为原生应用、混合应用和HTML5应用中的至少一种，视图树结构为DOM元素视图树结构。

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

根据本发明的又一个方面，提供一种用埋点装置，适于驻留在计算设备中执行，该装置包括：数据获取模块，适于从服务器中获取终端应用中目标页面的渲染数据，该渲染数据包括页面配置信息、节点配置信息和已埋点配置信息；页面渲染模块，适于将页面配置信息和节点配置信息解析为视图树结构，并根据该视图树结构渲染出目标页面；已埋点匹配模块，适于根据已埋点配置信息从所渲染的目标页面中确定对应的已埋点元素，并将该已埋点配置信息映射到该已埋点元素上；以及埋点更新模块，适于从所渲染的目标页面中确定目标埋点元素和该目标埋点元素的同类元素，生成新埋点配置信息后经由服务器发送给客户端，以对该客户端处的终端应用中的已埋点配置信息进行更新。

可选地，在根据本发明的装置中，埋点更新模块适于：根据节点配置信息计算目标页面中各元素的属性特征及其到根节点的层级值；选取层级值大于等于目标埋点元素的层级值、且与目标埋点元素具有相同属性特征的元素作为候选同类元素；分别计算目标埋点元素的第一父元素集、以及各候选同类元素的第二父元素集，第一父元素集和其中第二父元素集均包括一个或者多个父元素，父元素不是根节点且包含至少两个子元素；分别计算各第二父元素集与第一父元素集的交集元素，并选取层级值最大的交集元素作为共有父元素；以及从候选同类元素中选取父元素包括该共有父元素的元素作为目标埋点元素的同类元素。

可选地，在根据本发明的装置中，还包括指令处理模块，适于：响应于用户的数据拾取指令，获取当前元素的元素值、元素路径和埋点数据；以及响应于用户的浏览模式指令或埋点模式指令，在正常页面浏览模式和页面埋点模式之间进行切换。

可选地，在根据本发明的装置中，指令处理模块还适于：响应于用户的舞台模式指令，监测用户的指针焦点所在的当前元素或当前位置，点亮该当前元素或当前位置，并同时点亮该当前元素的同类元素。

根据本发明的又一个方面，提供一种计算设备，包括：至少一个处理器；以及包括计算机程序指令的至少一个存储器；所述至少一个存储器和所述计算机程序指令被配置为与所述至少一个处理器一起使得所述计算设备执行如上所述的应用埋点方法。

根据本发明的又一个方面，提供一种存储一个或多个程序的可读存储介质，所述一个或多个程序包括指令，所述指令当由计算设备执行时，使得所述计算设备执行如上所述的应用埋点方法。

根据本发明的又一个方面，提供一种应用埋点***，包括：应用服务器、埋点服务器、至少一个客户端、以及如上所述的计算设备，其中，应用服务器适于获取终端应用中目标页面的基本信息，生成对应的页面配置信息和节点配置信息；埋点服务器适于获取终端应用中目标页面的已埋点配置信息，所述已埋点配置信息包括埋点触发事件、以及已埋点元素的标识、类型和对应的埋点数据；客户端适于接收计算设备经由服务器发送的新埋点配置信息，并解析该新埋点配置信息，以对其终端应用中的已埋点配置信息进行更新。

根据本发明的技术方案，渲染引擎可接收来自不同平台的页面配置信息、节点配置信息和已埋点配置信息后，并把不同平台的页面和节点配置信息解析为树状结构数据进行初步渲染。之后，其可保留节点自身的数据属性，根据已埋点配置信息计算和匹配已埋点元素，以进行最终的挂载和渲染。最后，确定目标埋点元素和该目标埋点元素的同类元素来生成新埋点配置信息，客户端会根据该新埋点配置信息对已埋点配置信息进行更新。

这种跨平台的视图树状数据结构解析及渲染，能够精确还原视图层并提供良好的埋点计算能力。而且同类元素的确定可极大简化可视化埋点的工作，只需要埋点同类元素集合中的任一元素，就可采集和分析该集合中所有元素的埋点数据，节省计算资源和数据处理工作量。

附图说明

为了实现上述以及相关目的，本文结合下面的描述和附图来描述某些说明性方面，这些方面指示了可以实践本文所公开的原理的各种方式，并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述，本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开，相同的附图标记通常指代相同的部件或元素。

图1示出了根据本发明一个实施例的应用埋点***100的结构示意图；

图2示出了根据本发明一个实施例的计算设备200的结构示意图；

图3示出了根据本发明另一个实施例的在计算设备200中执行的应用埋点方法300的流程图；

图4示出了根据本发明一个实施例的解析后的视图树结构示意图；

图5示出了根据本发明一个实施例的视图渲染及埋点操作界面的示意图；

图6示出了根据本发明一个实施例的目标元素的同类元素识别方法的流程图；

图7示出了根据本发明一个实施例的节点树的示意图；

图8示出了根据本发明另一个实施例的在***100中执行的应用埋点方法800的流程图；以及

图9示出了根据本发明一个实施例的应用埋点装置900的结构框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

图1示出了根据本发明一个实施例的应用埋点***100的示意图。如图1所示，应用埋点***100中包括应用服务器110、埋点服务器120、计算设备130和至少一个客户端140(如客户端1-n)，其中，应用服务器110和埋点服务器120这两个服务器一方面均和计算设备130通信连接，另一方面又均和多个客户端140通信连接。应当指出，图1中的应用埋点***100仅是示例性的，在具体的实践情况中，***100中可以有不同数量的应用服务器120、埋点服务器130和计算设备130，本发明对***100中所包括的各设备数量不做限制。

应用服务器110和埋点服务器120可以是一台服务器，也可以是由若干台服务器组成的服务器集群，或者是一个云计算服务中心，用于组成服务器集群或云计算服务中心的多个服务器可以驻留在多个地理位置中，本发明对各服务器的部署方式不做限制。

具体的，应用服务器110可以收集来自不同平台和模式的应用页面信息，生成对应的页面配置信息和节点配置信息。这些信息可以发送给计算设备130，以便计算设备130根据这些信息渲染出目标页面来进行埋点操作。应用服务器110也可以接收计算设备130中生成的埋点配置信息，并将该埋点配置信息发送给客户端140，以便客户端140中的终端应用根据该埋点配置信息进行埋点操作。

埋点服务器120可以获取终端应用中各页面的已埋点配置信息，具体地其可以接收计算设备130中生成的埋点配置信息，同时还可以接收客户端140的终端应用上传的埋点数据。通常，埋点服务器120是第三方工具的服务器，其为应用方提供埋点服务和数据统计分析服务。

计算设备130可以实现为服务器，例如WEB服务器、应用程序服务器、文件服务器、数据库服务器等，也可以实现为包括桌面计算机和笔记本计算机配置的个人计算机，其也可以是集成有埋点功能的移动设备。计算设备130中驻留有应用埋点装置900，可以进行页面埋点操作，通常可以逐页进行埋点。对于某目标页面，计算设备130可以从应用服务器120中获取该目标页面的页面配置信息和节点配置信息，以对应用页面进行视图还原和渲染，另外可从埋点服务器120中获取该目标页面的已埋点配置信息，以将该已埋点配置信息映射到相应的已埋点元素上。之后，就可以通过选取元素组件来生成新埋点配置信息。应用开发人员在计算设备130的开发界面上设置好埋点配置项后，将对应的埋点配置信息发送给该应用服务器110和埋点服务器120，以便应用服务器120将新埋点配置信息发送给客户端140，以及埋点服务器120收集客户端140的埋点数据。

客户端140可以接收计算设备130经由应用服务器110发送的新埋点配置信息，并解析该新埋点配置信息，以对其终端应用处的已埋点配置信息进行更新。具体地，初始状态下，客户端140可以从应用服务器110中获取应用信息和初始埋点信息，以进行初始埋点。之后，当新埋点配置信息生成后，客户端140继续从应用服务器110中获取该新埋点配置信息进行解析，并将解析内容映射到对应的目标埋点元素上，从而对终端应用中的已埋点配置信息进行更新。埋点操作完成后，终端每触发一次埋点触发事件，就会向埋点服务器120上报埋点事件；或者可以集中多次触发后统一上报埋点数据，还可以等网络信号更稳定后再上报，本发明对此不作限制。

应当理解，部分埋点数据的收集也可以通过应用服务器110实现，例如简单业务的埋点数据由第三方的应用服务器110收集，复杂业务的埋点数据由埋点服务器120收集。此时，可以在埋点配置信息中定义不同元素或不同埋点数据的接收端是应用服务器110还是埋点服务器120。当埋点事件触发时，客户端140就可以根据对应的配置信息来向对应接收端上报埋点数据。

根据本发明的一个实施例，上述应用埋点***100中的应用服务器110、埋点服务器120和计算设备130均可以通过如下所述的计算设备200来实现。

图2示出了根据本发明一个实施例的计算设备200的结构框图。

在基本的配置202中，计算设备200典型地包括***存储器206和一个或者多个处理器204。存储器总线208可以用于在处理器204和***存储器206之间的通信。

取决于期望的配置，处理器104可以是任何类型的处理，包括但不限于：微处理器(μP)、微控制器(μC)、数字信息处理器(DSP)或者它们的任何组合。处理器204可以包括诸如一级高速缓存210和二级高速缓存212之类的一个或者多个级别的高速缓存、处理器核心214和寄存器216。示例的处理器核心214可以包括运算逻辑单元(ALU)、浮点数单元(FPU)、数字信号处理核心(DSP核心)或者它们的任何组合。示例的存储器控制器218可以与处理器204一起使用，或者在一些实现中，存储器控制器218可以是处理器204的一个内部部分。

取决于期望的配置，***存储器206可以是任意类型的存储器，包括但不限于：易失性存储器(诸如RAM)、非易失性存储器(诸如ROM、闪存等)或者它们的任何组合。***存储器106可以包括操作***220、一个或者多个应用222以及程序数据224。在一些实施方式中，应用222可以布置为在操作***上利用程序数据124进行操作。程序数据124包括指令，在根据本发明的计算设备200中，程序数据224包含用于执行应用埋点方法300和/或800的指令。

计算设备200还可以包括有助于从各种接口设备(例如，输出设备242、外设接口244和通信设备246)到基本配置202经由总线/接口控制器230的通信的接口总线240。示例的输出设备242包括图形处理单元248和音频处理单元250。它们可以被配置为有助于经由一个或者多个A/V端口252与诸如显示器或者扬声器之类的各种外部设备进行通信。示例外设接口244可以包括串行接口控制器254和并行接口控制器256，它们可以被配置为有助于经由一个或者多个I/O端口258和诸如输入设备(例如，键盘、鼠标、笔、语音输入设备、触摸输入设备)或者其他外设(例如打印机、扫描仪等)之类的外部设备进行通信。示例的通信设备246可以包括网络控制器260，其可以被布置为便于经由一个或者多个通信端口264与一个或者多个其他计算设备262通过网络通信链路的通信。

网络通信链路可以是通信介质的一个示例。通信介质通常可以体现为在诸如载波或者其他传输机制之类的调制数据信号中的计算机可读指令、数据结构、程序模块，并且可以包括任何信息递送介质。“调制数据信号”可以这样的信号，它的数据集中的一个或者多个或者它的改变可以在信号中编码信息的方式进行。作为非限制性的示例，通信介质可以包括诸如有线网络或者专线网络之类的有线介质，以及诸如声音、射频(RF)、微波、红外(IR)或者其它无线介质在内的各种无线介质。这里使用的术语计算机可读介质可以包括存储介质和通信介质二者。

计算设备200可以实现为服务器，例如文件服务器、数据库服务器、应用程序服务器和WEB服务器等，也可以实现为小尺寸便携(或者移动)电子设备的一部分，这些电子设备可以是诸如蜂窝电话、个人数字助理(PDA)、无线网络浏览设备、应用专用设备、或者可以包括上面任何功能的混合设备。计算设备200还可以实现为包括桌面计算机和笔记本计算机配置的个人计算机。在一些实施例中，计算设备200被配置为执行应用埋点方法300和/或800。

图3示出了根据本发明一个实施例的应用埋点方法300的流程图，适于在计算设备200中执行。如图3所示，该方法始于步骤S310。

在步骤S310中，从服务器中获取终端应用中目标页面的渲染数据，渲染数据包括页面配置信息、节点配置信息和已埋点配置信息。

具体地，可以从应用服务器中获取目标页面的页面配置信息和节点配置信息，以及从埋点服务器中获取目标页面的已埋点配置信息。其中，终端应用为原生应用、混合应用和HTML5应用中的至少一种，本发明针对任意跨平台的应用都可以实现很好的应用视图渲染和埋点操作。

根据一个实施例，页面配置信息例如可以包括页面唯一标识、页面截图、视窗宽、视窗高、视窗缩放比例、原生组件地址、混合元素地址、客户端平台、客户端版本和应用版本等。以下为一段页面配置信息示例:

根据另一个实施例，节点配置信息主要包括节点树数据，该节点树数据可以包括元素类型、元素路径、元素位置、元素路径索引、是否为叶子结点、埋点***点、原生元素是否可埋点和元素位置信息等。其中，元素位置信息可以包括元素宽高、相对于视窗的边界距离、相对于父元素的坐标、元素层级位置和子节点中的一种或者多种。以下为一段节点配置信息示例:

根据又一个实施例，已埋点配置信息例如可以包括埋点触发事件、已埋点元素标识、已埋点元素类型、已埋点元素位置、已埋点元素对应的埋点数据等、埋点***点的页面标识等。以下是一段已埋点配置信息示例：

可以看到，其数据类型主要包含:export const direct＝["burning"，"burnied-match"，"pickup"，"page"]。其中burning为埋点相关数据，根据计算结果可能包含当前元素、当前位置、同类元素中任意一种或者多种数据；burnied-match是匹配结果数据，包含对应埋点事件数据；pickup是拾取数据,包含元素值和元素路径；page主要是网页应用的相关数据，包含页面标示信息和应用密钥。

随后，在步骤S320中，将页面配置信息和节点配置信息解析为视图树结构，并根据该视图树结构渲染出目标页面。

其中，视图树结构例如可以为DOM元素视图树结构，其具体结构可以参见图4中的视图树结构；而渲染出的目标页面可参见图5中的界面效果图，开发人员可以在该界面对渲染出的目标页面进行埋点配置。

随后，在步骤S330中，根据已埋点配置信息从所渲染的目标页面中确定对应的已埋点元素，并将该已埋点配置信息映射到该已埋点元素上。也就是确定当前目标页面中已经有哪些元素进行了埋点及对应的埋点配置。

接着，在步骤S340中，从所渲染的目标页面中确定目标埋点元素和该目标埋点元素的同类元素，生成新埋点配置信息，以便经由服务器发送给客户端，以对该客户端处的终端应用中的已埋点配置信息进行更新。

根据一个实施例，新埋点配置信息包括但不限于埋点触发事件、目标埋点元素的标识和类型、该目标埋点元素的同类元素的标识和类型、以及所需埋点数据等。其中，埋点触发事件如点击事件等，同类元素主要针对列表类控件，同一列表下的某栏目下的元素与其它栏目下的元素都同属于这个列表范围内的某个同类元素集合中的元素。所需埋点数据也就是当该埋点触发事件发生时，采集该元素的哪些数据，如访问数、访客数、停留时长、页面浏览数、跳出率、页面标识、组件标识、设备信息、时间参数等，以用于后续的页面统计和转化率统计等操作。

根据另一个实施例，在步骤S340中，参考图6，可以根据以下方法来确定目标埋点元素的同类元素：

首先，在步骤S341中，根据节点配置信息计算目标页面中各元素的属性特征及其到根节点的层级值。

根据一个实施例，可以根据节点树数据来计算属性特征和层级值，即可以通过遍历目标页面的节点树来计算属性特征和层级值。其中，属性特征可以包括元素的组件类型、组件是否有值和组件高度中的一种或多种。此外，还可以获取各元素的组件标识等信息。元素通常可包括应用的原生组件或HTML元素，相应的节点树可以为视图层控件树或HTML节点树。元素到根节点的层级值可以根据其XPATH路径确定，且XPATH路径可以通过正则统一处理为层叠样式表CSS表示。例如HTML中的一个列表标题元素DT，其XPATH是BODY[0]/DIV[1]/DIV[0]/DIV[6]/UL[1]/LI[1]/DL[0]/DT[0]，则根据层级元素个数确定其到根节点的层级值为8。该XPATH可以正则统一处理为CSS选择符号。一般地，根节点的层级值最小，离根节点越远的元素层级值越大。

随后，在步骤S342中，选取层级值大于等于目标埋点元素的层级值、且与目标埋点元素具有相同属性特征的元素作为候选同类元素。

通常，可通过Selector API进行节点选取，在上述例子中，也就是选取层级值大于等于8且与目标埋点元素具有相同属性特征的元素作为候选同类元素。相同属性特征包括但不限于相同的组件类型、相同的是否有值结果和相同的组件高度。其中，对于组件高度项，考虑到不同终端的DPI差异，高度值可以有预定容错值(如5px)，也就是基于目标埋点元素的高度可上下浮动该预定容错值。这样能够有效避免对列表类组件的高度进行过度筛查而漏掉部分真实的同类元素。

随后，在步骤S343中，分别计算目标埋点元素的第一父元素集、以及各候选同类元素的第二父元素集，第一父元素集和第二父元素集均包括一个或者多个父元素，其中父元素不是根节点且包含至少两个子元素。

也就是，某元素的父元素不能是根节点、且包含至少两个子元素。这里，子父元素关系指在特定树状结构中的层级关系，沿着某元素所在分支往上查找可得到该元素的父元素。而叶子结点就是一棵树中没有子结点的结点，简称“叶子”，也即终端节点。因此，父元素也不可能是叶子节点。

图7示出了根据本发明一个实施例的节点树，其中H为根节点，节点C、F、G、N均为叶子结点，A有一个子元素，L有三个子元素，M有两个子元素。若T₁为目标元素，该目标元素的候选同类元素有T₂、T₃、T₄等，则根据“不是根节点且包含至少两个子元素”的原则来查找T₁的父元素，得到父元素S和L，则T₁的第一父元素集为(L，S)。同理，查找T₂、T₃、T₄的父元素集，可知T₂的第二父元素集为(L，S)，T₃的第二父元素集为(M，S)，T₄的第二父元素集为(M，S)。

随后，在步骤S344中，分别计算各第二父元素集与第一父元素集的交集元素，并获取各交集元素的层级值。

接着，在步骤S345中，选取层级值最大的交集元素作为共有父元素，并从候选同类元素中选取父元素包括该共有父元素的元素作为该目标埋点元素的同类元素。

在图7中，T₂的第二父元素集与T₁的第一父元素集的交集元素为L和S，T₃和T₄的第二父元素集与T₁的第一父元素集的交集元素均为S。这样最后确定的交集元素共有L和S这两种。根据就近原则，选取离目标埋点元素最近的交集元素为共有父元素，也就是层级值最大(离根节点最远)的交集元素，确定L为共有父元素。因为T₃和T₄的第二父元素集中不包含该共有父元素L，因此将T₃和T₄从候选同类元素中排除，而只保留父元素包含该L元素的T₂作为元素T₁的同类元素。通过该方法可以准确识别出属于同一栏目下的同款元素，计算结果准确精密无误差，可有效提高数据埋点的效率和准确率。

同类元素确定后，只用对同类元素中的其中一个元素进行埋点，如只对目标埋点元素进行埋点，就可同步所有获取所有同类元素的埋点数据，节省人力物力，降低计算资源。具体地，可以响应于用户对目标埋点元素的埋点触发事件，收集该目标埋点元素及其同类元素的埋点数据。当然，也可以不对该目标埋点元素进行埋点，而从其同类元素中任选一个进行埋点，同样可以获得该目标埋点元素及所有同类元素的埋点数据。

根据本发明的一个实施例，方法300还可以响应于用户的数据拾取指令，获取当前元素的元素值、元素路径和埋点数据，也就是进入数据拾取模式。而且，响应于用户的浏览模式指令或埋点模式指令，在正常页面浏览模式和页面埋点模式之间进行切换。一般地，图5中为页面埋点模式，当用户点击开启浏览模式后，下方的黑色埋点栏就会收起，只显示上方的目标页面；而当用户再开启页面埋点模式后，***就会跟随用户的指针焦点在下方显示对应的元素或位置的埋点信息。

此外，方法300还可以响应于用户的舞台模式指令，解析并执行该指令中的页面操作，该页面操作包括点亮当前元素、点亮当前位置、点亮同类元素和开启/关闭数据拾取模式中的至少一种。这样可以即时处理用户的舞台操作事件，该指令会直接触发相关埋点数据的计算，提供对当前位置、当前元素和同类元素的相关计算数据，并按照计算模型输出元素计算数据，支撑业务埋点。具体地，可以响应于用户的舞台模式指令，获取用户的指针焦点所在的当前元素或当前位置，点亮该当前元素或当前位置，并同时点亮该当前元素的同类元素。也就是，可以高亮显示用户指针所在位置的元素或位置，同时还可以高亮显示出该元素的同类元素。其中当前位置主要根据元素路径确定；当前元素主要根据元素值和特定属性确定。

需要说明的是，渲染数据和埋点操作以页为单位，当对某当前目标页面进行页面渲染和埋点配置后，可以继续渲染其他目标页面和埋点配置，以完成整个应用的埋点工作。

图8示出了根据本发明另一个实施例的应用埋点方法800，适于在应用埋点***100中执行。如图8所示，该方法始于步骤S810。

在步骤S810中，应用服务器获取终端应用中目标页面的基本信息，生成对应的页面配置信息和节点配置信息。

同时，在步骤S820中，埋点服务器获取终端应用中目标页面的已埋点配置信息，该已埋点配置信息包括埋点触发事件、以及已埋点元素的标识、类型和对应的埋点数据。

随后，在步骤S830中，计算设备从应用服务器中获取页面配置信息和节点配置信息，将其解析为视图树结构，并根据该视图树结构渲染出目标页面。

随后，在步骤S840中，计算设备从埋点服务器中获取已埋点配置信息，根据已埋点配置信息从所渲染的目标页面中确定对应的已埋点元素，并将该已埋点配置信息映射到该已埋点元素上。

随后，在步骤S850中，计算设备从所渲染的目标页面中确定目标埋点元素和该目标埋点元素的同类元素，生成新埋点配置信息，并经由服务器发送给客户端。

接着，在步骤S860中，客户端对该新埋点配置信息进行解析，并对其终端应用中的已埋点配置信息进行更新。

图9示出了根据本发明一个实施例的应用埋点装置900的结构框图，适于驻留在计算设备200中。如图9所示，该装置包括数据获取模块910、页面渲染模块920、已埋点匹配模块930和埋点更新模块940。

数据获取模块910从服务器中获取终端应用中目标页面的渲染数据，该渲染数据包括页面配置信息、节点配置信息和已埋点配置信息。

页面渲染模块920将页面配置信息和节点配置信息解析为视图树结构，并根据该视图树结构渲染出目标页面。

已埋点匹配模块930根据已埋点配置信息从所渲染的目标页面中确定对应的已埋点元素，并将该已埋点配置信息映射到该已埋点元素上。

埋点更新模块940从所渲染的目标页面中确定目标埋点元素和该目标埋点元素的同类元素，生成新埋点配置信息后经由服务器发送给客户端，以对该客户端处的终端应用中的已埋点配置信息进行更新。其中，埋点更新模块940可以根据图6中所述的方法来确定目标埋点元素的同类元素，这里不再赘述。

根据本发明的一个实施例，装置900还可以包括指令处理模块(图中未示出)，该模型可以响应于用户的数据拾取指令，获取当前元素的元素值、元素路径和埋点数据；响应于用户的浏览模式指令或埋点模式指令，在正常页面浏览模式和页面埋点模式之间进行切换。另外，指令处理模块还可以响应于用户的舞台模式指令，获取用户的指针焦点所在的当前元素或当前位置，点亮该当前元素或当前位置，并同时点亮该当前元素的同类元素。

根据本发明的应用埋点方法800和应用埋点装置900，其具体细节已在基于图1-图7的描述中详细公开，在此不再进行赘述。

根据本发明的技术方案，提供一种基于typescript的跨平台的视图树状数据结构解析及渲染方法，能够高度精确地还原和渲染跨平台的视图层，提供良好的埋点计算能力。同时，本发明还提供了更加优秀的元素计算支持和统一的接口规范和设计，接口层(interface)约定了舞台事件支持的指令类型、渲染数据结构、计算模型等，非常易于集成和扩展，降低开发和维护成本。而且，跨平台的同类元素计算还根据元素深度层级、维度特征和就近原则来计算同类元素集合，其同时支持全控件类型应用，不依赖特定控件和场景，适用范围广，给业务埋点等工作带来极大便利。在进行业务埋点时，只需对同类元素中任一元素进行埋点，就能获取所有同类元素的埋点数据，极大地简化了埋点工作量，提高数据计算效率。

A6、如A1-A5中任一项所述的方法，其中，所述页面配置信息包括页面唯一标识、页面截图、视窗宽、视窗高、视窗缩放比例、原生组件地址、混合元素地址、客户端平台、客户端版本和应用版本中的至少一种或者多种。A7、如A1-A6中任一项所述的方法，其中，所述节点配置信息包括节点树数据，所述节点树数据包括元素类型、元素路径、元素位置、元素路径索引、是否为叶子结点、埋点***点、原生元素是否可埋点和元素位置信息中的一种或者多种。A8、如A7所述的方法，其中，所述元素位置信息包括元素宽高、相对于视窗的边界距离、相对于父元素的坐标、元素层级位置和子节点中的一种或者多种。A9、如A1-A8中任一项所述的方法，其中，所述已埋点配置信息包括埋点触发事件、已埋点元素的标识和类型、以及所对应的埋点数据；所述新埋点配置信息包括埋点触发事件、目标埋点元素的标识和类型、该目标埋点元素的同类元素的标识和类型、以及所需埋点数据。10、如权利要求1的方法，其中，所述终端应用为原生应用、混合应用和HTML5应用中的至少一种，所述视图树结构为DOM元素视图树结构。

B13、如B12所述的装置，其中所述埋点更新模块适于：根据所述节点配置信息计算所述目标页面中各元素的属性特征及其到根节点的层级值；选取层级值大于等于所述目标埋点元素的层级值、且与所述目标埋点元素具有相同属性特征的元素作为候选同类元素；分别计算所述目标埋点元素的第一父元素集、以及各候选同类元素的第二父元素集，所述第一父元素集和所述第二父元素集均包括一个或者多个父元素，所述父元素不是根节点且包含至少两个子元素；分别计算各第二父元素集与第一父元素集的交集元素，并选取层级值最大的交集元素作为共有父元素；以及从所述候选同类元素中选取父元素包括该共有父元素的元素作为所述目标埋点元素的同类元素。B14、如B12或B13所述的装置，还包括指令处理模块，适于：响应于用户的数据拾取指令，获取当前元素的元素值、元素路径和埋点数据；响应于用户的浏览模式指令或埋点模式指令，在正常页面浏览模式和页面埋点模式之间进行切换。B15、如B14所述的装置，其中所述指令处理模块还适于：响应于用户的舞台模式指令，获取用户的指针焦点所在的当前元素或当前位置，点亮该当前元素或当前位置，并同时点亮该当前元素的同类元素。

这里描述的各种技术可结合硬件或软件，或者它们的组合一起实现。从而，本发明的方法和设备，或者本发明的方法和设备的某些方面或部分可采取嵌入有形媒介，例如软盘、CD-ROM、硬盘驱动器或者其它任意机器可读的存储介质中的程序代码(即指令)的形式，其中当程序被载入诸如计算机之类的机器，并被所述机器执行时，所述机器变成实践本发明的设备。

在程序代码在可编程计算机上执行的情况下，计算设备一般包括处理器、处理器可读的存储介质(包括易失性和非易失性存储器和/或存储元件)，至少一个输入装置，和至少一个输出装置。其中，存储器被配置用于存储程序代码；处理器被配置用于根据该存储器中存储的所述程序代码中的指令，执行本发明的应用埋点方法。

以示例而非限制的方式，计算机可读介质包括计算机存储介质和通信介质。计算机可读介质包括计算机存储介质和通信介质。计算机存储介质存储诸如计算机可读指令、数据结构、程序模块或其它数据等信息。通信介质一般以诸如载波或其它传输机制等已调制数据信号来体现计算机可读指令、数据结构、程序模块或其它数据，并且包括任何信息传递介质。以上的任一种的组合也包括在计算机可读介质的范围之内。

在此处所提供的说明书中，算法和显示不与任何特定计算机、虚拟***或者其它设备固有相关。各种通用***也可以与本发明的示例一起使用。根据上面的描述，构造这类***所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下被实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中，或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以任意的组合方式来使用。

此外，所述实施例中的一些在此被描述成可以由计算机***的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此，具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外，装置实施例的在此所述的元素是如下装置的例子：该装置用于实施由为了实施该发明的目的的元素所执行的功能。

如在此所使用的那样，除非另行规定，使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例，并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。

尽管根据有限数量的实施例描述了本发明，但是受益于上面的描述，本技术领域内的技术人员明白，在由此描述的本发明的范围内，可以设想其它实施例。此外，应当注意，本说明书中使用的语言主要是为了可读性和教导的目的而选择的，而不是为了解释或者限定本发明的主题而选择的。因此，在不偏离所附权利要求书的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围，对本发明所做的公开是说明性的而非限制性的，本发明的范围由所附权利要求书限定。

Claims (10)

1.一种应用埋点方法，适于在计算设备中执行，所述方法包括步骤：

从服务器中获取终端应用中目标页面的渲染数据，所述渲染数据包括页面配置信息、节点配置信息和已埋点配置信息；

将所述页面配置信息和节点配置信息解析为视图树结构，并根据该视图树结构渲染出目标页面；

根据所述已埋点配置信息从所渲染的目标页面中确定对应的已埋点元素，并将该已埋点配置信息映射到该已埋点元素上；以及

从所渲染的目标页面中确定目标埋点元素和该目标埋点元素的同类元素，生成新埋点配置信息，以便经由服务器发送给客户端，以对该客户端处的终端应用中的已埋点配置信息进行更新。

2.如权利要求1所述的方法，其中，所述确定目标埋点元素的同类元素的步骤包括：

根据所述节点配置信息获取各元素的属性特征及其到根节点的层级值；

选取层级值大于等于所述目标埋点元素的层级值、且与所述目标埋点元素具有相同属性特征的元素作为候选同类元素；

分别计算所述目标埋点元素的第一父元素集、以及每个候选同类元素的第二父元素集，所述第一父元素集和所述第二父元素集均包括一个或者多个父元素，所述父元素不是根节点且包含至少两个子元素；

分别计算各第二父元素集与第一父元素集的交集元素，并获取各交集元素的层级值；以及

选取层级值最大的交集元素作为共有父元素，并从所述候选同类元素中选取父元素包括该共有父元素的元素作为所述目标元素的同类元素。

3.如权利要求1或2所述的方法，还包括步骤：

响应于用户的数据拾取指令，获取当前元素的元素值、元素路径和埋点数据；以及

响应于用户的浏览模式指令或埋点模式指令，在正常页面浏览模式和页面埋点模式之间进行切换。

4.如权利要求3所述的方法，还包括步骤：

响应于用户的舞台模式指令，获取用户的指针焦点所在的当前元素或当前位置，点亮该当前元素或当前位置，并同时点亮该当前元素的同类元素。

5.如权利要求1-4中任一项所述的方法，其中，所述服务器包括应用服务器和埋点服务器，所述从服务器中获取终端应用中目标页面的渲染数据的步骤包括：

从所述应用服务器中获取所述目标页面的页面配置信息和节点配置信息，以及从所述埋点服务器中获取所述目标页面的已埋点配置信息。

6.一种应用埋点方法，包括：

应用服务器获取终端应用中目标页面的基本信息，生成对应的页面配置信息和节点配置信息；

埋点服务器获取所述终端应用中目标页面的已埋点配置信息，所述已埋点配置信息包括埋点触发事件、以及已埋点元素的标识、类型和对应的埋点数据；

计算设备从所述应用服务器中获取所述页面配置信息和节点配置信息，将其解析为视图树结构，并根据该视图树结构渲染出目标页面；

计算设备从所述埋点服务器中获取所述已埋点配置信息，根据所述已埋点配置信息从所渲染的目标页面中确定对应的已埋点元素，并将该已埋点配置信息映射到该已埋点元素上；

计算设备从所渲染的目标页面中确定目标埋点元素和该目标埋点元素的同类元素，生成新埋点配置信息后经由服务器发送给客户端；以及

客户端对该新埋点配置信息进行解析，并对所述终端应用处的已埋点配置信息进行更新。

7.一种应用埋点装置，适于驻留在计算设备中，所述装置包括：

数据获取模块，适于从服务器中获取终端应用中目标页面的渲染数据，所述渲染数据包括页面配置信息、节点配置信息和已埋点配置信息；

页面渲染模块，适于将所述页面配置信息和节点配置信息解析为视图树结构，并根据该视图树结构渲染出目标页面；

已埋点匹配模块，适于根据所述已埋点配置信息从所渲染的目标页面中确定对应的已埋点元素，并将该已埋点配置信息映射到该已埋点元素上；以及

埋点更新模块，适于从所渲染的目标页面中确定目标埋点元素和该目标埋点元素的同类元素，生成新埋点配置信息后经由服务器发送给客户端，以对该客户端处的终端应用中的已埋点配置信息进行更新。

8.一种计算设备，包括：

一个或多个处理器；

存储器；以及

一个或多个程序，其中所述一个或多个程序存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个程序包括用于执行根据权利要求1至5所述的方法中的任一方法的指令。

9.一种存储一个或多个程序的可读存储介质，所述一个或多个程序包括指令，所述指令当由计算设备执行时，使得所述计算设备执行根据权利要求1至5中所述的方法中的任一方法。

10.一种应用埋点***，包括：

应用服务器、埋点服务器、至少一个客户端、以及如权利要求8所述的计算设备，其中，

所述应用服务器适于获取终端应用中目标页面的基本信息，生成对应的页面配置信息和节点配置信息；

所述埋点服务器适于获取终端应用中目标页面的已埋点配置信息，所述已埋点配置信息包括埋点触发事件、以及已埋点元素的标识、类型和对应的埋点数据；

所述客户端适于接收所述计算设备经由服务器发送的新埋点配置信息，并解析该新埋点配置信息，以对其终端应用中的已埋点配置信息进行更新。