CN114185795A - 埋点配置方法、装置、电子设备及存储介质 - Google Patents

Abstract

本发明的埋点配置方法、装置、电子设备及存储介质，通过配置页面中嵌套的内嵌框架加载对应的目标页面；接收作用于所述目标页面中页面元素的目标操作；响应于所述目标操作，获取所述页面元素的元素标识信息，控制所述目标页面将所述元素标识信息发送至所述配置页面，其中，所述元素标识信息预先配置在所述目标页面中；根据所述元素标识信息获取对应的埋点配置数据，根据所述埋点配置数据对所述目标页面的所述页面元素进行埋点配置；通过配置元素标识信息，直接根据页面元素的元素标识信息与埋点配置数据的对应关系获取埋点配置数据，对该页面元素进行埋点配置，无需针对整个目标页面编写埋点代码，增加了埋点配置的灵活性和配置速度。

Description

埋点配置方法、装置、电子设备及存储介质

技术领域

本发明涉及计算机技术领域，尤其涉及一种埋点配置方法、装置、电子设备及存储介质。

背景技术

现有技术中“埋点”的意思为针对特定的用户操作、用户行为或触发事件对页面中当前的各种信息进行获取，将获取到的信息进行分析处理的相关技术及其实施过程，例如信息可以包括访问数(Visits)，访客数(Visitor)，停留时长(Time On Site)，页面浏览数(Page View)和跳出率(Bounce Rate)，这样的信息收集可以大致分为两种：页面统计(Track this virtual page view)，以及统计操作行为(Track this button by anevent)。现有技术中主要包括两种类型的埋点技术：代码埋点和可视化埋点。埋点配置在第三方应用的测试阶段以及第三方应用的线上运行阶段都是非常重要，尤其是在第三方应用的实际运行阶段，根据埋点识别特点的操作、行为及事件，获取当前页面的信息，将获取的信息经过分析后抽象成不同的分类类型，例如，用户标签，根据不同的用户标签构建用户画像，根据用户画像匹配信息，为对应用户提供与该用户画像对应的产品推荐或服务方式。

现有技术中，针对第三方应用程序中埋点配置，一般需要根据应用程序的整体埋点需求编码形成埋点代码，待发版后才能针对该第三方应用程序进行埋点配置以获取埋点数据，灵活性差，不利于提高埋点配置的速度。

发明内容

本发明的目的在于提供一种埋点配置方法、装置、电子设备及存储介质，以解决现有技术中埋点配置灵活性差及配置速度慢的技术问题。

本发明的技术方案如下：提供一种埋点配置方法，应用于配置服务器，包括：

通过配置页面中嵌套的内嵌框架加载对应的目标页面；

接收作用于所述目标页面中页面元素的目标操作；

响应于所述目标操作，获取所述页面元素的元素标识信息，控制所述目标页面将所述元素标识信息发送至所述配置页面，其中，所述元素标识信息预先配置在所述目标页面中；

根据所述元素标识信息获取对应的埋点配置数据，根据所述埋点配置数据对所述目标页面的所述页面元素进行埋点配置。

可选地，所述通过配置页面中嵌套的内嵌框架加载对应的目标页面之前，还包括：

在所述配置页面中创建所述目标页面的内嵌框架；

在所述内嵌框架的参数中写入所述目标页面的统一资源定位符。

可选地，所述通过配置页面中嵌套的内嵌框架加载对应的目标页面之后，还包括：

当所述目标页面在所述配置页面中打开时，在所述配置页面的参数中写入所述配置页面的统一资源定位符。

可选地，所述控制所述目标页面将所述元素标识信息发送至所述配置页面，包括：

判断打开所述配置页面和所述目标页面的浏览器中支持跨域消息接口消息发送函数功能是否异常；

若判断结果为否，则通过调用消息发送函数将所述元素标识信息发送至所述配置页面；

若判断结果为是，则将所述元素标识信息写入所述配置页面对应统一资源定位符的哈希参数中，通过所述配置页面的修改的哈希参数将所述元素标识信息发送至所述配置页面。

