可视化埋点方法、装置、计算机设备及存储介质

技术领域

本申请涉及数据采集技术领域，尤其涉及一种可视化埋点方法、装置、计算机设备及存储介质。

背景技术

可视化埋点，是指用户通过设备连接用户行为分析工具的数据接入管理界面，对可交互且交互后有效果的页面元素(例如：图片、按钮、链接等)，直接在界面上进行操作并实现数据埋点。可视化埋点被广泛应用于基于人工智能的数字医疗或金融科技领域，如通过可视化埋点的方式监控用户在数字医疗平台上的点击、浏览、搜索等行为，分析用户使用数字医疗服务的时段、频率、时长、服务项目等指标，以帮助医疗机构深入了解用户需求和行为，优化产品设计和提升用户体验，同时也有助于保障信息安全和数据隐私。

现有的可视化埋点方案中，在确定目标埋点页面后，是对埋点数据进行逐个圈选，且无法自定义埋点数据的埋点属性，从而影响可视化埋点的效率。

发明内容

基于此，有必要针对上述技术问题，提供一种可视化埋点方法、装置、计算机设备及存储介质，以解决现有的可视化埋点方案在确定目标埋点页面后，是对埋点数据进行逐个圈选，且无法自定义埋点数据的埋点属性，从而影响可视化埋点的效率的问题。

本申请实施例的第一方面提供了一种可视化埋点方法，所述可视化埋点方法包括：确定目标埋点页面，调用预设指令读取所述目标埋点页面的页面关键元素集合，并根据所述页面关键元素集合构建元素树结构，所述页面关键元素集合包括至少一个页面关键元素；监听用户在所述目标埋点页面上的鼠标事件，并根据所述鼠标事件从所述元素树结构中确定出目标元素，将所述目标元素作为所述目标埋点页面的初始埋点数据，所述鼠标事件至少包括点击、长按、双击以及勾选；读取所述目标埋点页面的埋点数据集合，并按照预设标识策略从所述埋点数据集合中标识出至少一个目标埋点数据，其中，所述埋点数据集合至少包括所述初始埋点数据；调用预设接口为各个所述目标埋点数据添加数据埋点属性，得到所述目标埋点页面的埋点配置信息，所述数据埋点属性用于表征所述目标埋点数据对应的数据埋点方式；将所述埋点配置信息存储至服务端。

在一些实施例中，所述确定目标埋点页面，包括：向所述服务端发送数据埋点指令，所述数据埋点指令用于指示所述服务端对客户端上传的页面图片进行解析，得到图片数据流，并将所述图片数据流发送至所述埋点终端；根据所述图片数据流确定所述目标埋点页面。

在一些实施例中，所述按照预设标识策略从所述埋点数据集合中标识出至少一个目标埋点数据，包括：采用不同色框从所述埋点数据集合中框选出启用埋点数据与停用埋点数据；将所述启用埋点数据作为所述目标埋点数据。

在一些实施例中，在所述将所述目标元素作为所述目标埋点页面的初始埋点数据的步骤之后，所述读取所述目标埋点页面的埋点数据集合的步骤之前，所述方法还包括：将所述初始埋点数据添加至所述目标埋点页面的埋点数据集合中。

在一些实施例中，所述将所述埋点配置信息存储至服务端的步骤之后，所述方法还包括：响应用户通过客户端打开所述目标埋点页面的操作，指示所述客户端向所述服务端发送所述目标埋点页面的埋点配置信息拉取请求，并指示所述服务端响应所述埋点配置信息拉取请求，根据所述埋点配置信息拉取请求中所述目标埋点页面的地址信息确定所述目标埋点页面的埋点配置信息，并将所述埋点配置信息下发至所述客户端；对所述目标埋点页面进行全局事件监听，并在监听到所述目标埋点页面中所述目标埋点数据的触发事件时，根据所述数据埋点属性将所述目标埋点数据的触发事件作为埋点元素触发事件上报至所述服务端，并指示所述服务端根据接收的埋点元素触发事件进行数据分析。

