[发明专利]web应用数据埋点系统及埋点方法

权利要求书

1.一种web应用数据埋点系统，其特征在于，包括：

埋点管理端，用于加载并运行埋点管理端Javascript脚本，从web应用服务器端获取埋点数据，并将埋点数据转换成可视化界面供管理人员进行操作；

埋点管理端Javascript脚本，用于配置web应用服务器端地址，通过网络协议从所述web应用服务器端获取数据并渲染；

埋点Javascript脚本，运行在web应用前端，用于从所述web应用服务器端获取埋点数据，并将埋点数据挂载到浏览器渲染的Dom节点中，且能侦听Dom元素的变化，并能Diff出待挂载的埋点数据重新挂载。

2.根据权利要求1所述的web应用数据埋点系统，其特征在于，所述的埋点数据为需要进行统计的用户行为和页面运行数据，具体包括按钮点击、页面跳转、数据过滤条件、页面占用内存、内存占用以及运行异常。

3.根据权利要求1所述的web应用数据埋点系统，其特征在于，埋点Javascript脚本中，将埋点数据挂载到浏览器渲染的Dom节点中具体包括：通过标准的Dom API将埋点数据与具体事件相结合。

4.根据权利要求1所述的web应用数据埋点系统，其特征在于，埋点Javascript脚本中，侦听Dom元素的变化具体包括：使用MutationObserver接口或其他相似接口监听页面上Dom树的变化。

5.根据权利要求1所述的web应用数据埋点系统，其特征在于，埋点Javascript脚本中，Diff出待挂载的埋点数据具体包括：通过收集Dom节点变更前后的节点列表进行比对，计算出需要重新挂载或者移除的埋点数据，避免埋点数据的重复挂载或者遗漏。

6.一种web应用数据埋点方法，其特征在于，用于实现如权利要求1-5任一项所述的web应用数据埋点系统，所述的埋点方法包括：

开发管理端Javascript脚本和可视化界面，让管理人员自行、可视化地编辑埋点数据，再在web应用前端通过引入埋点Javascript脚本以实现动态拉取埋点数据、挂载埋点数据到Dom节点、最后将收集到的埋点统计信息上报给web应用服务器端。