可选地，所述通过配置页面中嵌套的内嵌框架加载对应的目标页面之前，还包括：

根据页面元素的页面元素类型、对应用户事件类型以及待采集的埋点数据类型，将多个页面元素划分为至少一类；

在所述目标页面的生成过程中，根据所述目标页面中各页面元素的划分类，为每个所述页面元素配置对应的元素标识。

可选地，所述根据所述元素标识信息获取对应的埋点配置数据，根据所述埋点配置数据对所述目标页面的所述页面元素进行埋点配置，包括：

获取所述页面元素在所述目标页面的节点树中的节点信息，根据各所述页面元素的所述节点信息和所述埋点配置数据生成所述目标页面的埋点配置表；

当检测到所述目标页面进行初始化时，获取所述目标页面的埋点配置表以使终端将所述埋点配置表配置于所述目标页面的节点树的最顶层。

可选地，所述根据各所述页面元素的所述节点信息和所述埋点配置数据生成所述目标页面的埋点配置表之后，还包括：

接收所述目标页面的埋点更新信息，其中，所述埋点更新信息包括待更新的页面元素对应节点信息以及新的埋点配置数据；

获取所述目标页面的埋点配置表，将所述埋点配置表中与所述节点信息关联的原埋点配置数据删除；

将所述新埋点配置数据写入所述埋点配置表，建立所述新埋点配置数据与所述节点信息之间的关联关系。

本发明的另一技术方案如下：提供一种埋点配置装置，应用于配置服务器，包括：

加载模块，用于通过配置页面中嵌套的内嵌框架加载对应的目标页面；

操作模块，用于接收作用于所述目标页面中页面元素的目标操作；

识别模块，用于响应于所述目标操作，获取所述页面元素的元素标识信息，控制所述目标页面将所述元素标识信息发送至所述配置页面，其中，所述元素标识信息预先配置在所述目标页面中；

配置模块，用于根据所述元素标识信息获取对应的埋点配置数据，根据所述埋点配置数据对所述目标页面的所述页面元素进行埋点配置。

本发明的另一技术方案如下：提供一种电子设备，包括处理器、以及与所述处理器耦接的存储器，所述存储器存储有可被所述处理器执行的程序指令；所述处理器执行所述存储器存储的所述程序指令时实现上述的埋点配置方法。

本发明的另一技术方案如下：提供一种存储介质，所述存储介质内存储有程序指令，所述程序指令被处理器执行时实现上述的埋点配置方法。

本发明的埋点配置方法、装置、电子设备及存储介质，通过配置页面中嵌套的内嵌框架加载对应的目标页面；接收作用于所述目标页面中页面元素的目标操作；响应于所述目标操作，获取所述页面元素的元素标识信息，控制所述目标页面将所述元素标识信息发送至所述配置页面，其中，所述元素标识信息预先配置在所述目标页面中；根据所述元素标识信息获取对应的埋点配置数据，根据所述埋点配置数据对所述目标页面的所述页面元素进行埋点配置；通过配置元素标识信息，直接根据页面元素的元素标识信息与埋点配置数据的对应关系获取埋点配置数据，对该页面元素进行埋点配置，无需针对整个目标页面编写埋点代码，增加了埋点配置的灵活性和配置速度。

附图说明

图1为本发明第一实施例的埋点配置方法的流程示意图；

图2为本发明第二实施例的埋点配置装置的结构示意图；

图3为本发明第三实施例的电子设备的结构示意图；

图4为本发明第四实施例的存储介质的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本发明的一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明中的术语“第一”、“第二”、“第三”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”、“第三”的特征可以明示或者隐含地包括至少一个该特征。本发明的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。本发明实施例中所有方向性指示(诸如上、下、左、右、前、后……)仅用于解释在某一特定姿态(如附图所示)下各部件之间的相对位置关系、运动情况等，如果该特定姿态发生改变时，则该方向性指示也相应地随之改变。此外，术语“包括”和“具有”以及它们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。

在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本发明的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。