本申请实施例的第二方面提供了一种可视化埋点装置，所述可视化埋点装置包括：初始化模块，用于确定目标埋点页面，调用预设指令读取所述目标埋点页面的页面关键元素集合，并根据所述页面关键元素集合构建元素树结构，所述页面关键元素集合包括至少一个页面关键元素；监听模块，用于监听用户在所述目标埋点页面上的鼠标事件，并根据所述鼠标事件从所述元素树结构中确定出目标元素，将所述目标元素作为所述目标埋点页面的初始埋点数据，所述鼠标事件至少包括点击、长按、双击以及勾选；确定模块，用于读取所述目标埋点页面的埋点数据集合，并按照预设标识策略从所述埋点数据集合中标识出至少一个目标埋点数据，其中，所述埋点数据集合至少包括所述初始埋点数据；属性添加模块，用于调用预设接口为各个所述目标埋点数据添加数据埋点属性，得到所述目标埋点页面的埋点配置信息，所述数据埋点属性用于表征所述目标埋点数据对应的数据埋点方式；存储模块，用于将所述埋点配置信息存储至服务端。

在一些实施例中，所述初始化模块包括：指令发送模块，用于向所述服务端发送数据埋点指令，所述数据埋点指令用于指示所述服务端对客户端上传的页面图片进行解析，得到图片数据流，并将所述图片数据流发送至所述埋点终端；页面确定模块，用于根据所述图片数据流确定所述目标埋点页面。

在一些实施例中，所述确定模块包括：框选模块，用于采用不同色框从所述埋点数据集合中框选出启用埋点数据与停用埋点数据；埋点模块，用于将所述启用埋点数据作为所述目标埋点数据。

本申请实施例的第三方面提供了一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机可读指令，所述处理器执行所述计算机可读指令时实现上述可视化埋点方法。

本申请实施例的第四方面提供了一个或多个存储有计算机可读指令的可读存储介质，所述计算机可读指令被一个或多个处理器执行时，使得所述一个或多个处理器执行如上述可视化埋点方法。

本申请实施例第一方面提供的一种可视化埋点方法，首先确定目标埋点页面，调用预设指令读取目标埋点页面的页面关键元素集合，并根据页面关键元素集合中各个页面关键元素构建目标埋点页面的元素树结构。埋点终端为客户端的鼠标移动增加监听事件，用户通过鼠标在客户端的目标埋点页面进行点击、长按、双击或勾选操作，生成鼠标事件，埋点终端实时监听鼠标事件，并根据鼠标事件从元素树结构中确定出目标元素，并将目标元素作为目标埋点页面的初始埋点数据。然后埋点终端读取目标埋点页面的埋点数据集合，其中，埋点数据集合包括初始埋点数据，并按照预设标识策略从埋点数据集合中标识出至少一个目标埋点数据。埋点终端调用预设接口为各个目标埋点数据添加数据埋点属性，得到目标埋点页面的埋点配置信息，其中，数据埋点属性用于表征目标埋点数据对应的数据埋点方式。最后埋点终端将埋点配置信息存储至服务端。实现了在可视化埋点过程中，同时确定多个目标埋点数据，并为多个目标埋点数据添加数据埋点属性，增加了可视化埋点的可操作性，提高了可视化埋点的效率。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本申请实施例提供的可视化埋点方法的一应用环境示意图；

图2是本申请实施例提供的可视化埋点方法的实现流程示意图；

图3是本申请另一实施例提供的可视化埋点方法的实现流程示意图；

图4是本申请实施例提供的可视化埋点装置的结构示意图；

图5是本申请实施例提供的计算机设备的结构示意图。

具体实施方式

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

