[发明专利]一种前端埋点方法、装置、设备、存储介质

说明书

本申请公开了一种前端埋点方法、装置、设备、存储介质，包括：确定待监测前端页面；创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接；将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面；通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。可见，本申请能够实现埋点与前端页面业务隔离，实现快速埋点，提高了开发的效率，并且可以将高价值信息反馈给开发者，为应用的开发和运营提供了更高的参考信息。

技术领域

本申请涉及计算机技术领域，特别涉及一种前端埋点方法、装置、设备、存储介质。

背景技术

当前，随着信息技术的快速发展，大量用户使用应用终端来获取信息，进而实现自身的一些业务需求。例如，用户通过浏览大量的网页来获取需要的信息、通过购物软件进行网上购物等，同时，内容提供商们也在尽可能多的对用户提供信息，但是其中有很多信息并不是对用户有用的，所以如何对用户感兴趣的信息进行统计，对内容提供商来说显得极为重要。

目前，通常采用前端埋点的方式对用户的行为信息进行采集。前端埋点系统通过对用户访问次数，页面停留时间，内容停留时间，用户转化率，按钮点击率等数据的采集，分析和可视化输出，为网站的运营提供支持。常用的前端埋点方法是手动埋点，即在编码时将监控的行为埋入相应的节点，如点击按钮或链接后的回调函数、页面加载时进行请求的发送等。然而，这样虽然也能实现埋点的效果，但是对代码侵入比较大，使业务代码变的更加繁琐，不利于代码的稳定性和可维护性，同时降低了开发效率。

发明内容

有鉴于此，本申请的目的在于提供一种前端埋点方法、装置、设备、存储介质，能够实现快速埋点，减少开发者人工埋点的工作量，提高开发效率。其具体方案如下：

第一方面，本申请公开了一种前端埋点方法，包括：

确定待监测前端页面；

创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接；

将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面；

通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。

可选的，所述创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接之前，还包括：

基于JavaScript脚本创建包含DOM解析器的埋点采集器；

相应的，所述通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，包括：

利用所述埋点采集器中的所述DOM解析器，对所述待监测前端页面对应的DOM树进行解析，并通过所述埋点采集器获取自定义的埋点配置参数，然后通过将所述埋点配置参数注入DOM原生事件的方式，为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点。

可选的，所述基于JavaScript脚本创建包含DOM解析器的埋点采集器，包括：

基于JavaScript脚本创建包含DOM解析器、数据存储器和数据上传器的埋点采集器；

并且，所述通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据之后，还包括：