图1是本发明第一实施例的埋点配置方法的流程示意图。需注意的是，若有实质上相同的结果，本发明的方法并不以图1所示的流程顺序为限。如图1所示，该埋点配置方法包括步骤：

S101，通过配置页面中嵌套的内嵌框架加载对应的目标页面。

其中，本实施例应用于配置服务器，通过配置服务器对目标页面进行埋点配置的用户为维护人员。目标页面为第三方应用程序中的页面，利用配置服务器，对第三方应用程序中各目标页面进行配置，也就是说，将当前待进行埋点配置的页面定义为目标页面。

其中，配置页面是在配置服务器的系统中打开的，针对需要进行埋点配置的一个或多个目标页面，可以根据目标页面的地址数据在配置页面中为每个目标页面创建一个内嵌框架(iframe)，该内嵌框架在配置页面上可以显示为嵌在配置页面中的框架或嵌在配置页面中的另一页面，通过点击配置页面中该内嵌框架可以在配置页面中开启对应的目标页面，作为内嵌框架页面的目标页面是指以iframe垮域访问形式加载的页面，进一步地，地址数据可以为URL(Uniform Resource Locator，统一资源定位器)地址，URL地址是WWW(WorldWide Web，全球广域)网页的地址。此时，开启的目标页面为内嵌框架页面，嵌套所述目标页面的配置页面为父页面，进一步地，父页面作为控制器，可以对目标页面进行初始化，还可以对目标页面的操作进行监听。

其中，配置页面与目标页面属于不同域无法直接通信，为了实现配置页面与目标页面的通信，可以利用浏览器的postMessage功能，作为内嵌框架页面的目标页面与配置页面通过浏览器的postMessage接口建立通信连接以实现数据交互，其中，浏览器的postMessage接口为一种能够实现不同系统之间数据交互的跨域消息接口。

于是，在步骤S101之前，还包括如下步骤：

S201，在所述配置页面中创建所述目标页面的内嵌框架；

S202，在所述内嵌框架的参数中写入所述目标页面的统一资源定位符URL。

其中，内嵌框架在配置页面中创建时即将目标页面对应URL地址写入内嵌框架的参数中。通过上述方式，在目标页面没有开启时，配置页面通过内嵌框架的参数能够获取所述目标页面的URL，从而可以通过该内嵌框架的操作指令在配置页面中打开目标页面，例如，维护人员点击该内嵌框架从而打开目标页面，系统响应于作用于内嵌框架的点击操作，获取所述内嵌框架对应的目标页面的URL，加载所述目标页面。

进一步地，在步骤S202之后还包括：

S203，当所述目标页面在所述配置页面中打开时，在所述配置页面的参数中写入所述配置页面的统一资源定位符URL。

其中，目标页面开启时，配置页面通过iframe对象的src属性可以直接获取目标页面的URL，而目标页面通常情况无法直接获取配置页面的URL，所以需要在目标页面加载时，配置页面将自己的URL地址通过目标页面URL中的location.search或location.hash参数告知目标页面，使得目标页面在需要时能够获取到配置页面的URL地址。

S102，接收作用于所述目标页面中页面元素的目标操作。

其中，本实施例的目的为对目标页面中的各页面元素进行埋点配置，埋点是指在应用程序中根据特定的流程收集相关信息，所收集的相关信息用于跟踪应用程序的使用情况，所收集的相关信息后续还可以用于应用程序的优化。具体地，页面元素可以为能够点击的按钮，应用程序的使用者通过点击目标页面上的该按钮提交订单；页面元素还可以为目标页面上的某个区域，应用程序的使用者可能将鼠标光标置于该区域中(即为在该区域停留)，表示该使用者在阅读该区域中的内容；页面元素还可以为对话框，应用程序的使用者通过在该对话框内输入文字信息、语音信息或图片信息实现交互；本领域技术人员应当理解，除了上述列举的三种，页面元素还可以采用一切可实施的其他方式。