请参阅图1所示，为本申请实施例提供的可视化埋点方法的一应用环境示意图。本申请实施例提供的可视化埋点方法可应用在如图1的应用环境中，客户端与服务端、服务端与埋点终端、埋点终端与客户端之间通信连接。埋点终端通过与客户端及服务端通信交互确定目标埋点页面，调用预设指令读取目标埋点页面的页面关键元素集合，并根据页面关键元素集合中各个页面关键元素构建元素树结构。用户通过鼠标在客户端的目标埋点页面进行点击、长按、双击或勾选操作。埋点终端为客户端的鼠标增加监听事件，实时监听用户在目标埋点页面的鼠标事件，并根据鼠标事件对应的页面关键元素从元素树结构中确定出目标元素。埋点终端将确定出的目标元素作为目标埋点页面的初始埋点数据。然后埋点终端通过调用服务端接口读取目标埋点页面的埋点数据集合，其中，埋点数据集合包括初始埋点数据，埋点终端按照预设标识策略从埋点数据集合中标识出至少一个目标埋点数据。埋点终端调用预设接口为各个目标埋点数据添加数据埋点属性，得到目标埋点页面的埋点配置信息，其中，数据埋点属性用于表征目标埋点数据对应的数据埋点方式。最后，埋点终端将目标埋点页面对应的埋点配置信息发送至服务端进行存储。其中，客户端包括但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备的应用程序等。埋点终端是指埋点人员所在的终端，也可以叫做前端终端，包括但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。服务端可以用独立的服务端或者是多个服务端组成的服务端集群来实现。终端的处理器可以是中央处理器(CentralProcessingUnit，CPU)，图形处理器(GraphicsProcessingUnit，GPU)、视频处理单元(VideoProcessingUnit，VPU)等中的至少一种。

请参阅图2所示，为本申请实施例中可视化埋点方法的实现流程图，以该方法应用在图1中的埋点终端为例进行说明，包括如下步骤。

S11：确定目标埋点页面，调用预设指令读取所述目标埋点页面的页面关键元素集合，并根据所述页面关键元素集合构建元素树结构，所述页面关键元素集合包括至少一个页面关键元素。

在步骤S11中，目标埋点页面是指需要进行数据埋点的应用程序页面，例如超文本标记语言(Hyper Text Markup Language，HTML)页面。在一个可选实施例中，所述目标埋点页面可以是数字医疗系统的预约挂号平台的页面，或者是智能诊疗页面、健康管理页面等。预设指令包括JavaScript指令。预设指令用于读取目标埋点页面中的页面关键元素。页面关键元素是指目标埋点页面的关键节点元素，例如元素等。目标埋点页面包括至少一个页面关键元素，所有页面关键元素组成页面关键元素集合。埋点终端对目标埋点页面进行解析获取元素树结构。

在本实施例中，埋点终端调用预设指令获取到目标埋点页面的页面关键元素信息，并创建各个页面关键元素的隐形节点(Document Object Model，DOM)元素，使得客户端的目标埋点页面，不显示页面关键元素的属性结构。埋点终端根据目标埋点页面的隐形DOM元素，构建DOM树结构作为目标埋点页面的元素树结构。目标埋点页面的元素树结构用于表征目标埋点页面的各个页面关键元素之间的关联性，可以访问、修改、添加和删除DOM树结构的节点和内容。

在本申请的一个实施例中，所述确定目标埋点页面，包括：向服务端发送数据埋点指令，所述数据埋点指令用于指示所述服务端对用户通过客户端上传的页面图片进行解析，得到图片数据流，并指示所述服务端将所述图片数据流发送至所述埋点终端；根据所述图片数据流确定所述目标埋点页面。

在本实施例中，埋点终端、服务端及客户端可以通过双向通信协议(websocket)连接。用户通过客户端上传目标埋点页面的页面图片至服务端，服务端接收目标埋点页面的页面图片，并对页面图片进行解析得到目标埋点页面的图片数据流，其中图片数据流用于表征目标埋点页面的页面图片信息。服务端将目标埋点页面的图片数据流发送至埋点终端。埋点终端接收服务端发送的目标埋点页面的图片数据流，根据图片数据流确定目标埋点页面，并根据图片数据流获取页面关键元素信息。

