HTML网页可视化的埋点方法、装置及数据采集方法与流程

html网页可视化的埋点方法、装置及数据采集方法
技术领域
1.本发明涉及计算机技术领域，尤其涉及一种html网页可视化的埋点方法、装置及数据采集方法。


背景技术：

2.web网页常见的埋点技术包括全埋点和代码埋点，全埋点通过代码实现了在所有页面以及页面各种可交互元素上放置“监听器”来实现数据的采集。用户在页面上的任何浏览、点击行为均会被记录。全埋点获取全面的用户行为数据，避免代码埋点时设计的埋点方案有缺漏。然而，采用全埋点的弊端包括：全埋点不仅上报的数据量庞大，含有大量无业务价值的数据，占用存储资源；而且缺乏有效的埋点规划，事件参数常有缺漏，不能完全贴合业务需求；并且，数据分析从庞杂的数据中进行筛选过滤，使得数据分析的效率低。
3.同时，代码埋点需要在应用里面写入相应的代码去统计用户的操作行为或者其他数据。例如，统计网页里某个按钮的点击次数，则用户在点击此按钮时，记录点击此按钮，形成采集数据。代码埋点能够贴合业务需求设计埋点方案，采集业务所需要的事件参数。
4.然而，采用代码埋点的弊端包括：代码埋点需要产品/运营、研发、测试等协同工作，沟通成本高，工作量大，开发周期较长；同时，对于短期活动等变化比较频繁的业务场景，代码埋点响应慢，易造成用户行为数据流失；并且，使用代码埋点时，如有缺失或错误，需要重新开发及部署，变更流程复杂的情况。


技术实现要素：