维护人员打开目标页面后，通过作用于页面元素的目标操作触发该页面元素的埋点配置流程。该目标操作可以为针对该页面元素的点击操作、选择该页面元素的框选操作、选择该页面元素的滑动操作等。

S103，响应于所述目标操作，获取所述页面元素的元素标识信息，控制所述目标页面将所述元素标识信息发送至所述配置页面，其中，所述元素标识信息预先配置在所述目标页面中。

其中，作用于页面元素的目标操作触发了该页面元素的埋点配置流程，于是，获取预先配置于该目标页面中的该页面元素的元素标识信息，该元素标识信息用于表征该目标元素的特殊属性，在一个可选的实施方式中，该特殊属性包括页面元素类型、对应用户事件类型以及待采集的埋点数据类型，页面元素类型包括按钮、区域、对话框等，用户事件类型包括点击提交、输入内容、停留等，埋点数据类型包括点击次数、点击内容、停留次数、点击提交前输入的数据、对话框内输入的所有数据等，只有当页面元素类型、用户事件类型以及埋点数据类型均相同时两个页面元素的元素标识信息才可能是相同的；例如，第一个页面元素为按钮，用户行为事件类型为点击，埋点数据类型为点击次数；第二个页面元素为按钮，用户行为事件类型为点击，埋点数据类型为点击前输入的内容；以上两个页面元素虽然均为按钮，但是由于二者采集的埋点数据类型不同，二者的元素标识不同。在一个可选的实施方式中，元素标识可以为一个值，为不同的元素标识赋予不同的数值以便于系统区分识别。

其中，在生成该目标页面时，该元素标识是预先配置在目标页面上的，例如，可以在页面元素处对其元素标识进行标记，在一个可选的实施方式中，步骤S101之前还包括如下步骤：

S301，根据页面元素的页面元素类型、对应用户事件类型以及待采集的埋点数据类型，将多个页面元素划分为至少一类。

S302，在所述目标页面的生成过程中，根据所述目标页面中各页面元素的划分类，为每个所述页面元素配置对应的元素标识。

其中，不同划分类的页面元素的页面元素类型、对应用户事件类型以及待采集的埋点数据类型至少一个不同，不同的元素标识对应不同的埋点策略。

在一个可选的实施方式中，步骤S103中，控制所述目标页面将所述元素标识信息发送至所述配置页面，具体包括如下步骤：

S401，判断打开所述配置页面和所述目标页面的浏览器中支持跨域消息接口消息发送函数功能是否异常。

其中，所述消息发送函数即为postMessage，postMessage是文本标记语言(Hypertext Markup Language，HTML5)中提出的一个新标准，对于两个跨域的窗口，其中一个窗口可以调用另一个窗口的postMessage，其将在目标窗口上引发一个消息(message)事件。

S402，若判断结果为否，则通过调用postMessage将所述元素标识信息发送至所述配置页面。

其中，当所述目标页面需要向所述配置页面发送数据时，所述目标页面调用所述配置页面的postMessage，将所述元素标识信息发送至所述配置页面。在一个可选的实施方式中，在调用所述配置页面的postMessage时，还可以对调用的配置页面的postMessage进行校验，具体包括如下步骤：所述目标页面获取所述配置页面的URL；根据获取到的所述配置页面的URL对所述postMessage进行验证；当验证通过时，将元素标识信息发送给所述配置页面。也就是说，将所述配置页面的URL作为校验参数，验证通过才通过调用的所述配置页面的postMessage将元素标识信息发送给所述配置页面。

S403，若判断结果为是，则将所述元素标识信息写入所述配置页面对应URL的hash参数中，通过所述配置页面的修改的hash参数将所述元素标识信息发送至所述配置页面。

其中，当postMessage功能异常无法使用时，可以利用location.href对象传递数据实现临时交互，首先，目标页面获取配置页面的URL(参见步骤S203处)；然后，将配置页面的URL中的hash参数进行修改，将元素标识信息写入到hash参数中，得到配置页面的修改的hash参数；最后，元素标识信息随着修改的hash参数一起被发送至配置页面。对于跨域的配置页面和目标页面，在postMessage功能异常时，目标页面通过写操作修改配置页面的URL实现数据的临时传递，例如，修改URL中的location.href对象。当然，配置页面也可以通过修改目标页面的hash参数实现数据的临时传递，配置页面通过修改iframe对象中src属性实现对目标页面的URL的修改。