S12：监听用户在所述目标埋点页面上的鼠标事件，并根据所述鼠标事件从所述元素树结构中确定出目标元素，将所述目标元素作为所述目标埋点页面的初始埋点数据。

在步骤S12中，鼠标事件至少包括点击事件、长按事件、双击事件以及勾选事件。目标元素是指鼠标事件对应的页面关键元素。

在本实施例中，埋点终端为客户端的鼠标增加监听事件，以监听鼠标在客户端，各个目标埋点页面上的移动轨迹。当监测到用户操作鼠标点击、长按、双击或勾选目标埋点页面上的页面关键元素，确定为鼠标事件。埋点终端实时监听用户在目标埋点页面上的鼠标事件，确定鼠标事件对应的页面关键元素，从而埋点终端从元素树结构中匹配出鼠标事件对应的页面关键元素，将该页面关键元素确定为目标元素。埋点终端将确定出的目标元素作为目标埋点页面的初始埋点数据。在其他实施例中，埋点终端还可以根据实际业务需求自定义目标埋点页面的初始埋点数据，本申请对初始埋点数据的确定方式不做限定。

在本申请的一个实施例中，在所述将所述目标元素作为所述目标埋点页面的初始埋点数据的步骤之后，所述读取所述目标埋点页面的埋点数据集合的步骤之前，所述方法还包括：将所述初始埋点数据添加至所述目标埋点页面的埋点数据集合。

在本实施例中，目标埋点页面在监听鼠标事件之前可能存在通过历史监听鼠标事件确定的历史埋点数据，或自定义的埋点数据，这些历史埋点数据或埋点数据组成埋点数据集合。当埋点终端再次监听用户在目标埋点页面的鼠标事件时，获得新的初始埋点数据，埋点终端将初始埋点数据同步添加至埋点数据集合，以进行统一的目标埋点数据的确定。

S13：读取所述目标埋点页面的埋点数据集合，并按照预设标识策略从所述埋点数据集合中标识出至少一个目标埋点数据。

在步骤S13中，埋点数据集合包括目标埋点页面的初始埋点数据与历史埋点数据，其中，历史埋点数据可以是通过监听历史的鼠标事件获取，也可以是埋点人员通过埋点终端根据业务需求自定义的埋点数据。预设标识策略用于从埋点数据集合中标识出目标埋点数据，例如可以通过高亮色框圈选出目标埋点数据。

在本实施例中，埋点终端读取目标埋点页面的埋点数据集合，根据埋点数据集合中各埋点数据的优先级等属性，从埋点数据集合中标识出至少一个目标埋点数据。在本申请的一个实施例中，埋点终端可以用不同的色框分别框选出目标埋点数据与非目标埋点数据，对于非目标埋点数据，用户不可点击、不可长按、不可双击、不可勾选。

在本申请的一个实施例中，所述按照预设标识策略从所述埋点数据集合中标识出至少一个目标埋点数据，包括：采用不同色框从所述埋点数据集合中框选出启用埋点数据与停用埋点数据；将所述启用埋点数据作为所述目标埋点数据。

在本实施例中，启用埋点数据表示埋点终端在埋点数据集合中选择作为目标埋点数据的埋点数据。停用埋点数据表示埋点终端不对停用埋点数据对应的埋点数据进行启动埋点。埋点终端对埋点数据集合中的启用埋点数据与停用埋点数据采用不同色框进行标识，例如启用埋点数据采用绿色框标识，停用埋点数据采用红色框标识。埋点终端将启用埋点数据作为目标埋点数据，将停用埋点数据作为非埋点数据。在本申请的一个实施例中，也可以由埋点人员圈选启用埋点数据与停用埋点数据。

S14：调用预设接口为各个所述目标埋点数据添加数据埋点属性，得到所述目标埋点页面的埋点配置信息。

