基于可视化加签的埋点方法、装置、终端及存储介质制造方法及图纸

本发明专利技术揭示了一种基于可视化加签的埋点方法、装置、终端及存储介质，方法包括：通过页面圈选的方式获取页面元素，按预设形式将页面元素解析为数据列表，利用已解析为数据列表的页面元素生成可视化加签数据并上送完成埋点部署；当触发已完成埋点部署的页面元素时，上送触发操作信息；接收页面加签数据，将全部页面元素与页面加签数据进行对比，选取其中相符合的页面元素进行呈现。本发明专利技术以一种简单且所见即所得的方式实现了埋点操作，整个流程跳过了现有的代码部署、测试验证和发版等流程，降低了埋点操作的人力和时间成本，显著地提升了埋点效率。埋点效率。埋点效率。

【技术实现步骤摘要】
基于可视化加签的埋点方法、装置、终端及存储介质


[0001]本专利技术属于一种埋点方案，具体为一种基于可视化加签的埋点方法、装置、终端及存储介质，涉及数据处理


技术介绍

[0002]埋点是数据采集中的一种技术手段，是指当应用中某些特定事件发生时采集相关的数据信息，如访客数、页面停留时间、点击率等，以用于跟踪应用使用的情况，从而为后续进一步优化产品提供数据支撑。
[0003]以现有技术中最为常见的代码埋点为例，其在进行数据采集时，需要在业务代码中的不同位置分别部署埋点代码，当需要关注的事件发生时，利用埋点代码获取该事件的相关数据，并将采集到的数据整理后发送至服务器。然而，在实际的应用过程中业内人士发现，因为这种方式在埋点过程中会在原有的业务代码中写入大量与业务逻辑无关的重复代码用于埋点，所以不仅会使得业务代码与埋点代码的耦合性过高、不利于业务代码的维护，而且也会在代码部署环节耗费掉大量的人力、时间，导致埋点作业的效率低下。
[0004]近年来，随着大数据技术的不断发展，用户通过设备连接特定的用户行为分析工具，再利用工具中的数据接入管理界面对页面中的元素(如图片、按钮、链接等)进行操作，已经成为了一种常见的技术思路。那么，如果能够将上述思路应用于埋点方案中，由用户直接在页面上框选需要添加的、可交互且交互后有效果的页面元素，再将对应的信息上传至服务器中进行保存，那么就可以跳过现有技术中的代码部署、测试验证的发版等诸多繁复的流程，实现高效的埋点操作。
[0005]综上所述，如何在现有技术的基础上提出一种全新的埋点方案，简化现有技术中的埋点操作流程，降低人力、时间成本，也就成为了本领域内技术人员所亟待解决的问题。

技术实现思路