S104，根据所述元素标识信息获取对应的埋点配置数据，根据所述埋点配置数据对所述目标页面的所述页面元素进行埋点配置。

其中，埋点配置数据与元素标识信息对应，埋点配置数据包括用户行为事件信息和待采集的埋点数据，其中，用户行为事件信息与元素标识信息中用户行为事件类型对应，用户行为事件信息可以包括至少一个事件信息，例如，可以包括鼠标光标在对应页面元素停留时间大于或等于预设时间阈值、在对应页面元素处点击操作次数大于或等于预设次数以及在对应页面元素处检测到鼠标滚动操作；埋点数据可以包括使用者登录时的身份信息、点击行为计数加1、浏览行为计数加1等。

其中，埋点配置数据预先与元素标识信息建立了对应关系，根据元素标识信息直接获取即可。

在一个可选的实施方式中，可以利用SDK(Software Development Kit，软件开发工具包)在第三方应用程序的目标页面中进行埋点，其中，SDK一般都是一些软件工程师为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件时的开发工具的集合。

在一个可选的实施方式中，埋点配置数据还可以进一步包括能够实现上述用户行为事件信息监测以及埋点数据采集的埋点代码。配置服务器内预先存储有所有元素标识的埋点代码集合，由于每个元素标识对应一种埋点类型，针对每个元素标识均提供一个埋点代码或埋点代码段。通过上述方式，配置服务器可以根据所确定的元素标识类型与元素标识类型和埋点代码的关联关系，从存储的埋点代码集合中获取对应的埋点代码，在一个可选的实施方式中，该埋点代码也可以是通用型的代码，获取到埋点代码后再根据配置参数对埋点代码进行微调，最后将调整后的埋点代码配置到目标页面中，即为完成了该页面元素的埋点配置过程，通过上述方式依次对目标页面中所有页面元素进行埋点配置。

目前业内的埋点都是产品经理设计好埋点文档需求，程序员编码实现埋点功能，等待公司发版后才能获取到埋点数据，这种时间滞后性，不能让业务及时获取到数据、增加很多沟通时间成本、对代码的侵入性也比较强。本实施例中上述实施方式根据元素标识信息配置对应埋点代码，更具有灵活性。

其中，可以直接在目标页面中进行埋点配置，在对目标页面的页面元素进行埋点配置时，埋点配置数据需要从配置页面发送至目标页面，在一个可选的实施方式中，步骤S104进一步包括如下步骤：

S1041，根据所述元素标识信息获取对应的埋点配置数据。

S1042，判断打开所述配置页面和所述目标页面的浏览器中支持跨域消息接口postMessage功能是否异常。

S1043，若判断结果为否，则通过调用postMessage将所述埋点配置数据发送至所述目标页面。

其中，当所述配置页面需要向所述目标页面发送数据时，所述配置页面调用所述目标页面的postMessage，将所述埋点配置数据发送至所述目标页面。在一个可选的实施方式中，在调用所述目标页面的postMessage时，还可以对调用目标页面的postMessage进行校验，具体包括如下步骤：所述配置页面获取所述目标页面的URL；根据获取到的所述目标页面的URL对所述postMessage进行验证；当验证通过时，将埋点配置数据发送给所述目标页面。

S1044，若判断结果为是，则将所述埋点配置数据写入所述配置页面对应URL的hash参数中，通过所述配置页面的修改的hash参数将所述埋点配置数据发送至所述目标页面。

S1045，根据所述埋点配置数据对所述目标页面的所述页面元素进行埋点配置。

