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

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

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


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

技术介绍

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

技术实现思路

[0004]有鉴于此，本申请的目的在于提供一种前端埋点方法、装置、设备、存储介质，能够实现快速埋点，减少开发者人工埋点的工作量，提高开发效率。其具体方案如下：
[0005]第一方面，本申请公开了一种前端埋点方法，包括：
[0006]确定待监测前端页面；
[0007]创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接；
[0008]将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面；
[0009]通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。
[0010]可选的，所述创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接之前，还包括：
[0011]基于JavaScript脚本创建包含DOM解析器的埋点采集器；
[0012]相应的，所述通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，包括：
[0013]利用所述埋点采集器中的所述DOM解析器，对所述待监测前端页面对应的DOM树进行解析，并通过所述埋点采集器获取自定义的埋点配置参数，然后通过将所述埋点配置参数注入DOM原生事件的方式，为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点。
[0014]可选的，所述基于JavaScript脚本创建包含DOM解析器的埋点采集器，包括：
[0015]基于JavaScript脚本创建包含DOM解析器、数据存储器和数据上传器的埋点采集器；
[0016]并且，所述通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据之后，还包括：
[0017]通过所述数据存储器对所述埋点监测数据进行数据压缩以及数据打包，并对打包后得到的数据包进行保存，然后通过所述数据上传器将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器，以通过所述数据分析器对获取到的数据包进行分析。
[0018]可选的，所述通过所述数据上传器将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器，包括：
[0019]判断当前所述数据存储器中保存的数据包的大小是否大于预设阈值，如果大于所述预设阈值，则通过所述数据上传器将当前所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器；
[0020]或，按照预设的数据包上传周期，通过所述数据上传器定期将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器。
[0021]可选的，所述通过所述数据分析器对获取到的数据包进行分析，包括：
[0022]通过所述数据分析器对获取到的数据包进行解压，并利用大数据技术对解压后得到的数据进行分析，然后将分析结果数据保存至预设数据库，以便可视化展示装置读取并通过web展示技术展示所述预设数据库中保存的所述分析结果数据。
[0023]可选的，所述创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接，包括：
[0024]确定预先基于JavaScript脚本创建的埋点采集器的部署位置；所述部署位置包括独立服务器或内容分发网络；
[0025]创建用于调用位于所述部署位置上的所述埋点采集器的目标链接。
[0026]可选的，所述通过所述埋点采集器获取自定义的埋点配置参数，包括
[0027]通过所述埋点采集器并利用自定义配置接口，获取自定义的埋点配置参数；所述埋点配置参数包括埋点事件类型和埋点种类。
[0028]第二方面，本申请公开了一种前端埋点装置，包括：
[0029]页面确定模块，用于确定待监测前端页面；
[0030]链接创建模块，用于创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接；
[0031]链接引入模块，用于将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面；
[0032]参数配置模块，用于通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。
[0033]第三方面，本申请公开了一种电子设备，包括处理器和存储器；其中，所述处理器执行所述存储器中保存的计算机程序时实现前述的前端埋点方法。
[0034]第四方面，本申请公开了一种计算机可读存储介质，用于存储计算机程序；其中，所述计算机程序被处理器执行时实现前述的前端埋点方法。
[0035]可见，本申请先确定待监测前端页面，然后创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接，并将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面，通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。可见，本申请通过预先创建的埋点采集器的目标链接，可以获取到自定义的埋点配置参数，并利用埋点配置参数为待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，从而实现了自动化埋点，对业务代码侵入性小，接入成本低，方便开发人员实现快速埋点，提高了开发的效率。
附图说明
[0036]为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实本文档来自技高网...

【技术保护点】

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

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