5.本发明提供一种html网页可视化的埋点方法、装置及数据采集方法，用以解决现有技术埋点的开发周期长、易造成用户行为数据流失和变更流程复杂的问题。
6.本发明提供一种html网页可视化的埋点方法，包括：
7.接收用户输入的目标页面地址；
8.根据所述目标页面地址，利用html标签打开目标页面；
9.检查所述目标页面中是否已集成埋点sdk，得到检查结果；
10.若所述检查结果显示所述目标页面已集成埋点sdk，则接收用户在所述目标页面中选择的埋点元素和设置的与所述埋点元素相对应的配置信息；
11.解析所述埋点元素的位于所述目标页面的位置信息；
12.根据所述配置信息和位置信息，得到埋点配置方案。
13.根据本发明提供的一种html网页可视化的埋点方法，检查所述目标页面中是否已集成埋点sdk，得到检查结果，包括：
14.利用postmessage接口对所述目标页面进行检查，若所述目标页面反馈成功的校验数据，则得到所述目标页面中已集成埋点sdk的检查结果。
15.根据本发明提供的html网页可视化的埋点方法，检查所述目标页面中是否已集成埋点sdk，得到检查结果的步骤之后，还包括：
16.若所述检查结果显示所述目标页面未集成埋点sdk，则获取预设的埋点sdk后，将所述预设的埋点sdk集成在所述目标页面内，得到集成有埋点sdk的目标页面。
17.根据本发明提供的html网页可视化的埋点方法，若所述检查结果显示所述目标页面已集成埋点sdk，则接收用户在所述目标页面中选择的埋点元素和设置的与所述埋点元素相对应的配置信息，包括：
18.根据用户鼠标事件发生时相对于用户屏幕的水平坐标位置和鼠标事件发生时相对于用户屏幕的垂直坐标位置，得到埋点元素和位置信息；
19.将所述位置信息注入目标页面后，接收用户设置的与所述埋点元素相关联的配置信息。
20.本发明还提供一种html网页的数据采集方法，包括：
21.接收用户打开的目标页面；
22.获取所述目标页面的以上任一项的埋点方法得到的埋点配置方案；
23.根据预设的缓存时间，缓存所述埋点配置方案；
24.根据缓存后的埋点配置方案，采集目标页面中的埋点数据，得到采集数据。
25.根据本发明提供的数据采集方法，所述根据预设的缓存时间，缓存所述埋点配置方案的步骤的同时，还包括：
26.获取所述存储服务器中最新的埋点配置方案，将所述最新的埋点配置方案与缓存后的埋点配置方案进行对比判断；
27.若判断不一致，则取消缓存后的埋点配置方案，且根据预设的缓存时间，重新缓存所述最新的埋点配置方案。
28.本发明还提供一种html网页可视化的埋点装置，包括：
29.接收模块，用于接收用户输入的目标页面地址；
30.操作模块，用于根据所述目标页面地址，利用html标签打开目标页面；
31.检查模块，用于检查所述目标页面中是否已集成埋点sdk，得到检查结果；
32.设置模块，用于若所述检查结果显示所述目标页面已集成埋点sdk，则接收用户在所述目标页面中选择的埋点元素和设置的与所述埋点元素相对应的配置信息；
33.解析模块，用于解析所述埋点元素的位于所述目标页面的位置信息；
34.传输模块，用于根据所述配置信息和位置信息，得到埋点配置方案。
35.本发明还提供一种html网页的数据采集装置，包括：
36.接收模块，用于接收用户打开的目标页面；
37.获取模块，用于获取所述目标页面的如以上任一项的埋点方法得到的埋点配置方案；
38.缓存模块，用于根据预设的缓存时间，缓存所述埋点配置方案；
39.采集模块，用于根据缓存后的埋点配置方案，采集目标页面中的埋点数据，得到采集数据。
40.本发明还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述html网页可视化的埋点方法。
41.本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算
机程序被处理器执行时实现如上述任一种所述html网页可视化的埋点方法。
42.本发明提供的一种html网页可视化的埋点方法、装置及数据采集方法，通过html网页可视化的埋点方法对html标签打开用户输入的目标页面进行检查后，得到检查结果为目标页面中已集成埋点sdk，从而便于埋点sdk传输将埋点配置方案等数据进行传输。同时，通过用户对可交互且交互后有效果的埋点元素进行选择，实现可视化的埋点。同时，避免代码部署、测试验证和发版的过程，缩短了开发周期，并且通过用户选择埋点和配置信息，实现html网页埋点的即配即用，埋点响应更快，减少用户行为的数据流失，流程更加便捷。
附图说明
43.为了更清楚地说明本发明或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
44.图1是本发明提供的html网页可视化的埋点方法的流程示意图；
45.图2是本发明提供的html网页可视化的埋点装置的结构示意图；
46.图3是本发明提供的执行html网页可视化的埋点方法的电子设备的结构示意图。
47.图4是本发明提供的html网页的数据采集方法的流程示意图；
48.图5是本发明提供的html网页的数据采集装置的流程示意图；
49.图6是本发明提供的执行数据采集方法的电子设备的结构示意图。
具体实施方式
50.为使本发明的目的、技术方案和优点更加清楚，下面将结合本发明中的附图，对本发明中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
51.下面结合图1描述本发明的一种html网页可视化的埋点方法，包括：
52.s11、接收用户输入的目标页面地址(url)。
53.s12、根据所述目标页面地址，利用html标签(iframe)打开目标页面。
54.s13、检查所述目标页面中是否已集成埋点sdk，得到检查结果。
55.s14、若所述检查结果显示所述目标页面已集成埋点sdk，则接收用户在所述目标页面中选择的埋点元素和设置的与所述埋点元素相对应的配置信息。通过已集成埋点sdk提供的接口进行数据的传输，以便于将采用本方法所形成的埋点数据传输到服务端。其中，配置信息包括：埋点元素、含有曝光和/或点击的配置事件和配置埋点事件参数；所述配置埋点事件参数包括：埋点元素名称、业务参数、生效视图和埋点元素路径。
56.s15、解析所述埋点元素的位于所述目标页面的位置信息。本实施例中，解析所述埋点元素的位于所述目标页面的位置信息后，并将所述埋点元素进行高亮标注，以实现突出显示。
57.s16、根据所述配置信息和位置信息，得到埋点配置方案。具体地，埋点配置方案由配置信息和位置信息形成。以便于用户通过埋点配置方案进行后续的数据采集。
58.本发明对html标签打开用户输入的目标页面进行检查后，得到检查结果为目标页面中已集成埋点sdk，从而便于埋点sdk传输含有埋点配置方案的数据。同时，通过用户对可交互且交互后有效果的埋点元素进行选择，实现可视化的埋点。运营和产品等无需技术背景的人员也配置埋点，降低了埋点门槛，减少了沟通成本，提高埋点效率。
59.同时，对于短期的业务场景(如营销活动)，可以敏捷变更埋点配置，便于迭代管理，如需要补充的埋点元素时，无需重新进行开发-测试-上线的流程，仅增加用户需选择的埋点元素后，得到最新的埋点配置方案，节省开发资源，避免代码部署、测试验证和发版的过程，缩短了开发周期。
60.并且，通过用户选择埋点和配置信息，实现埋点的即配即用，当埋点配置方案有遗漏时，可以通过用户再次选择所需要的埋点元素进行配置，进而得到最新的埋点配置方案进行快速补全，避免频繁发版，埋点响应更快，减少用户行为的数据流失，变更流程更加便捷。
61.具体地，检查所述目标页面中是否已集成埋点sdk，得到检查结果，包括：
62.利用postmessage接口对所述目标页面进行检查，若所述目标页面反馈成功的校验数据，则得到所述目标页面中已集成埋点sdk的检查结果。本实施例中，可以通过浏览器提供的postmessage接口与嵌入目标页面中的埋点sdk进行数据通信，如已经集成埋点sdk，则可以成功收到来自嵌入的目标页面传送的校验数据。
63.具体步骤包括：
64.步骤一、postmessage接口向嵌入的目标页面发送一条action字段为“check”，status字段值为“checking”的消息。其中action表示该条消息的类型为“检测”，status表示，当前检测的状态为“发起检测“。
65.步骤二、如果嵌入的页面是集成了埋点sdk的目标页面，则会接收到步骤一中的消息，根据消息类型位为“check”和消息状态为“checking”，埋点sdk会根据校验规则检测是否可以进行正常通信。
66.步骤三、如果检测通过，则会向管理端发送action字段为“check”，status字段值为“success”的消息，通知检测成功。
67.步骤四、如果接收到“success”之后，也会向埋点sdk发送一条action字段为“check”，status字段值为“success”的消息，以便于向埋点sdk告知校验成功。
68.步骤五、埋点sdk接收到“success”消息后，则会进行可视化埋点的配置信息获取等初始化操作，完成初始化操作之后，会发送一条action字段为“check”，status字段值为“finished”的消息，通知检查流程结束。
69.步骤六、接收到“finished”消息后，进行获取埋点元素列表等初始化操作，并开启正常的可视化埋点功能。至此，可视化埋点功能的检查流程完成。
70.如果在步骤一中，超过8秒没有收到任何消息，则表明嵌入的目标页面没有集成埋点sdk，进行弹窗，以便于提示使用者检测失败。在步骤二至步骤六中，有任何一步发送的消息status字段为“failure”，则表明是一条失败消息，意味着该步骤校验失败，也会进行弹窗提示，检测失败。
71.通过对目标页面中是否存在集成埋点sdk，从而通过onclick函数里调用埋点sdk提供的数据发送接口来发送包含有埋点配置方案的记录数据。
72.具体地，检查所述目标页面中是否已集成埋点sdk，得到检查结果的步骤之后，还包括：
73.若所述检查结果显示所述目标页面未集成埋点sdk，则获取预设的埋点sdk后，将所述预设的埋点sdk集成在所述目标页面内，得到集成有埋点sdk的目标页面。
74.其中，在目标页面中预设的埋点sdk script脚本，填入埋点初始化项目id参数，即可将所述预设的埋点sdk集成在所述目标页面内，得到集成有埋点sdk的目标页面。实现将预设的埋点sdk集成在未集成埋点sdk的目标页面。
75.具体地，若所述检查结果显示所述目标页面已集成埋点sdk，则接收用户在所述目标页面中选择的埋点元素和设置的与所述埋点元素相对应的配置信息，包括：
76.根据用户鼠标事件发生时相对于用户屏幕的水平坐标位置和鼠标事件发生时相对于用户屏幕的垂直坐标位置，得到埋点元素和位置信息。
77.将所述位置信息注入目标页面后，接收用户设置的与所述埋点元素相关联的配置信息。
78.本实施例中，通过浏览器标准事件mouseevent实时捕获用户鼠标点击行为，获取鼠标事件发生时相对于用户屏幕的水平坐标位置screenx和鼠标事件发生时相对于用户屏幕的垂直坐标位置screeny，得到埋点元素和位置信息，将位置信息通过浏览器插件注入原始页面html。
79.其中，通过埋点sdk与管理端(用户操作端)通信后，利用管理端打开可交互的弹窗，供用户输入配置信息，配置信息包含有埋点元素名称、生效视图和埋点元素路径。再把包含有埋点配置方案的数据传给存储服务端进行存储，确保在数据采集时埋点配置方案能够同步。
80.下面对本发明提供的html网页可视化的埋点装置进行描述，下文描述的html网页可视化的埋点装置与上文描述的html网页可视化的埋点方法可相互对应参照。
81.请一并参阅图2，一种html网页可视化的埋点装置，包括接收模块210、操作模块220、检查模块230、设置模块240、解析模块250和埋点配置模块260。
82.接收模块210用于接收用户输入的目标页面地址。
83.操作模块220用于根据所述目标页面地址，利用html标签打开目标页面。
84.检查模块230用于检查所述目标页面中是否已集成埋点sdk，得到检查结果。
85.设置模块240用于若所述检查结果显示所述目标页面已集成埋点sdk，则接收用户在所述目标页面中选择的埋点元素和设置的与所述埋点元素相对应的配置信息。
86.解析模块250用于解析所述埋点元素的位于所述目标页面的位置信息。
87.埋点配置模块260用于根据所述配置信息和位置信息，得到埋点配置方案。
88.本发明通过接收模块接收用户输入的目标页面地址，操作模块用于打开目标页面，检查模块根据目标页面中是否已集成埋点sdk的情况，得到检查结果，从而便于目标页面中已集成的埋点sdk传输含有埋点配置方案的数据。设置模块根据已集成埋点sdk的检查结果后，接收埋点元素和配置信息，解析模块解析出位于所述目标页面的位置信息，埋点配置模块用于根据所述配置信息和位置信息，从而得到埋点配置方案，实现通过用户对可交互且交互后有效果的埋点元素进行选择，实现可视化的埋点。运营和产品等无需技术背景的人员也配置埋点，降低了埋点门槛，减少了沟通成本，提高埋点效率。
89.本实施例中，检查模块230用于检查所述目标页面中是否已集成埋点sdk，得到检查结果，包括：
90.利用postmessage接口对所述目标页面进行检查，若所述目标页面反馈成功的校验数据，则得到所述目标页面中已集成埋点sdk的检查结果。
91.其中，检查模块230用于检查所述目标页面中是否已集成埋点sdk，得到检查结果的步骤之后，还包括集成模块。
92.所述集成模块用于若所述检查结果显示所述目标页面未集成埋点sdk，则获取预设的埋点sdk后，将所述预设的埋点sdk集成在所述目标页面内，得到集成有埋点sdk的目标页面。
93.同时，设置模块240用于若所述检查结果显示所述目标页面已集成埋点sdk，则接收用户在所述目标页面中选择的埋点元素和设置的与所述埋点元素相对应的配置信息，包括：
94.根据用户鼠标事件发生时相对于用户屏幕的水平坐标位置和鼠标事件发生时相对于用户屏幕的垂直坐标位置，得到埋点元素和位置信息；
95.将所述位置信息注入目标页面后，接收用户设置的与所述埋点元素相关联的配置信息。
96.图3示例了一种电子设备的实体结构示意图，如图3所示，该电子设备可以包括：处理器(processor)310、通信接口(communications interface)320、存储器(memory)330和通信总线340，其中，处理器310，通信接口320，存储器330通过通信总线340完成相互间的通信。处理器310可以调用存储器330中的逻辑指令，以执行html网页可视化的埋点方法，该方法包括：
97.s11、接收用户输入的目标页面地址。
98.s12、根据所述目标页面地址，利用html标签打开目标页面。
99.s13、检查所述目标页面中是否已集成埋点sdk，得到检查结果。
100.s14、若所述检查结果显示所述目标页面已集成埋点sdk，则接收用户在所述目标页面中选择的埋点元素和设置的与所述埋点元素相对应的配置信息。
101.s15、解析所述埋点元素的位于所述目标页面的位置信息。
102.s16、根据所述配置信息和位置信息，得到埋点配置方案。
103.此外，上述的存储器330中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-only memory)、随机存取存储器(ram，random access memory)、磁碟或者光盘等各种可以存储程序代码的介质。
104.另一方面，本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，计算机能够执行上述各方法所提供的html网页可视化的埋点方法，该方法包括：
105.s11、接收用户输入的目标页面地址。
106.s12、根据所述目标页面地址，利用html标签打开目标页面。
107.s13、检查所述目标页面中是否已集成埋点sdk，得到检查结果。
108.s14、若所述检查结果显示所述目标页面已集成埋点sdk，则接收用户在所述目标页面中选择的埋点元素和设置的与所述埋点元素相对应的配置信息。
109.s15、解析所述埋点元素的位于所述目标页面的位置信息。
110.s16、根据所述配置信息和位置信息，得到埋点配置方案。
111.另一方面，本发明还提供一种计算机程序产品，所述计算机程序产品包括计算机程序，计算机程序可存储在非暂态计算机可读存储介质上，所述计算机程序被处理器执行时，计算机能够执行上述各方法所提供的html网页可视化的埋点方法，该方法包括：
112.s11、接收用户输入的目标页面地址。
113.s12、根据所述目标页面地址，利用html标签打开目标页面。
114.s13、检查所述目标页面中是否已集成埋点sdk，得到检查结果。
115.s14、若所述检查结果显示所述目标页面已集成埋点sdk，则接收用户在所述目标页面中选择的埋点元素和设置的与所述埋点元素相对应的配置信息。
116.s15、解析所述埋点元素的位于所述目标页面的位置信息。
117.s16、根据所述配置信息和位置信息，得到埋点配置方案。
118.请一并参阅图4，下面对本发明提供的html网页的数据采集方法进行描述。
119.s21、接收用户打开的目标页面。
120.s22、获取所述目标页面的如以上任一项的埋点方法得到的埋点配置方案。具体地，向云端存储服务器请求获取所述目标页面的埋点配置方案。埋点配置方案通过以上任一项的html网页可视化的埋点方法获得。
121.s23、根据预设的缓存时间，缓存所述埋点配置方案。其中，预设的缓存时间可根据实际情况设置，例如缓存时间选为5分钟，从而避免用户在一次操作中，产生多种不同的结果。
122.s24、根据缓存后的埋点配置方案，采集目标页面中的埋点数据，得到采集数据。即当用户触发配置埋点事件时，采集目标页面中的埋点数据，得到采集数据。
123.本发明通过用户打开目标页面后，获取所述目标页面的埋点配置方案，从而实现对目标页面进行采集，获得采集数据。本发明通过获取埋点配置方案后，即可实现采集，运营和产品等无需技术背景得人员也可采集，降低了采集数据得门槛和沟通成本，提高采集得效率。
124.具体地，所述根据预设的缓存时间，缓存所述埋点配置方案的步骤的同时，还包括：
125.获取所述存储服务器中最新的埋点配置方案，将所述最新的埋点配置方案与缓存后的埋点配置方案进行对比判断；
126.若判断不一致，则取消缓存后的埋点配置方案，且根据预设的缓存时间，重新缓存所述最新的埋点配置方案。即用户对已经动态配置过的埋点配置方案进行了更新，先前得埋点配置方案默认的缓存时间将会失效，随后会获取最新的埋点配置方案。从而便于用户对埋点配置方案进行调整时，能够减少采集得次数，采集地数据更加地精准。
127.采集数据收集后还包括对采集数据进行存储和加工的步骤。其中，加工步骤：即埋点sdk将自动收集的系统信息等基本信息和采集数据，通过埋点sdk提供的数据上报接口上报数据。以便于用户对采集数据进行查看和分析。
128.请一并参阅图5，下面对本发明提供的html网页的数据采集装置进行描述，下文描述的html网页的数据采集装置与上文描述的html网页的数据采集方法可相互对应参照。
129.一种html网页的数据采集装置，包括接收模块510、获取模块520、缓存模块530和采集模块540。
130.接收模块510用于接收用户打开的目标页面。
131.获取模块520用于获取所述目标页面的如以上任一项的埋点方法得到的埋点配置方案。
132.缓存模块530用于根据预设的缓存时间，缓存所述埋点配置方案。
133.采集模块540用于根据缓存后的埋点配置方案，采集目标页面中的埋点数据，得到采集数据。
134.本发明通过接收模块接收目标页面，获取模块获取目标页面的埋点配置方案，利用缓存后的所述埋点配置方案后，对目标页面进行数据采集，从而得到采集数据。
135.具体地，缓存模块530用于所述根据预设的缓存时间，缓存所述埋点配置方案的步骤的同时，还包括判断模块。
136.判断模块用于获取所述存储服务器中最新的埋点配置方案，将所述最新的埋点配置方案与缓存后的埋点配置方案进行对比判断；
137.若判断不一致，则取消缓存后的埋点配置方案，且根据预设的缓存时间，重新缓存所述最新的埋点配置方案。
138.通过判断模块便于用户对埋点配置方案进行调整时，能够减少采集得次数，采集地数据更加地精准。
139.图6示例了一种电子设备的实体结构示意图，如图6所示，该电子设备可以包括：处理器(processor)610、通信接口(communications interface)620、存储器(memory)630和通信总线640，其中，处理器610，通信接口620，存储器630通过通信总线640完成相互间的通信。处理器610可以调用存储器630中的逻辑指令，以执行html网页可视化的埋点方法，该方法包括：
140.s21、接收用户打开的目标页面。
141.s22、获取所述目标页面的如以上任一项的埋点方法得到的埋点配置方案。
142.s23、根据预设的缓存时间，缓存所述埋点配置方案。
143.s24、根据所述缓存后的埋点配置方案，采集目标页面中的埋点数据，得到采集数据。
144.此外，上述的存储器630中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，
read-only memory)、随机存取存储器(ram，random access memory)、磁碟或者光盘等各种可以存储程序代码的介质。
145.另一方面，本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，计算机能够执行上述各方法所提供的html网页可视化的埋点方法，该方法包括：
146.s21、接收用户打开的目标页面。
147.s22、获取所述目标页面的如以上任一项的埋点方法得到的埋点配置方案。
148.s23、根据预设的缓存时间，缓存所述埋点配置方案。
149.s24、根据所述缓存后的埋点配置方案，采集目标页面中的埋点数据，得到采集数据。
150.另一方面，本发明还提供一种计算机程序产品，所述计算机程序产品包括计算机程序，计算机程序可存储在非暂态计算机可读存储介质上，所述计算机程序被处理器执行时，计算机能够执行上述各方法所提供的html网页可视化的埋点方法，该方法包括：
151.s21、接收用户打开的目标页面。
152.s22、获取所述目标页面的如以上任一项的埋点方法得到的埋点配置方案。
153.s23、根据预设的缓存时间，缓存所述埋点配置方案。
154.s24、根据所述缓存后的埋点配置方案，采集目标页面中的埋点数据，得到采集数据。
155.以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。
156.通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如rom/ram、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。
157.最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