在步骤S1044中，当postMessage功能异常无法使用时，可以利用location.href对象传递数据实现临时交互，首先，配置页面通过iframe对象的src属性直接获取目标页面的URL；然后，将目标页面的URL中的hash参数进行修改，将埋点配置数据写入到hash参数中，得到目标页面的修改的hash参数；最后，埋点配置数据随着修改的hash参数一起被发送至目标页面。

在一个可选的实施方式中，在步骤S104中根据所述埋点配置数据对所述目标页面的所述页面元素进行埋点配置，包括如下步骤：

S501，获取所述页面元素在所述目标页面的节点树中的节点信息，根据各所述页面元素的所述节点信息和所述埋点配置数据生成所述目标页面的埋点配置表。

其中，节点树为DOM(Document Object Model，文档对象模型)树，当所述目标页面中所有页面元素的埋点配置数据获取后，生成该目标页面的埋点配置表，该埋点配置表用于记录页面元素与埋点配置数据之间的关联关系，页面元素用其在目标页面的DOM树中的节点信息进行表征，也就是说，埋点配置表用于记录页面元素的节点信息与埋点配置数据之间的关联关系，埋点配置表存储与配置服务器中。

S502，当检测到所述目标页面进行初始化时，获取所述目标页面的埋点配置表以使终端将所述埋点配置表配置于所述目标页面的节点树的最顶层。

其中，当配置服务器检测到目标页面在终端中进行初始化时，配置服务器与终端通过websocket建立双向链接，作为后端的配置服务器将该目标页面的埋点配置表发送至终端，终端接收该埋点配置表后将其配置于所述目标页面的DOM树的最顶层，完成埋点配置，随后，终端根据该目标页面的埋点配置表判断当前这个触发事件是否需要上报埋点数据，需要则调用后端接口上报，从而实现埋点在配置完后可以实时生效。

进一步地，步骤S101至步骤S104实现了对目标页面埋点初始配置，之后，可以通过维护目标页面的埋点配置表的方式，对目标页面进行埋点更新配置，在步骤S501之后，还包括如下步骤：

S601，接收所述目标页面的埋点更新信息，其中，所述埋点更新信息包括待更新的页面元素对应节点信息以及新的埋点配置数据。

S602，获取所述目标页面的埋点配置表，将所述埋点配置表中与所述节点信息关联的原埋点配置数据删除。

S603，将所述新埋点配置数据写入所述埋点配置表，建立所述新埋点配置数据与所述节点信息之间的关联关系。

其中，目标页面的埋点配置表更新后，当目标页面在终端中初始化时，置于目标页面的DOM树的最顶层的为更新后的埋点配置表，终端根据该目标页面的更新后的埋点配置表判断当前这个触发事件是否需要上报埋点数据，需要则调用后端接口上报，从而实现埋点在配置完后可以实时生效。

在本实施例中，点击打开相应目标页面的时候，嵌套的目标页面会与配置页面通过浏览器postMessage接口(浏览器的提供的一种实现不同系统之间数据交互的接口)建立数据相互通信连接，当运营人员点击目标页面相应需要埋点的页面元素(例如某个按钮)时，目标页面会将该元素的相关信息发送给配置页面，配置页面获取到该埋点元素信息后，解析该元素的信息，主要是我们预先在元素中标记的特殊属性，根据该属性在页面中生成一条数据，运营人员对该数据进行配置相应的埋点信息，包括触发埋点的用户行为事件、埋点的数据等，运营人员配置完后提交数据，后端可以生成整个系统的配置表。

进一步地，在本实施例中，配置服务器可以基于人工智能进行构建，基于人工智能技术对相关的配置页面和目标页面进行处理，实现无人值守的人工智能埋点配置。其中，人工智能(Artificial Intelligence，AI)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。

人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。

图2是本发明第二实施例的埋点配置装置的结构示意图。如图2所示，该埋点配置装置20应用于配置服务器，该埋点配置装置20包括：加载模块21、操作模块22、识别模块23以及配置模块24，其中，加载模块21，用于通过配置页面中嵌套的内嵌框架加载对应的目标页面；操作模块22，用于接收作用于所述目标页面中页面元素的目标操作；识别模块23，用于响应于所述目标操作，获取所述页面元素的元素标识信息，控制所述目标页面将所述元素标识信息发送至所述配置页面，其中，所述元素标识信息预先配置在所述目标页面中；配置模块24，用于根据所述元素标识信息获取对应的埋点配置数据，根据所述埋点配置数据对所述目标页面的所述页面元素进行埋点配置。