在步骤S14中，预设接口是指服务端的接口，通过预设接口能够为目标埋点数据添加数据埋点属性。数据埋点属性用于表征目标埋点数据对应的数据埋点方式，数据埋点属性可以是自定义属性和文本属性，例如，若为自定义属性，目标埋点数据对应的数据埋点方式，可以是将目标埋点数据在目标埋点页面上显示的名称，以及目标埋点数据对应的数据类型、事件均采集发送至服务端。

在本实施例中，通过系统应用程序接口(Application Program Interface，API)的代理机制来对各个目标埋点数据添加数据埋点属性，在添加数据埋点属性时，处理自身的业务逻辑，并结合用户的需求，自定义目标埋点数据的数据埋点属性，埋点终端也可以对目标埋点页面的多个目标埋点数据同时添加数据埋点属性，提高了可视化埋点的效率。

S15：将所述埋点配置信息存储至服务端。

在步骤S15中，埋点配置信息至少包括目标埋点数据以及目标埋点数据对应的埋点数据属性。

在本实施例中，埋点终端确定出目标埋点页面的目标埋点数据，以及各个目标埋点数据对应的数据埋点属性之后，将目标埋点数据与对应的数据埋点属性打包得到目标埋点页面的埋点配置信息，并将目标埋点页面的埋点配置信息发送至服务端进行存储。用户在客户端打开目标埋点页面时，客户端将从服务端拉取目标埋点页面的埋点配置信息，客户端根据目标埋点页面的埋点配置信息追踪用户行为数据，并将用户行为数据上传至服务端，服务端对用户行为数据进行数据分析。

可视化埋点的核心内容脱离了代码埋点，在页面上通过可视化的图片，通过鼠标点击设置便可以进行数据埋点，无需写埋点代码进行数据埋点，如此提高了数据埋点的效率。

本申请提供一种可视化埋点方法，首先确定目标埋点页面，调用预设指令读取目标埋点页面的页面关键元素集合，并根据页面关键元素集合中各个页面关键元素构建目标埋点页面的元素树结构。埋点终端为客户端的鼠标增加监听事件，用户通过鼠标在客户端的目标埋点页面进行点击、长按、双击或勾选操作，生成鼠标事件，埋点终端实时监听鼠标事件，并根据鼠标事件从元素树结构中确定出目标元素，并将目标元素作为目标埋点页面的初始埋点数据。然后埋点终端读取目标埋点页面的埋点数据集合，其中，埋点数据集合包括初始埋点数据，并按照预设标识策略从埋点数据集合中标识出至少一个目标埋点数据。埋点终端调用预设接口为各个目标埋点数据添加数据埋点属性，得到目标埋点页面的埋点配置信息，其中，数据埋点属性用于表征目标埋点数据对应的数据埋点方式。最后埋点终端将埋点配置信息存储至服务端。实现了在可视化埋点过程中，同时确定多个目标埋点数据，并为多个目标埋点数据添加数据埋点属性，增加了可视化埋点的可操作性，提高了可视化埋点的效率。

请参阅图3所示，为本申请另一实施例提供的可视化埋点方法的实现流程示意图。如图3所示，在步骤S15之后，还包括步骤S21-S22，具体步骤内容如下：

S21：响应用户通过客户端打开所述目标埋点页面的操作，指示所述客户端向所述服务端发送所述目标埋点页面的埋点配置信息拉取请求，并指示所述服务端响应所述埋点配置信息拉取请求，根据所述埋点配置信息拉取请求中所述目标埋点页面的地址信息确定所述目标埋点页面的埋点配置信息，并将所述埋点配置信息下发至所述客户端。

在本实施例中，用户登录客户端，并打开目标埋点页面时，客户端向服务端发送目标埋点页面的埋点配置信息拉取请求，以拉取目标埋点页面的埋点配置信息。服务端接收到客户端发送的埋点配置信息拉取请求，对埋点配置信息拉取请求进行解析，获取到目标埋点页面的地址信息，确定目标埋点页面，然后服务端从数据库中匹配出目标埋点页面的埋点配置信息，将埋点配置信息下发至客户端生效。

