CN110795325B - 一种可视化埋点方法、装置、设备和存储介质 - Google Patents
一种可视化埋点方法、装置、设备和存储介质 Download PDFInfo
- Publication number
- CN110795325B CN110795325B CN201911046532.8A CN201911046532A CN110795325B CN 110795325 B CN110795325 B CN 110795325B CN 201911046532 A CN201911046532 A CN 201911046532A CN 110795325 B CN110795325 B CN 110795325B
- Authority
- CN
- China
- Prior art keywords
- point
- embedded point
- page
- embedded
- visual
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 230000000007 visual effect Effects 0.000 title claims abstract description 111
- 238000000034 method Methods 0.000 title claims abstract description 60
- 230000004044 response Effects 0.000 claims abstract description 10
- 238000012544 monitoring process Methods 0.000 claims description 9
- 238000004590 computer program Methods 0.000 claims description 7
- 238000007405 data analysis Methods 0.000 claims description 5
- 230000003287 optical effect Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 230000003993 interaction Effects 0.000 description 4
- 230000006399 behavior Effects 0.000 description 3
- 230000000694 effects Effects 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000009933 burial Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/34—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment
- G06F11/3438—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment monitoring of user actions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Computer Hardware Design (AREA)
- Quality & Reliability (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
本发明实施例公开了一种可视化埋点方法、装置、设备和存储介质，该方法包括：可视化埋点平台获取各预埋点web项目页面的页面快照，其中，所述各预埋点web项目页面中预先引入有埋点软件开发工具包；所述可视化埋点平台响应用户的选择操作，从各预埋点web项目页面的页面快照中，确定并显示目标页面快照；所述可视化埋点平台获取所述目标页面快照对应目标页面的埋点配置信息，并将所述埋点配置信息上传至服务器；其中，所述埋点配置信息是所述目标页面中引入的埋点软件开发工具包，响应用户通过所述可视化埋点平台在所述目标页面快照上的埋点操作而确定。本发明实施例能保证埋点元素路径的唯一性，从而避免埋点丢失，提高埋点收集信息的准确性。
Description
技术领域
本发明实施例涉及互联网技术领域，尤其涉及一种可视化埋点方法、装置、设备和存储介质。
背景技术
在web项目中，通常需要通过web页面统计产品中用户的行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。
用户行为数据可以通过前端埋点的方式获得，其中，可视化埋点作为一种常用的方法，其在一个通用的平台上可视化配置埋点信息，埋点过程方便简单，而且成本相对较低。然而，现有的可视化埋点方案并不能满足当前对web页面的埋点需求，容易造成埋点丢失。
发明内容
本发明实施例提供一种可视化埋点方法、装置、设备和存储介质，以解决现有技术容易造成埋点丢失的问题。
第一方面，本发明实施例提供了一种可视化埋点方法，包括：
可视化埋点平台获取各预埋点web项目页面的页面快照，其中，所述各预埋点web项目页面中预先引入有埋点软件开发工具包；
所述可视化埋点平台响应用户的选择操作，从各预埋点web项目页面的页面快照中，确定并显示目标页面快照；
所述可视化埋点平台获取所述目标页面快照对应目标页面的埋点配置信息，并将所述埋点配置信息上传至服务器；
其中，所述埋点配置信息是所述目标页面中引入的埋点软件开发工具包，响应用户通过所述可视化埋点平台在所述目标页面快照上的埋点操作而确定。
第二方面，本发明实施例还提供了一种可视化埋点装置，包括：
页面快照获取模块，用于可视化埋点平台获取各预埋点web项目页面的页面快照，其中，所述各预埋点web项目页面中预先引入有埋点软件开发工具包；
目标页面快照获取模块，用于所述可视化埋点平台响应用户的选择操作，从各预埋点web项目页面的页面快照中，确定并显示目标页面快照；
埋点配置信息获取模块，用于所述可视化埋点平台获取所述目标页面快照对应目标页面的埋点配置信息，并将所述埋点配置信息上传至服务器；
其中，所述埋点配置信息是所述目标页面中引入的埋点软件开发工具包，响应用户通过所述可视化埋点平台在所述目标页面快照上的埋点操作而确定。
第三方面，本发明实施例还提供了一种电子设备，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本发明任一实施例所述的可视化埋点方法。
第四方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本发明任一实施例所述的可视化埋点方法。
本发明实施例通过在预埋点web项目页面中引入埋点软件开发工具包，并通过可视化埋点平台与各页面的埋点软件开发工具包的交互，在可视化埋点平台中，通过对埋点软件开发工具包中的埋点相关方法的调用，实现对页面进行埋点操作，并生成页面的埋点配置信息，由可视化埋点平台将各页面的埋点配置信息上传至服务器，以完成对预埋点web项目中各页面的埋点。本发明实施例操作简单，通过登录可视化埋点平台即可完成埋点，对于异步加载网页或存在变动元素的网页等，也能保证埋点元素路径的唯一性，从而避免埋点丢失，提高埋点收集信息的准确性。
附图说明
图1是本发明实施例一中的可视化埋点方法的流程图；
图2是本发明实施例二中的可视化埋点方法的流程图；
图3是本发明实施例三中的可视化埋点方法的流程图；
图4是本发明实施例四中的可视化埋点装置的结构示意图；
图5是本发明实施例五中的电子设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。
图1是本发明实施例一中的可视化埋点方法的流程图，本实施例可适用于通过可视化埋点平台对页面进行可视化埋点的情况。该方法可以由可视化埋点装置来执行，该装置可以采用软件和/或硬件的方式实现，并可配置在电子设备中，例如配置有可视化埋点平台的计算机设备中。如图1所示，该方法具体包括：
S101、可视化埋点平台获取各预埋点web项目页面的页面快照，其中，所述各预埋点web项目页面中预先引入有埋点软件开发工具包。
其中，所述埋点软件开发工具包是通过预埋点web项目的统一接口引入到各预埋点web项目页面中。实际使用时，相关人员可以使用用户名和密码登录可视化埋点平台，在平台中通过预埋点web项目的文件地址与预埋点web项目相关联，即可获取到预埋点web项目中各个页面的页面快照。后续的埋点操作，也是基于该平台，在平台中通过调用预埋点页面的埋点软件开发工具包中的埋点相关方法，实现对该预埋点页面的埋点操作，例如，对要埋点的元素进行圈选，以及自动收集并上报用户触发埋点元素事件等。
S102、所述可视化埋点平台响应用户的选择操作，从各预埋点web项目页面的页面快照中，确定并显示目标页面快照。
在可视化埋点平台获取的各页面快照中，用户可以对目标页面快照进行选择，而选择哪个页面快照，就意味着即将对该页面快照对应的页面进行埋点。其中，所述目标页面快照可以是全部页面快照中的任意一个。
S103、所述可视化埋点平台获取所述目标页面快照对应目标页面的埋点配置信息，并将所述埋点配置信息上传至服务器；其中，所述埋点配置信息是所述目标页面中引入的埋点软件开发工具包，响应用户通过所述可视化埋点平台在所述目标页面快照上的埋点操作而确定。
具体的，埋点软件开发工具包中包括埋点相关方法，在可视化埋点平台中即可通过这些埋点相关方法实现对目标页面的埋点。例如，在平台中提供给用户对埋点模式的选择，埋点模式是指对页面上埋点元素的监听内容，包括可点击事件和元素曝光时间等；在平台中还可以对想要埋点的元素进行圈选，以指定对该元素进行埋点；在平台中还可以高亮显示出选中的页面元素，此外，还可以在元素上方显示小弹窗，以展示当前元素的宽、高和生成的唯一路径等信息；当用户点击埋点元素时，在平台中还可以显示让用户输入埋点的中、英文名称做为标识的大弹窗；当用户保存当前页面的埋点操作后，埋点软件开发工具包还可以将当前页面的埋点配置信息和页面快照发送至可视化埋点平台，由平台上传至服务器。
其中，所述埋点配置信息中至少包括所述目标页面上的至少一个埋点元素、各埋点元素的埋点模式及唯一路径信息。该唯一路径信息可以唯一标识埋点元素，而由于本发明实施例是在埋点web项目中引入埋点软件开发工具包，实现在所有该web项目下的页面中引入埋点软件开发工具包，因此，对于存在变动元素的网页，或者动态加载的网页等，按照本发明实施例的方法，都可以获取到埋点元素的唯一的埋点配置信息，埋点的唯一性能够得以确认，那么根据其中元素的唯一路径信息就可以避免现有技术中埋点丢失的问题。同时，只需要在预埋点web项目的统一接口中引入一次埋点软件开发工具包，然后通过该工具包和可视化埋点平台即可实现埋点，避免了麻烦的配置过程，操作简单、实用。
此外，在所述可视化埋点平台获取所述目标页面快照对应目标页面的埋点配置信息之前，所述方法还包括：所述可视化埋点平台向所述目标页面发送埋点软件开发工具包初始化消息，以使所述埋点软件开发工具包对埋点功能进行初始化。同时，处于安全性的考虑，目标页面通过该初始化消息还可以验证目标页面是否在可视化埋点平台内，如果在平台内，则可以允许平台调用埋点相关方法实现埋点。
本发明实施例通过在预埋点web项目页面中引入埋点软件开发工具包，并通过可视化埋点平台与各页面的埋点软件开发工具包的交互，在可视化埋点平台中，通过对埋点软件开发工具包中的埋点相关方法的调用，实现对页面进行埋点操作，并生成页面的埋点配置信息，由可视化埋点平台将各页面的埋点配置信息上传至服务器，以完成对预埋点web项目中各页面的埋点。本发明实施例操作简单，通过登录可视化埋点平台即可完成埋点，对于异步加载网页或存在变动元素的网页等，也能保证埋点元素路径的唯一性，从而避免埋点丢失，提高埋点收集信息的准确性。
实施例二
图2是本发明实施例二中的可视化埋点方法的流程图，本实施例二在实施例一的基础上进行进一步地优化。如图2所示，所述方法包括：
S201、可视化埋点平台获取各预埋点web项目页面的页面快照，其中，所述各预埋点web项目页面中预先引入有埋点软件开发工具包。
S202、所述可视化埋点平台响应用户的选择操作，从各预埋点web项目页面的页面快照中，确定并显示目标页面快照。
S203、所述可视化埋点平台将从所述服务器获取的当前已埋点配置信息下发至所述目标页面中引入的埋点软件开发工具包。
S204、所述可视化埋点平台通过目标页面中引入的埋点软件开发工具包，在所述目标页面快照上显示所述目标页面上的已埋点元素。
其中，当前已埋点配置信息可以是上一次对目标页面进行埋点操作时保存并上传至服务器的配置信息，也可以是用户在服务器上对目标页面进行埋点的增加、删除或修改等操作后更新的配置信息。通过将该配置信息下发至埋点软件开发工具包，可以实现将之前已经埋点的元素在目标页面快照上进行显示，例如黄色高亮显示等任意标记方式，从而方便用户快速查看已埋点元素；同时也可以作为另一种埋点方式，也即，除了在平台上对元素进行圈选之外，还可以在服务器端直接对埋点配置信息进行更新，当然也可以是在初始时通过此种方式进行埋点，那么在平台中打开目标页面的页面快照时，埋点软件开发工具包即可实现将更新后的/初始埋点的配置信息中对应的埋点元素及其相关信息显示在页面快照上。
S205、所述可视化埋点平台获取所述目标页面快照对应目标页面的埋点配置信息，并将所述埋点配置信息上传至服务器；其中，所述埋点配置信息是所述目标页面中引入的埋点软件开发工具包，响应用户通过所述可视化埋点平台在所述目标页面快照上的埋点操作而确定。
此外，可选的，所述方法还包括：所述可视化埋点平台基于所述目标页面的埋点配置信息，将所述目标页面上突显出各埋点元素的页面快照发送至所述服务器。也就是说，可视化埋点平台在获取目标页面快照对应目标页面的埋点配置信息时，还可以获取目标页面基于当前埋点元素的新的页面快照，该页面快照中能够将当前埋点元素用任意一种突出显示的方式显示出来，平台将该页面快照与埋点配置信息一起上传至服务器后，当下一次通过平台获取该目标页面的埋点配置信息时，则可以同时获取该目标页面最新的页面快照，以便快速查看当前页面上的已埋点元素。
此外，可选的，可视化埋点平台获取目标页面的埋点配置信息并上传至服务器后，服务器也可以及时将获取到的埋点配置信息下发至平台，由平台发送至当前页面，当前页面上引入的埋点软件开发工具包则可以及时将配置信息中的已埋点元素进行显示，从而达到测试埋点效果的作用，让用户立刻看到埋点结果，免去手动测试的繁琐操作。作为一种优选，埋点软件开发工具包还可以自动识别当前页面上消失的埋点元素，并在确认存在埋点元素消失时通过任一方式提醒用户。
本发明实施例通过在预埋点web项目页面中引入埋点软件开发工具包，并通过可视化埋点平台与各页面的埋点软件开发工具包的交互，在可视化埋点平台中，通过对埋点软件开发工具包中的埋点相关方法的调用，实现对页面进行埋点操作，并生成页面的埋点配置信息，由可视化埋点平台将各页面的埋点配置信息上传至服务器，以完成对预埋点web项目中各页面的埋点。本发明实施例操作简单，通过登录可视化埋点平台即可完成埋点，对于异步加载网页或存在变动元素的网页等，也能保证埋点元素路径的唯一性，从而避免埋点丢失，提高埋点收集信息的准确性。而且，用户可以选择在平台上通过可视化圈选的方式进行埋点，也可以选择直接在服务器端生成或更新配置信息的方式进行埋点，同时，还可以将已埋点元素信息在页面快照上显示，方便用户查看。
实施例三
图3是本发明实施例三中的可视化埋点方法的流程图，本实施例是在上述任一实施例的基础上进行进一步地优化。如图3所示，所述方法包括：
S301、可视化埋点平台获取各预埋点web项目页面的页面快照，其中，所述各预埋点web项目页面中预先引入有埋点软件开发工具包。
S302、所述可视化埋点平台响应用户的选择操作，从各预埋点web项目页面的页面快照中，确定并显示目标页面快照。
S303、所述可视化埋点平台获取所述目标页面快照对应目标页面的埋点配置信息，并将所述埋点配置信息上传至服务器；其中，所述埋点配置信息是所述目标页面中引入的埋点软件开发工具包，响应用户通过所述可视化埋点平台在所述目标页面快照上的埋点操作而确定。
S304、当所述各预埋点web项目页面中的任一当前页面在客户端被打开，所述当前页面中引入的埋点软件开发工具包通过所述客户端向所述服务器发送基于所述当前页面的埋点配置信息拉取请求，其中，所述服务器用于根据所述当前页面的URL确定所述当前页面的埋点配置信息，并下发至所述客户端。
具体的，当任一客户端需要打开预埋点web项目中的某一个页面即任一当前页面时，该页面中引入的埋点软件开发工具包即可通过客户端向服务器发送埋点配置信息拉取请求，同时也会将当前页面的URL地址发送至服务器，服务器根据该URL地址对应获取到当前页面的埋点配置信息，并将其下发至客户端。
S305、所述当前页面中引入的埋点软件开发工具包对所述当前页面进行全局事件监听，并在监听到与所述埋点配置信息中的埋点元素唯一路径信息相同的目标元素的触发事件时，将所述目标元素的触发事件作为埋点元素触发事件上报至所述服务器，其中，所述服务器还用于根据接收的至少一个埋点元素触发事件进行数据分析。
具体的，当前页面的埋点软件开发工具包可以实现对当前页面的全局事件监听，并根据客户端接收到的当前页面的埋点配置信息，将监听到的发生触发事件的元素唯一路径信息与埋点配置信息中的元素唯一路径信息进行匹配，如果匹配上，则表明该元素为埋点元素，即所述目标元素，于是将该目标元素的触发事件作为埋点元素触发事件上报至服务器，服务器会对接收到的所有埋点元素触发事件进行数据分析，以得到当前页面上的用户行为数据。
本发明实施例操作简单，通过登录可视化埋点平台即可完成埋点，对于异步加载网页或存在变动元素的网页等，也能保证埋点元素路径的唯一性，从而避免埋点丢失，提高埋点收集信息的准确性。同时，在完成埋点后，当客户端打开预埋点web项目中的页面时，页面中引入的埋点软件开发工具包通过监听和匹配，确定哪些触发操作是针对埋点元素的触发操作，并将其上报至服务器，以便服务器对埋点元素的触发操作进行数据分析。
实施例四
图4是本发明实施例四中的可视化埋点装置的结构示意图，本实施例可适用于的情况。如图4所示，该装置包括：
页面快照获取模块410，用于可视化埋点平台获取各预埋点web项目页面的页面快照，其中，所述各预埋点web项目页面中预先引入有埋点软件开发工具包；
目标页面快照获取模块420，用于所述可视化埋点平台响应用户的选择操作，从各预埋点web项目页面的页面快照中，确定并显示目标页面快照；
埋点配置信息获取模块430，用于所述可视化埋点平台获取所述目标页面快照对应目标页面的埋点配置信息，并将所述埋点配置信息上传至服务器；
其中，所述埋点配置信息是所述目标页面中引入的埋点软件开发工具包，响应用户通过所述可视化埋点平台在所述目标页面快照上的埋点操作而确定。
本发明实施例通过在预埋点web项目页面中引入埋点软件开发工具包，并通过可视化埋点平台与各页面的埋点软件开发工具包的交互，在可视化埋点平台中，通过对埋点软件开发工具包中的埋点相关方法的调用，实现对页面进行埋点操作，并生成页面的埋点配置信息，由可视化埋点平台将各页面的埋点配置信息上传至服务器，以完成对预埋点web项目中各页面的埋点。本发明实施例操作简单，通过登录可视化埋点平台即可完成埋点，对于异步加载网页或存在变动元素的网页等，也能保证埋点元素路径的唯一性，从而避免埋点丢失，提高埋点收集信息的准确性。
可选的，所述埋点软件开发工具包是通过预埋点web项目的统一接口引入到各预埋点web项目页面中。
可选的，所述装置还包括初始化模块，具体用于：
在所述埋点配置信息获取模块430获取所述目标页面快照对应目标页面的埋点配置信息之前，向所述目标页面发送埋点软件开发工具包初始化消息，以使所述埋点软件开发工具包对埋点功能进行初始化。
可选的，所述装置还包括已埋点元素显示模块，具体用于：
在所述埋点配置信息获取模块430获取所述目标页面快照对应目标页面的埋点配置信息之前，将从所述服务器获取的当前已埋点配置信息下发至所述目标页面中引入的埋点软件开发工具包；
通过目标页面中引入的埋点软件开发工具包，在所述目标页面快照上显示所述目标页面上的已埋点元素。
可选的，所述埋点配置信息中至少包括所述目标页面上的至少一个埋点元素、各埋点元素的埋点模式及唯一路径信息。
可选的，所述装置还包括页面快照发送模块，具体用于：
基于所述目标页面的埋点配置信息，将所述目标页面上突显出各埋点元素的页面快照发送至所述服务器。
可选的，当所述各预埋点web项目页面中的任一当前页面在客户端被打开，所述当前页面中引入的埋点软件开发工具包还用于执行如下操作：
通过所述客户端向所述服务器发送基于所述当前页面的埋点配置信息拉取请求，其中，所述服务器用于根据所述当前页面的URL确定所述当前页面的埋点配置信息，并下发至所述客户端；
对所述当前页面进行全局事件监听，并在监听到与所述埋点配置信息中的埋点元素唯一路径信息相同的目标元素的触发事件时，将所述目标元素的触发事件作为埋点元素触发事件上报至所述服务器，其中，所述服务器还用于根据接收的至少一个埋点元素触发事件进行数据分析。
本发明实施例所提供的可视化埋点装置可执行本发明任意实施例所提供的可视化埋点方法，具备执行可视化埋点方法相应的功能模块和有益效果。
实施例五
图5是本发明实施例五提供的一种电子设备的结构示意图。图5示出了适于用来实现本发明实施方式的示例性电子设备12的框图。图5显示的电子设备12仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
如图5所示，电子设备12以通用计算设备的形式表现。电子设备12的组件可以包括但不限于：一个或者多个处理器或者处理单元16，***存储器28，连接不同***组件(包括***存储器28和处理单元16)的总线18。
总线18表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，***总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(ISA)总线，微通道体系结构(MAC)总线，增强型ISA总线、视频电子标准协会(VESA)局域总线以及***组件互连(PCI)总线。
电子设备12典型地包括多种计算机***可读介质。这些介质可以是任何能够被电子设备12访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。
***存储器28可以包括易失性存储器形式的计算机***可读介质，例如随机存取存储器(RAM)30和/或高速缓存存储器32。电子设备12可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机***存储介质。仅作为举例，存储***34可以用于读写不可移动的、非易失性磁介质(图5未显示，通常称为“硬盘驱动器”)。尽管图5中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线18相连。存储器28可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例的功能。
具有一组(至少一个)程序模块42的程序/实用工具40，可以存储在例如存储器28中，这样的程序模块42包括但不限于操作***、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块42通常执行本发明所描述的实施例中的功能和/或方法。
电子设备12也可以与一个或多个外部设备14(例如键盘、指向设备、显示器24等)通信，还可与一个或者多个使得用户能与该电子设备12交互的设备通信，和/或与使得该电子设备12能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口22进行。并且，电子设备12还可以通过网络适配器20与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器20通过总线18与电子设备12的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备12使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID***、磁带驱动器以及数据备份存储***等。
处理单元16通过运行存储在***存储器28中的程序，从而执行各种功能应用以及数据处理，例如实现本发明实施例所提供的可视化埋点方法，包括：
可视化埋点平台获取各预埋点web项目页面的页面快照，其中，所述各预埋点web项目页面中预先引入有埋点软件开发工具包；
所述可视化埋点平台响应用户的选择操作，从各预埋点web项目页面的页面快照中，确定并显示目标页面快照；
所述可视化埋点平台获取所述目标页面快照对应目标页面的埋点配置信息，并将所述埋点配置信息上传至服务器；
其中，所述埋点配置信息是所述目标页面中引入的埋点软件开发工具包，响应用户通过所述可视化埋点平台在所述目标页面快照上的埋点操作而确定。
实施例六
本发明实施例六还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本发明实施例所提供的可视化埋点方法，包括：
可视化埋点平台获取各预埋点web项目页面的页面快照，其中，所述各预埋点web项目页面中预先引入有埋点软件开发工具包；
所述可视化埋点平台响应用户的选择操作，从各预埋点web项目页面的页面快照中，确定并显示目标页面快照；
所述可视化埋点平台获取所述目标页面快照对应目标页面的埋点配置信息，并将所述埋点配置信息上传至服务器；
其中，所述埋点配置信息是所述目标页面中引入的埋点软件开发工具包，响应用户通过所述可视化埋点平台在所述目标页面快照上的埋点操作而确定。
本发明实施例的计算机存储介质，可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行***、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于无线、电线、光缆、RF等等，或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如”C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。
Claims (8)
1.一种可视化埋点方法，其特征在于，包括：
可视化埋点平台获取各预埋点web项目页面的页面快照，其中，所述各预埋点web项目页面中预先引入有埋点软件开发工具包；
所述可视化埋点平台响应用户的选择操作，从各预埋点web项目页面的页面快照中，确定并显示目标页面快照；
所述可视化埋点平台获取所述目标页面快照对应目标页面的埋点配置信息，并将所述埋点配置信息上传至服务器；
其中，所述埋点配置信息是所述目标页面中引入的埋点软件开发工具包，响应用户通过所述可视化埋点平台在所述目标页面快照上的埋点操作而确定；
其中，所述埋点配置信息中至少包括：
所述目标页面上的至少一个埋点元素、各埋点元素的埋点模式及唯一路径信息；
当所述各预埋点web项目页面中的任一当前页面在客户端被打开，所述当前页面中引入的埋点软件开发工具包还用于执行如下操作：
通过所述客户端向所述服务器发送基于所述当前页面的埋点配置信息拉取请求，其中，所述服务器用于根据所述当前页面的URL确定所述当前页面的埋点配置信息，并下发至所述客户端；
对所述当前页面进行全局事件监听，并在监听到与所述埋点配置信息中的埋点元素唯一路径信息相同的目标元素的触发事件时，将所述目标元素的触发事件作为埋点元素触发事件上报至所述服务器，其中，所述服务器还用于根据接收的至少一个埋点元素触发事件进行数据分析。
2.根据权利要求1所述的方法，其特征在于，所述埋点软件开发工具包是通过预埋点web项目的统一接口引入到各预埋点web项目页面中。
3.根据权利要求1所述的方法，其特征在于，在所述可视化埋点平台获取所述目标页面快照对应目标页面的埋点配置信息之前，所述方法还包括：
所述可视化埋点平台向所述目标页面发送埋点软件开发工具包初始化消息，以使所述埋点软件开发工具包对埋点功能进行初始化。
4.根据权利要求1所述的方法，其特征在于，在所述可视化埋点平台获取所述目标页面快照对应目标页面的埋点配置信息之前，所述方法还包括：
所述可视化埋点平台将从所述服务器获取的当前已埋点配置信息下发至所述目标页面中引入的埋点软件开发工具包；
所述可视化埋点平台通过目标页面中引入的埋点软件开发工具包，在所述目标页面快照上显示所述目标页面上的已埋点元素。
5.根据权利要求1所述的方法，其特征在于，所述方法还包括：
所述可视化埋点平台基于所述目标页面的埋点配置信息，将所述目标页面上突显出各埋点元素的页面快照发送至所述服务器。
6.一种可视化埋点装置，其特征在于，包括：
页面快照获取模块，用于可视化埋点平台获取各预埋点web项目页面的页面快照，其中，所述各预埋点web项目页面中预先引入有埋点软件开发工具包；
目标页面快照获取模块，用于所述可视化埋点平台响应用户的选择操作，从各预埋点web项目页面的页面快照中，确定并显示目标页面快照；
埋点配置信息获取模块，用于所述可视化埋点平台获取所述目标页面快照对应目标页面的埋点配置信息，并将所述埋点配置信息上传至服务器；
其中，所述埋点配置信息是所述目标页面中引入的埋点软件开发工具包，响应用户通过所述可视化埋点平台在所述目标页面快照上的埋点操作而确定；
其中，所述埋点配置信息中至少包括：
所述目标页面上的至少一个埋点元素、各埋点元素的埋点模式及唯一路径信息；
当所述各预埋点web项目页面中的任一当前页面在客户端被打开，所述当前页面中引入的埋点软件开发工具包还用于执行如下操作：
通过所述客户端向所述服务器发送基于所述当前页面的埋点配置信息拉取请求，其中，所述服务器用于根据所述当前页面的URL确定所述当前页面的埋点配置信息，并下发至所述客户端；
对所述当前页面进行全局事件监听，并在监听到与所述埋点配置信息中的埋点元素唯一路径信息相同的目标元素的触发事件时，将所述目标元素的触发事件作为埋点元素触发事件上报至所述服务器，其中，所述服务器还用于根据接收的至少一个埋点元素触发事件进行数据分析。
7.一种电子设备，其特征在于，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-5中任一所述的可视化埋点方法。
8.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-5中任一所述的可视化埋点方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911046532.8A CN110795325B (zh) | 2019-10-30 | 2019-10-30 | 一种可视化埋点方法、装置、设备和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911046532.8A CN110795325B (zh) | 2019-10-30 | 2019-10-30 | 一种可视化埋点方法、装置、设备和存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110795325A CN110795325A (zh) | 2020-02-14 |
| CN110795325B true CN110795325B (zh) | 2022-09-23 |
Family
ID=69442172
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911046532.8A Active CN110795325B (zh) | 2019-10-30 | 2019-10-30 | 一种可视化埋点方法、装置、设备和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110795325B (zh) |
Families Citing this family (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111290931B (zh) * | 2020-02-18 | 2022-05-13 | 支付宝(杭州)信息技术有限公司 | 用于可视化展示埋点数据的方法及装置 |
| CN111552620B (zh) * | 2020-04-03 | 2023-07-11 | 北京字节跳动网络技术有限公司 | 数据获取方法、装置、终端及存储介质 |
| CN113448832B (zh) * | 2020-06-18 | 2024-03-12 | 北京新氧科技有限公司 | 一种控件曝光检测方法及应用程序运行监测*** |
| CN112506492B (zh) * | 2020-09-02 | 2024-05-14 | 上海赛可出行科技服务有限公司 | 一种支持动态场景配置的可视化埋点方法 |
| CN112286515A (zh) * | 2020-10-30 | 2021-01-29 | 上海淇玥信息技术有限公司 | 一种基于html5的可视化埋点方法、装置和电子设备 |
| CN112394908A (zh) * | 2020-11-19 | 2021-02-23 | 平安普惠企业管理有限公司 | 埋点页面自动生成的方法、装置、计算机设备及存储介质 |
| CN114721915B (zh) * | 2021-01-04 | 2024-06-04 | 腾讯科技（深圳）有限公司 | 埋点方法和装置 |
| CN112799946A (zh) * | 2021-01-29 | 2021-05-14 | 长沙市到家悠享网络科技有限公司 | 埋点和数据采集方法、设备及存储介质 |
| CN112989162B (zh) * | 2021-03-12 | 2023-09-29 | 中国平安财产保险股份有限公司 | 埋点上报方法、装置、设备及存储介质 |
| CN113157310A (zh) * | 2021-04-01 | 2021-07-23 | 北京三快在线科技有限公司 | 配置信息的获取方法、装置、设备及计算机可读存储介质 |
| CN113553269B (zh) * | 2021-07-27 | 2024-04-12 | 深圳市腾讯网域计算机网络有限公司 | 页面埋点上报方法及相关装置 |
| CN114706796A (zh) * | 2022-06-07 | 2022-07-05 | 广州易方信息科技股份有限公司 | 基于DOM树结构的UI自动化diff断言方法及装置 |
| CN118277207A (zh) * | 2024-05-29 | 2024-07-02 | 湖南长银五八消费金融股份有限公司 | 可视化埋点识别方法、配置方法、装置、设备及介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107832218A (zh) * | 2017-11-10 | 2018-03-23 | 平安科技（深圳）有限公司 | 动态页面中的埋点处理方法、装置和计算机设备 |
| CN108304176A (zh) * | 2017-12-14 | 2018-07-20 | 广东数果科技有限公司 | 一种跨平台移动终端的可视化埋点方法 |
| CN110096658A (zh) * | 2019-04-22 | 2019-08-06 | 无线生活（杭州）信息科技有限公司 | 一种数据埋点方法及装置 |
| CN110196953A (zh) * | 2019-05-30 | 2019-09-03 | 北京腾云天下科技有限公司 | 一种应用埋点方法、装置、计算设备和*** |
-
2019
- 2019-10-30 CN CN201911046532.8A patent/CN110795325B/zh active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107832218A (zh) * | 2017-11-10 | 2018-03-23 | 平安科技（深圳）有限公司 | 动态页面中的埋点处理方法、装置和计算机设备 |
| CN108304176A (zh) * | 2017-12-14 | 2018-07-20 | 广东数果科技有限公司 | 一种跨平台移动终端的可视化埋点方法 |
| CN110096658A (zh) * | 2019-04-22 | 2019-08-06 | 无线生活（杭州）信息科技有限公司 | 一种数据埋点方法及装置 |
| CN110196953A (zh) * | 2019-05-30 | 2019-09-03 | 北京腾云天下科技有限公司 | 一种应用埋点方法、装置、计算设备和*** |
Non-Patent Citations (2)
| Title |
|---|
| Vue 可视化无痕埋点的探索;geminate;《http://liuhuihao.com/electron/vue/js/2019/08/01/Vue-%E5%8F%AF%E8%A7%86%E5%8C%96%E6%97%A0%E7%97%95%E5%9F%8B%E7%82%B9%E7%9A%84%E6%8E%A2%E7%B4%A2.html》;20190801;第1-5页 * |
| web 埋点实现原理了解一下;白霸天;《https://segmentfault.com/a/1190000014922668》;20180518;第1-9页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110795325A (zh) | 2020-02-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110795325B (zh) | 一种可视化埋点方法、装置、设备和存储介质 | |
| US10642608B2 (en) | Associating a visualization of user interface with source code | |
| CN111796978B (zh) | 一种接口检测方法、装置、***、设备及存储介质 | |
| CN111367814A (zh) | 一种埋点测试方法、装置、终端设备及存储介质 | |
| CN111708599B (zh) | 组态图显示方法、装置、设备和存储介质 | |
| CN110727572A (zh) | 埋点数据处理方法、装置、设备及存储介质 | |
| CN113051514B (zh) | 元素的定位方法、装置、电子设备及存储介质 | |
| CN110990346A (zh) | 基于区块链的文件数据处理方法、装置、设备及存储介质 | |
| CN113312036B (zh) | Web页面的大屏显示方法、装置、设备及存储介质 | |
| CN110597704A (zh) | 应用程序的压力测试方法、装置、服务器和介质 | |
| CN110958243A (zh) | 一种网络漏洞提交方法、装置、存储介质及电子设备 | |
| CN111784176A (zh) | 一种数据处理方法、装置、服务器及介质 | |
| CN111741046B (zh) | 数据上报方法、获取方法、装置、设备及介质 | |
| CN113961835A (zh) | 数据处理方法、装置、电子设备及存储介质 | |
| CN114205156A (zh) | 面向切面技术的报文检测方法、装置、电子设备及介质 | |
| CN112799957A (zh) | 基于用户行为的故障处理方法、***、设备和介质 | |
| CN113379285A (zh) | 建筑环境监测方法、装置、设备、存储介质及程序产品 | |
| CN113378036A (zh) | 页面操作分析、埋点方法、装置、设备及存储介质 | |
| CN110928801A (zh) | 角色权限的测试方法及装置、计算机介质和电子设备 | |
| CN112364268A (zh) | 资源获取方法、装置、电子设备及存储介质 | |
| CN113760696A (zh) | 一种程序问题定位方法、装置、电子设备和存储介质 | |
| CN113821278B (zh) | 调用图像尺寸方法、装置、电子设备及存储介质 | |
| CN114012723B (zh) | 机器人流程自动化故障处理方法、装置、设备和存储介质 | |
| CN112257004B (zh) | 备份页面的方法、装置、服务器及存储介质 | |
| US11768573B2 (en) | Graphical user interface marking feedback |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20220824 Address after: 550025 No. 123, Kaifa Avenue, economic and Technological Development Zone, Guiyang, Guizhou Applicant after: Guiyang Shanen Technology Co.,Ltd. Address before: 210012 3-5 / F, building 4, 170-1 software Avenue, Yuhuatai District, Nanjing City, Jiangsu Province Applicant before: JIANGSU MANYUN SOFTWARE TECHNOLOGY Co.,Ltd. |
|
| TA01 | Transfer of patent application right | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| EE01 | Entry into force of recordation of patent licensing contract |
Application publication date: 20200214 Assignee: Nanjing Manyun Cold Chain Technology Co.,Ltd. Assignor: Guiyang Shanen Technology Co.,Ltd. Contract record no.: X2023310000143 Denomination of invention: A visual buried point method, device, equipment, and storage medium Granted publication date: 20220923 License type: Common License Record date: 20230802 |
|
| EE01 | Entry into force of recordation of patent licensing contract |