技术特征：
1.一种html网页可视化的埋点方法，其特征在于，包括：接收用户输入的目标页面地址；根据所述目标页面地址，利用html标签打开目标页面；检查所述目标页面中是否已集成埋点sdk，得到检查结果；若所述检查结果显示所述目标页面已集成埋点sdk，则接收用户在所述目标页面中选择的埋点元素和设置的与所述埋点元素相对应的配置信息；解析所述埋点元素的位于所述目标页面的位置信息；根据所述配置信息和位置信息，得到埋点配置方案。2.根据权利要求1所述的html网页可视化的埋点方法，其特征在于，检查所述目标页面中是否已集成埋点sdk，得到检查结果，包括：利用postmessage接口对所述目标页面进行检查，若所述目标页面反馈成功的校验数据，则得到所述目标页面中已集成埋点sdk的检查结果。3.根据权利要求1所述的html网页可视化的埋点方法，其特征在于，检查所述目标页面中是否已集成埋点sdk，得到检查结果的步骤之后，还包括：若所述检查结果显示所述目标页面未集成埋点sdk，则获取预设的埋点sdk后，将所述预设的埋点sdk集成在所述目标页面内，得到集成有埋点sdk的目标页面。4.根据权利要求1至3中任一项的html网页可视化的埋点方法，其特征在于，若所述检查结果显示所述目标页面已集成埋点sdk，则接收用户在所述目标页面中选择的埋点元素和设置的与所述埋点元素相对应的配置信息，包括：根据用户鼠标事件发生时相对于用户屏幕的水平坐标位置和鼠标事件发生时相对于用户屏幕的垂直坐标位置，得到埋点元素和位置信息；将所述位置信息注入目标页面后，接收用户设置的与所述埋点元素相关联的配置信息。5.一种html网页的数据采集方法，其特征在于，包括：接收用户打开的目标页面；获取所述目标页面的如权利要求1至4中任一项的埋点方法得到的埋点配置方案；根据预设的缓存时间，缓存所述埋点配置方案；根据缓存后的埋点配置方案，采集目标页面中的埋点数据，得到采集数据。6.根据权利要求5所述的数据采集方法，其特征在于，所述根据预设的缓存时间，缓存所述埋点配置方案的步骤的同时，还包括：获取所述存储服务器中最新的埋点配置方案，将所述最新的埋点配置方案与缓存后的埋点配置方案进行对比判断；若判断不一致，则取消缓存后的埋点配置方案，且根据预设的缓存时间，重新缓存所述最新的埋点配置方案。7.一种html网页可视化的埋点装置，其特征在于，包括：接收模块，用于接收用户输入的目标页面地址；操作模块，用于根据所述目标页面地址，利用html标签打开目标页面；检查模块，用于检查所述目标页面中是否已集成埋点sdk，得到检查结果；设置模块，用于若所述检查结果显示所述目标页面已集成埋点sdk，则接收用户在所述
目标页面中选择的埋点元素和设置的与所述埋点元素相对应的配置信息；解析模块，用于解析所述埋点元素的位于所述目标页面的位置信息；埋点配置模块，用于根据所述配置信息和位置信息，得到埋点配置方案。8.一种html网页的数据采集装置，其特征在于，包括：接收模块，用于接收用户打开的目标页面；获取模块，用于获取所述目标页面的如权利要求1至4中任一项的埋点方法得到的埋点配置方案；缓存模块，用于根据预设的缓存时间，缓存所述埋点配置方案；采集模块，用于根据缓存后的埋点配置方案，采集目标页面中的埋点数据，得到采集数据。9.一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至4中任一项的所述html网页可视化的埋点方法。10.一种非暂态计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至4中任一项的所述html网页可视化的埋点方法。

技术总结
本发明涉及计算机技术领域，尤其涉及一种HTML网页可视化的埋点方法、装置及数据采集方法，其方法包括：接收用户输入的目标页面地址；根据所述目标页面地址，利用HTML标签打开目标页面；检查所述目标页面中是否已集成埋点SDK，得到检查结果；若所述检查结果显示所述目标页面已集成埋点SDK，则接收用户在所述目标页面中选择的埋点元素和设置的与所述埋点元素相对应的配置信息；解析所述埋点元素的位于所述目标页面的位置信息；根据所述配置信息和位置信息，得到埋点配置方案。本发明的目的是解决现有技术埋点的开发周期长、易造成用户行为数据流失和流程复杂的问题。据流失和流程复杂的问题。据流失和流程复杂的问题。


技术研发人员：周弘博 唐恒 唐莹 文朝
受保护的技术使用者：邦道科技有限公司
技术研发日：2023.03.13
技术公布日：2023/7/19