S22：对所述目标埋点页面进行全局事件监听，并在监听到所述目标埋点页面中所述目标埋点数据的触发事件时，根据所述数据埋点属性将所述目标埋点数据的触发事件作为埋点元素触发事件上报至所述服务端，并指示所述服务端根据接收的埋点元素触发事件进行数据分析。

在本实施例中，服务端将埋点配置信息下发至客户端后，埋点终端对目标埋点页面进行全局事件监听，当用户点击、长按、双击或勾选目标埋点数据时，生成埋点数据的触发事件。埋点终端根据目标埋点数据对应的数据埋点属性将目标埋点数据的触发事件作为埋点元素触发事件上报至服务端，服务端对接收到的至少一个埋点元素触发事件进行数据分析，例如服务端呈现出整个目标埋点页面的点击热图(Heat Map，用于呈现页面被点击的效果图)等效果，实现对用户行为数据的数据分析。本申请可应用于智慧医疗、金融科技、智慧政务等智慧城市的各个功能模块中，比如智慧医疗的可视化埋点模块等，能够促进智慧城市的快速发展。

通过可视化埋点，可以帮助不懂代码的埋点人员通过可视化的界面配置统计埋点并实时下发到客户端生效，为埋点人员进行数据埋点提供了方便。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本申请实施例的实施过程构成任何限定。

在本申请的一个实施例中，提供一种可视化埋点装置400，该可视化埋点装置与上述实施例中可视化埋点方法一一对应。如图4所示，该可视化埋点装置包括初始化模块401、监听模块402、确定模块403、属性添加模块404以及存储模块405。各功能模块详细说明如下：

初始化模块401，用于确定目标埋点页面，调用预设指令读取所述目标埋点页面的页面关键元素集合，并根据所述页面关键元素集合构建元素树结构，所述页面关键元素集合包括至少一个页面关键元素；

监听模块402，用于监听用户在所述目标埋点页面上的鼠标事件，并根据所述鼠标事件从所述元素树结构中确定出目标元素，将所述目标元素作为所述目标埋点页面的初始埋点数据，所述鼠标事件至少包括点击、长按、双击以及勾选；

确定模块403，用于读取所述目标埋点页面的埋点数据集合，并按照预设标识策略从所述埋点数据集合中标识出至少一个目标埋点数据，所述埋点数据集合至少包括所述初始埋点数据；

属性添加模块404，用于调用预设接口为各个所述目标埋点数据添加数据埋点属性，得到所述目标埋点页面的埋点配置信息，所述数据埋点属性用于表征所述目标埋点数据对应的数据埋点方式；

存储模块405，用于将所述埋点配置信息存储至服务端。

所述初始化模块401，包括：

指令发送模块，用于向所述服务端发送数据埋点指令，所述数据埋点指令用于指示所述服务端对客户端上传的页面图片进行解析，得到图片数据流，并将所述图片数据流发送至所述埋点终端；

页面确定模块，用于根据所述图片数据流确定所述目标埋点页面。

所述确定模块403包括：

框选模块，用于采用不同色框从所述埋点数据集合中框选出启用埋点数据与停用埋点数据；

埋点模块，用于将所述启用埋点数据作为所述目标埋点数据。

在所述将所述目标元素作为所述目标埋点页面的初始埋点数据的步骤之后，所述读取所述目标埋点页面的埋点数据集合的步骤之前，所述装置还用于：

将所述初始埋点数据添加至所述目标埋点页面的埋点数据集合。

所述可视化埋点装置还用于：

响应用户通过客户端打开所述目标埋点页面的操作，指示所述客户端向所述服务端发送所述目标埋点页面的埋点配置信息拉取请求，并指示所述服务端响应所述埋点配置信息拉取请求，根据所述埋点配置信息拉取请求中所述目标埋点页面的地址信息确定所述目标埋点页面的埋点配置信息，并将所述埋点配置信息下发至所述客户端；