[0006]鉴于现有技术存在上述缺陷，本专利技术的目的是提出一种基于可视化加签的埋点方法、装置、终端及存储介质，具体如下。
[0007]一种基于可视化加签的埋点方法，包括：
[0008]通过页面圈选的方式获取页面元素，按预设形式将所述页面元素解析为数据列表，利用已解析为数据列表的所述页面元素生成可视化加签数据并上送至服务器端完成埋点部署；
[0009]当触发已完成埋点部署的所述页面元素时，向所述服务器端上送触发操作信息；
[0010]接收来自所述服务器端的页面加签数据，所述页面加签数据基于所述触发操作信息及所述可视化加签数据生成，将全部所述页面元素与所述页面加签数据进行对比，选取其中相符合的所述页面元素进行呈现。
[0011]优选地，所述通过页面圈选的方式获取页面元素，按预设形式将所述页面元素解析为数据列表，依据所述数据列表生成可视化加签数据并上送至服务器端，包括：
[0012]将Java Script代码注入页面中执行，通过页面圈选的方式对页面进行编辑、获取页面元素；
[0013]按预设形式将所述页面元素解析为数据列表，所述预设形式为xPath路径形式，将已解析为数据列表的所述页面元素与此时所述页面的属性信息一同缓存至内存中并利用加签工具进行显示，对所述加签工具的显示结果添加标签选中，生成得到可视化加签数据；
[0014]将所述可视化加签以json格式进行解析，对解析结果添加版本信息后上送至所述服务器端进行保存并完成埋点部署。
[0015]优选地，所述通过页面圈选的方式对页面进行编辑、获取页面元素，包括：
[0016]在激活页面圈选操作时，在所述页面内生成一个与所圈选范围相对应的蒙层，获取所述蒙层下的所述页面元素；
[0017]若所述页面元素存在多层级嵌套，则通过递归算法生成对应元素层级的xPath路径树，使用所述xPath路径树定位所述页面元素。
[0018]优选地，当触发已完成埋点部署的所述页面元素时，向所述服务器端上送此触发操作信息，包括：
[0019]链接所述服务器端，当触发已完成埋点部署的所述页面元素时，向所述服务器端上送与此次触发操作相对应的触发操作信息。
[0020]优选地，所述接收来自所述服务器端的页面加签数据，所述页面加签数据基于所述触发操作信息及所述可视化加签数据生成，将全部所述页面元素与所述页面加签数据进行对比，选取其中相符合的所述页面元素进行呈现，包括：
[0021]接收来自所述服务器端的页面加签数据，所述页面加签数据由所述服务器端通过将所述触发操作信息与已部署的所述可视化加签及所述版本信息进行绑定的方式生成；
[0022]对全部所述页面元素进行递归深度遍历，将全部所述页面元素统一解析为xPath路径形式的数据列表；
[0023]将全部所述页面元素与所述页面加签数据进行数据对比，对相符合的所述页面元素添加设定的样式并加以呈现。
[0024]一种基于可视化加签的埋点装置，包括：
[0025]埋点部署模块，被配置为通过页面圈选的方式获取页面元素，按预设形式将所述页面元素解析为数据列表，利用已解析为数据列表的所述页面元素生成可视化加签数据并上送至服务器端完成埋点部署；
[0026]埋点触发模块，被配置为当触发已完成埋点部署的所述页面元素时，向所述服务器端上送触发操作信息；
[0027]结果呈现模块，被配置为接收来自所述服务器端的页面加签数据，所述页面加签数据基于所述触发操作信息及所述可视化加签数据生成，将全部所述页面元素与所述页面加签数据进行对比，选取其中相符合的所述页面元素进行呈现。
[0028]优选地，所述埋点部署模块，包括：
[0029]页面元素获取单元，被配置为将JavaScript代码注入页面中执行，通过页面圈选的方式对页面进行编辑、获取页面元素；
[0030]可视化加签生成单元，被配置为按预设形式将所述页面元素解析为数据列表，所述预设形式为xPath路径形式，将已解析为数据列表的所述页面元素与此时所述页面的属
性信息一同缓存至内存中并利用加签工具进行显示，对所述加签工具的显示结果添加标签选中，生成得到可视化加签数据；
[0031]加签解析及上送单元，被配置为将所述可视化加签以json格式进行解析，对解析结果添加版本信息后上送至所述服务器端进行保存并完成埋点部署。
[0032]优选地，所述结果呈现模块，包括：
[0033]页面加签数据接收单元，被配置为接收来自所述服务器端的页面加签数据，所述页面加签数据由所述服务器端通过将所述触发操作信息与已部署的所述可视化加签及所述版本信息进行绑定的方式生成；
[0034]页面元素遍历单元，被配置为对全部所述页面元素进行递归深度遍历，将全部所述页面元素统一解析为xPath路径形式的数据列表；
[0035]对比结果呈现单元，被配置为将全部所述页面元素与所述页面加签数据进行数据对比，对相符合的所述页面元素添加设定的样式并加以呈现。
[0036]一种终端，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如前文所述基于可视化加签的埋本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于可视化加签的埋点方法，其特征在于，包括：通过页面圈选的方式获取页面元素，按预设形式将所述页面元素解析为数据列表，利用已解析为数据列表的所述页面元素生成可视化加签数据并上送至服务器端完成埋点部署；当触发已完成埋点部署的所述页面元素时，向所述服务器端上送触发操作信息；接收来自所述服务器端的页面加签数据，所述页面加签数据基于所述触发操作信息及所述可视化加签数据生成，将全部所述页面元素与所述页面加签数据进行对比，选取其中相符合的所述页面元素进行呈现。2.根据权利要求1所述的基于可视化加签的埋点方法，其特征在于，所述通过页面圈选的方式获取页面元素，按预设形式将所述页面元素解析为数据列表，依据所述数据列表生成可视化加签数据并上送至服务器端，包括：将Java Script代码注入页面中执行，通过页面圈选的方式对页面进行编辑、获取页面元素；按预设形式将所述页面元素解析为数据列表，所述预设形式为xPath路径形式，将已解析为数据列表的所述页面元素与此时所述页面的属性信息一同缓存至内存中并利用加签工具进行显示，对所述加签工具的显示结果添加标签选中，生成得到可视化加签数据；将所述可视化加签以json格式进行解析，对解析结果添加版本信息后上送至所述服务器端进行保存并完成埋点部署。3.根据权利要求2所述的基于可视化加签的埋点方法，其特征在于，所述通过页面圈选的方式对页面进行编辑、获取页面元素，包括：在激活页面圈选操作时，在所述页面内生成一个与所圈选范围相对应的蒙层，获取所述蒙层下的所述页面元素；若所述页面元素存在多层级嵌套，则通过递归算法生成对应元素层级的xPath路径树，使用所述xPath路径树定位所述页面元素。4.根据权利要求2所述的基于可视化加签的埋点方法，其特征在于，当触发已完成埋点部署的所述页面元素时，向所述服务器端上送此触发操作信息，包括：链接所述服务器端，当触发已完成埋点部署的所述页面元素时，向所述服务器端上送与此次触发操作相对应的触发操作信息。5.根据权利要求4所述的基于可视化加签的埋点方法，其特征在于，所述接收来自所述服务器端的页面加签数据，所述页面加签数据基于所述触发操作信息及所述可视化加签数据生成，将全部所述页面元素与所述页面加签数据进行对比，选取其中相符合的所述页面元素进行呈现，包括：接收来自所述服务器端的页面加签数据，所述页面加签数据由所述服务器端通过将所述触发操作信息与已部署的所述可视化加签及所述版本信息进行绑定的方式生成；对全部所述页面元素进行递归深度遍历，将全部所述页面元素统一解析为xPath路径...

【专利技术属性】
技术研发人员：周波，蔡浴泓，林敏，柴灵俊，杨攀，
申请(专利权)人：浙江惠瀜网络科技有限公司，
类型：发明
国别省市：