进一步地，该加载模块21还用于在所述配置页面中创建所述目标页面的内嵌框架；在所述内嵌框架的参数中写入所述目标页面的统一资源定位符URL。

进一步地，该加载模块21还用于当所述目标页面在所述配置页面中打开时，在所述配置页面的参数中写入所述配置页面的统一资源定位符URL。

进一步地，该识别模块23还用于判断打开所述配置页面和所述目标页面的浏览器中支持跨域消息接口postMessage功能是否异常；若判断结果为否，则通过调用postMessage将所述元素标识信息发送至所述配置页面；若判断结果为是，则将所述元素标识信息写入所述配置页面对应URL的hash参数中，通过所述配置页面的修改的hash参数将所述元素标识信息发送至所述配置页面。

进一步地，该配置模块24还用于根据页面元素的页面元素类型、对应用户事件类型以及待采集的埋点数据类型，将多个页面元素划分为至少一类；在所述目标页面的生成过程中，根据所述目标页面中各页面元素的划分类，为每个所述页面元素配置对应的元素标识。

进一步地，该配置模块24还用于获取所述页面元素在所述目标页面的DOM树中的节点信息，根据各所述页面元素的所述节点信息和所述埋点配置数据生成所述目标页面的埋点配置表；当检测到所述目标页面进行初始化时，获取所述目标页面的埋点配置表以使终端将所述埋点配置表配置于所述目标页面的DOM树的最顶层。

进一步地，该配置模块24还用于接收所述目标页面的埋点更新信息，其中，所述埋点更新信息包括待更新的页面元素对应节点信息以及新的埋点配置数据；获取所述目标页面的埋点配置表，将所述埋点配置表中与所述节点信息关联的原埋点配置数据删除；将所述新埋点配置数据写入所述埋点配置表，建立所述新埋点配置数据与所述节点信息之间的关联关系。

本实施例中，通过埋点可视化的配置方式，可以帮助产品经理实时可视化设置网站页面元素的埋点信息，操作直观简洁，所见即所得，跳过代码部署、测试验证和发版过程，极大提升生产力及业务实时性。

图3是本发明第三实施例的电子设备的结构示意图。如图3所示，该电子设备30包括处理器31及和处理器31耦接的存储器32。

存储器32存储有用于实现上述任一实施例的所述埋点配置方法的程序指令。

处理器31用于执行存储器32存储的程序指令以进行埋点配置。

其中，处理器31还可以称为CPU(Central Processing Unit，中央处理单元)。处理器31可能是一种集成电路芯片，具有信号的处理能力。处理器31还可以是通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

参阅图4，图4为本发明第四实施例的存储介质的结构示意图。本发明实施例的存储介质存储有能够实现上述所有方法的程序指令41，所述存储介质可以是非易失性，也可以是易失性。其中，该程序指令41可以以软件产品的形式存储在上述存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(processor)执行本发明各个实施方式所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，RandomAccess Memory)、磁碟或者光盘等各种可以存储程序代码的介质，或者是计算机、服务器、手机、平板等终端设备。

在本发明所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。以上仅为本发明的实施方式，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围。

以上所述的仅是本发明的实施方式，在此应当指出，对于本领域的普通技术人员来说，在不脱离本发明创造构思的前提下，还可以做出改进，但这些均属于本发明的保护范围。

Claims (10)

1.一种埋点配置方法，应用于配置服务器，其特征在于，包括：

通过配置页面中嵌套的内嵌框架加载对应的目标页面；

接收作用于所述目标页面中页面元素的目标操作；

响应于所述目标操作，获取所述页面元素的元素标识信息，控制所述目标页面将所述元素标识信息发送至所述配置页面，其中，所述元素标识信息预先配置在所述目标页面中；