对所述目标埋点页面进行全局事件监听，并在监听到所述目标埋点页面中所述目标埋点数据的触发事件时，根据所述数据埋点属性将所述目标埋点数据的触发事件作为埋点元素触发事件上报至所述服务端，并指示所述服务端根据接收的埋点元素触发事件进行数据分析。

关于可视化埋点装置的具体限定可以参见上文中对于可视化埋点方法的限定，在此不再赘述。上述可视化埋点装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务端。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括可读存储介质、内存储器。该可读存储介质存储有操作系统、计算机可读指令和数据库。该内存储器为可读存储介质中的操作系统和计算机可读指令的运行提供环境。该计算机设备的数据库用于存储可视化埋点方法所涉及的数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机可读指令被处理器执行时以实现一种可视化埋点方法。本实施例所提供的可读存储介质包括非易失性可读存储介质和易失性可读存储介质。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端。其内部结构图可以如图5所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括可读存储介质、内存储器。该可读存储介质存储有计算机可读指令。该内存储器为可读存储介质中的计算机可读指令的运行提供环境。该计算机设备的网络接口用于与外部服务端通过网络连接通信。该计算机可读指令被处理器执行时以实现可视化埋点方法。本实施例所提供的可读存储介质包括非易失性可读存储介质和易失性可读存储介质。

在一个实施例中，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机可读指令，处理器执行计算机可读指令时实现以下步骤：

确定目标埋点页面，调用预设指令读取所述目标埋点页面的页面关键元素集合，并根据所述页面关键元素集合构建元素树结构，所述页面关键元素集合包括至少一个页面关键元素；

监听用户在所述目标埋点页面上的鼠标事件，并根据所述鼠标事件从所述元素树结构中确定出目标元素，将所述目标元素作为所述目标埋点页面的初始埋点数据，所述鼠标事件至少包括点击、长按、双击以及勾选；

读取所述目标埋点页面的埋点数据集合，并按照预设标识策略从所述埋点数据集合中标识出至少一个目标埋点数据，其中，所述埋点数据集合至少包括所述初始埋点数据；

调用预设接口为各个所述目标埋点数据添加数据埋点属性，得到所述目标埋点页面的埋点配置信息，所述数据埋点属性用于表征所述目标埋点数据对应的数据埋点方式；

将所述埋点配置信息存储至服务端。

在一个实施例中，提供了一个或多个存储有计算机可读指令的可读存储介质，本实施例所提供的可读存储介质包括非易失性可读存储介质和易失性可读存储介质。可读存储介质上存储有计算机可读指令，计算机可读指令被一个或多个处理器执行时实现以下步骤：

确定目标埋点页面，调用预设指令读取所述目标埋点页面的页面关键元素集合，并根据所述页面关键元素集合构建元素树结构，所述页面关键元素集合包括至少一个页面关键元素；

监听用户在所述目标埋点页面上的鼠标事件，并根据所述鼠标事件从所述元素树结构中确定出目标元素，将所述目标元素作为所述目标埋点页面的初始埋点数据，所述鼠标事件至少包括点击、长按、双击以及勾选；

读取所述目标埋点页面的埋点数据集合，并按照预设标识策略从所述埋点数据集合中标识出至少一个目标埋点数据，其中，所述埋点数据集合至少包括所述初始埋点数据；

调用预设接口为各个所述目标埋点数据添加数据埋点属性，得到所述目标埋点页面的埋点配置信息，所述数据埋点属性用于表征所述目标埋点数据对应的数据埋点方式；

将所述埋点配置信息存储至服务端。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机可读指令来指令相关的硬件来完成，所述的计算机可读指令可存储于一非易失性可读取存储介质或易失性可读存储介质中，该计算机可读指令在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。

以上所述实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围，均应包含在本申请的保护范围之内。