一种前端埋点方法、装置、设备、存储介质制造方法及图纸

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

【技术实现步骤摘要】
一种前端埋点方法、装置、设备、存储介质


[0001]本申请涉及计算机
,特别涉及一种前端埋点方法、装置、设备、存储介质。

技术介绍

[0002]当前,随着信息技术的快速发展,大量用户使用应用终端来获取信息,进而实现自身的一些业务需求。例如,用户通过浏览大量的网页来获取需要的信息、通过购物软件进行网上购物等,同时,内容提供商们也在尽可能多的对用户提供信息,但是其中有很多信息并不是对用户有用的,所以如何对用户感兴趣的信息进行统计,对内容提供商来说显得极为重要。
[0003]目前,通常采用前端埋点的方式对用户的行为信息进行采集。前端埋点系统通过对用户访问次数,页面停留时间,内容停留时间,用户转化率,按钮点击率等数据的采集,分析和可视化输出,为网站的运营提供支持。常用的前端埋点方法是手动埋点,即在编码时将监控的行为埋入相应的节点,如点击按钮或链接后的回调函数、页面加载时进行请求的发送等。然而,这样虽然也能实现埋点的效果,但是对代码侵入比较大,使业务代码变的更加繁琐,不利于代码的稳定性和可维护性,同时降低了开发效率。r/>
技术实现思路
<本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端埋点方法,其特征在于,包括:确定待监测前端页面;创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接;将所述目标链接引入至所述待监测前端页面,以便将所述埋点采集器添加至所述待监测前端页面;通过所述埋点采集器获取自定义的埋点配置参数,并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点,以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。2.根据权利要求1所述的前端埋点方法,其特征在于,所述创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接之前,还包括:基于JavaScript脚本创建包含DOM解析器的埋点采集器;相应的,所述通过所述埋点采集器获取自定义的埋点配置参数,并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点,包括:利用所述埋点采集器中的所述DOM解析器,对所述待监测前端页面对应的DOM树进行解析,并通过所述埋点采集器获取自定义的埋点配置参数,然后通过将所述埋点配置参数注入DOM原生事件的方式,为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点。3.根据权利要求2所述的前端埋点方法,其特征在于,所述基于JavaScript脚本创建包含DOM解析器的埋点采集器,包括:基于JavaScript脚本创建包含DOM解析器、数据存储器和数据上传器的埋点采集器;并且,所述通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据之后,还包括:通过所述数据存储器对所述埋点监测数据进行数据压缩以及数据打包,并对打包后得到的数据包进行保存,然后通过所述数据上传器将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器,以通过所述数据分析器对获取到的数据包进行分析。4.根据权利要求3所述的前端埋点方法,其特征在于,所述通过所述数据上传器将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器,包括:判断当前所述数据存储器中保存的数据包的大小是否大于预设阈值,如果大于所述预设阈值,则通过所述数据上传器将当前所述数据存储器中...

【专利技术属性】
技术研发人员:李国伟贾少龙颜秉珩
申请(专利权)人:浪潮电子信息产业股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1