根据所述元素标识信息获取对应的埋点配置数据，根据所述埋点配置数据对所述目标页面的所述页面元素进行埋点配置。

2.根据权利要求1所述的埋点配置方法，其特征在于，所述通过配置页面中嵌套的内嵌框架加载对应的目标页面之前，还包括：

在所述配置页面中创建所述目标页面的内嵌框架；

在所述内嵌框架的参数中写入所述目标页面的统一资源定位符。

3.根据权利要求2所述的埋点配置方法，其特征在于，所述通过配置页面中嵌套的内嵌框架加载对应的目标页面之后，还包括：

当所述目标页面在所述配置页面中打开时，在所述配置页面的参数中写入所述配置页面的统一资源定位符。

4.根据权利要求3所述的埋点配置方法，其特征在于，所述控制所述目标页面将所述元素标识信息发送至所述配置页面，包括：

判断打开所述配置页面和所述目标页面的浏览器中支持跨域消息接口消息发送函数功能是否异常；

若判断结果为否，则通过调用所述消息发送函数将所述元素标识信息发送至所述配置页面；

若判断结果为是，则将所述元素标识信息写入所述配置页面对应统一资源定位符的哈希参数中，通过所述配置页面的修改的哈希参数将所述元素标识信息发送至所述配置页面。

5.根据权利要求1所述的埋点配置方法，其特征在于，所述通过配置页面中嵌套的内嵌框架加载对应的目标页面之前，还包括：

根据页面元素的页面元素类型、对应用户事件类型以及待采集的埋点数据类型，将多个页面元素划分为至少一类；

在所述目标页面的生成过程中，根据所述目标页面中各页面元素的划分类，为每个所述页面元素配置对应的元素标识。

6.根据权利要求1所述的埋点配置方法，其特征在于，所述根据所述元素标识信息获取对应的埋点配置数据，根据所述埋点配置数据对所述目标页面的所述页面元素进行埋点配置，包括：

获取所述页面元素在所述目标页面的节点树中的节点信息，根据各所述页面元素的所述节点信息和所述埋点配置数据生成所述目标页面的埋点配置表；

当检测到所述目标页面进行初始化时，获取所述目标页面的埋点配置表以使终端将所述埋点配置表配置于所述目标页面的节点树的最顶层。

7.根据权利要求6所述的埋点配置方法，其特征在于，所述根据各所述页面元素的所述节点信息和所述埋点配置数据生成所述目标页面的埋点配置表之后，还包括：

接收所述目标页面的埋点更新信息，其中，所述埋点更新信息包括待更新的页面元素对应节点信息以及新的埋点配置数据；

获取所述目标页面的埋点配置表，将所述埋点配置表中与所述节点信息关联的原埋点配置数据删除；

将所述新埋点配置数据写入所述埋点配置表，建立所述新埋点配置数据与所述节点信息之间的关联关系。

8.一种埋点配置装置，应用于配置服务器，其特征在于，包括：

加载模块，用于通过配置页面中嵌套的内嵌框架加载对应的目标页面；

操作模块，用于接收作用于所述目标页面中页面元素的目标操作；

识别模块，用于响应于所述目标操作，获取所述页面元素的元素标识信息，控制所述目标页面将所述元素标识信息发送至所述配置页面，其中，所述元素标识信息预先配置在所述目标页面中；

配置模块，用于根据所述元素标识信息获取对应的埋点配置数据，根据所述埋点配置数据对所述目标页面的所述页面元素进行埋点配置。

9.一种电子设备，其特征在于，包括处理器、以及与所述处理器耦接的存储器，所述存储器存储有可被所述处理器执行的程序指令；所述处理器执行所述存储器存储的所述程序指令时实现如权利要求1～7中任一项所述的埋点配置方法。

10.一种存储介质，其特征在于，所述存储介质内存储有程序指令，所述程序指令被处理器执行时实现如权利要求1～7中任一项所述的埋点配置方法。

Images