CN113761441A - 一种前端埋点方法、装置、设备、存储介质 - Google Patents
一种前端埋点方法、装置、设备、存储介质 Download PDFInfo
- Publication number
- CN113761441A CN113761441A CN202110876912.5A CN202110876912A CN113761441A CN 113761441 A CN113761441 A CN 113761441A CN 202110876912 A CN202110876912 A CN 202110876912A CN 113761441 A CN113761441 A CN 113761441A
- Authority
- CN
- China
- Prior art keywords
- point
- data
- monitored
- collector
- buried point
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 44
- 238000003860 storage Methods 0.000 title claims abstract description 16
- 238000012544 monitoring process Methods 0.000 claims abstract description 45
- 238000013500 data storage Methods 0.000 claims description 32
- 238000004458 analytical method Methods 0.000 claims description 18
- 238000004590 computer program Methods 0.000 claims description 15
- 238000005516 engineering process Methods 0.000 claims description 13
- 230000000007 visual effect Effects 0.000 claims description 9
- 238000012856 packing Methods 0.000 claims description 7
- 238000013144 data compression Methods 0.000 claims description 6
- 238000009933 burial Methods 0.000 claims description 3
- 238000009826 distribution Methods 0.000 claims description 3
- 238000011161 development Methods 0.000 abstract description 10
- 238000002955 isolation Methods 0.000 abstract 1
- 238000004891 communication Methods 0.000 description 7
- 238000010586 diagram Methods 0.000 description 4
- 230000006399 behavior Effects 0.000 description 2
- 238000004422 calculation algorithm Methods 0.000 description 2
- 238000006243 chemical reaction Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000009545 invasion Effects 0.000 description 2
- 230000014759 maintenance of location Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 238000003672 processing method Methods 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 230000006835 compression Effects 0.000 description 1
- 230000002354 daily effect Effects 0.000 description 1
- 230000006837 decompression Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000003203 everyday effect Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
Images
Classifications
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Debugging And Monitoring (AREA)
Abstract
本申请公开了一种前端埋点方法、装置、设备、存储介质，包括：确定待监测前端页面；创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接；将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面；通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。可见，本申请能够实现埋点与前端页面业务隔离，实现快速埋点，提高了开发的效率，并且可以将高价值信息反馈给开发者，为应用的开发和运营提供了更高的参考信息。
Description
技术领域
本申请涉及计算机技术领域，特别涉及一种前端埋点方法、装置、设备、存储介质。
背景技术
当前，随着信息技术的快速发展，大量用户使用应用终端来获取信息，进而实现自身的一些业务需求。例如，用户通过浏览大量的网页来获取需要的信息、通过购物软件进行网上购物等，同时，内容提供商们也在尽可能多的对用户提供信息，但是其中有很多信息并不是对用户有用的，所以如何对用户感兴趣的信息进行统计，对内容提供商来说显得极为重要。
目前，通常采用前端埋点的方式对用户的行为信息进行采集。前端埋点系统通过对用户访问次数，页面停留时间，内容停留时间，用户转化率，按钮点击率等数据的采集，分析和可视化输出，为网站的运营提供支持。常用的前端埋点方法是手动埋点，即在编码时将监控的行为埋入相应的节点，如点击按钮或链接后的回调函数、页面加载时进行请求的发送等。然而，这样虽然也能实现埋点的效果，但是对代码侵入比较大，使业务代码变的更加繁琐，不利于代码的稳定性和可维护性，同时降低了开发效率。
发明内容
有鉴于此，本申请的目的在于提供一种前端埋点方法、装置、设备、存储介质，能够实现快速埋点，减少开发者人工埋点的工作量，提高开发效率。其具体方案如下：
第一方面，本申请公开了一种前端埋点方法，包括：
确定待监测前端页面；
创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接；
将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面；
通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。
可选的，所述创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接之前，还包括：
基于JavaScript脚本创建包含DOM解析器的埋点采集器；
相应的，所述通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，包括：
利用所述埋点采集器中的所述DOM解析器，对所述待监测前端页面对应的DOM树进行解析，并通过所述埋点采集器获取自定义的埋点配置参数，然后通过将所述埋点配置参数注入DOM原生事件的方式，为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点。
可选的，所述基于JavaScript脚本创建包含DOM解析器的埋点采集器，包括：
基于JavaScript脚本创建包含DOM解析器、数据存储器和数据上传器的埋点采集器；
并且，所述通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据之后，还包括：
通过所述数据存储器对所述埋点监测数据进行数据压缩以及数据打包，并对打包后得到的数据包进行保存，然后通过所述数据上传器将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器，以通过所述数据分析器对获取到的数据包进行分析。
可选的，所述通过所述数据上传器将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器，包括：
判断当前所述数据存储器中保存的数据包的大小是否大于预设阈值，如果大于所述预设阈值，则通过所述数据上传器将当前所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器；
或，按照预设的数据包上传周期，通过所述数据上传器定期将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器。
可选的，所述通过所述数据分析器对获取到的数据包进行分析，包括：
通过所述数据分析器对获取到的数据包进行解压，并利用大数据技术对解压后得到的数据进行分析，然后将分析结果数据保存至预设数据库，以便可视化展示装置读取并通过web展示技术展示所述预设数据库中保存的所述分析结果数据。
可选的，所述创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接，包括：
确定预先基于JavaScript脚本创建的埋点采集器的部署位置；所述部署位置包括独立服务器或内容分发网络；
创建用于调用位于所述部署位置上的所述埋点采集器的目标链接。
可选的，所述通过所述埋点采集器获取自定义的埋点配置参数，包括
通过所述埋点采集器并利用自定义配置接口，获取自定义的埋点配置参数；所述埋点配置参数包括埋点事件类型和埋点种类。
第二方面，本申请公开了一种前端埋点装置，包括：
页面确定模块，用于确定待监测前端页面；
链接创建模块，用于创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接；
链接引入模块，用于将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面；
参数配置模块，用于通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。
第三方面，本申请公开了一种电子设备，包括处理器和存储器；其中，所述处理器执行所述存储器中保存的计算机程序时实现前述的前端埋点方法。
第四方面，本申请公开了一种计算机可读存储介质，用于存储计算机程序；其中，所述计算机程序被处理器执行时实现前述的前端埋点方法。
可见，本申请先确定待监测前端页面，然后创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接，并将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面，通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。可见，本申请通过预先创建的埋点采集器的目标链接，可以获取到自定义的埋点配置参数，并利用埋点配置参数为待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，从而实现了自动化埋点，对业务代码侵入性小，接入成本低，方便开发人员实现快速埋点，提高了开发的效率。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。
图1为本申请公开的一种前端埋点方法流程图；
图2为本申请公开的一种具体的前端埋点方法流程图；
图3为本申请公开的一种埋点数据处理方法流程图；
图4为本申请公开的一种前端埋点装置结构示意图；
图5为本申请公开的一种电子设备结构图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
本申请实施例公开了一种安全启动文件配置方法，参见图1所示，该方法包括：
步骤S11：确定待监测前端页面。
本实施例中，首先需要确定出需要监测的客户端的前端页面。其中，所述客户端包括但不限于基于Android平台、IOS平台、H5制作平台、小程序开发平台等平台开发的客户端。
步骤S12：创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接。
本实施例中，预先基于JavaScript脚本编写相应的代码，并利用上述代码创建所述埋点采集器，在创建完成上述埋点采集器之后，需要创建调用上述埋点采集器的链接，即所述目标链接。
需要指出的是，上述创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接，包括：确定预先基于JavaScript脚本创建的埋点采集器的部署位置；所述部署位置包括独立服务器或内容分发网络(CDN，即Content Delivery Network)；然后创建用于调用位于所述部署位置上的所述埋点采集器的目标链接。可以理解的是，在创建完成上述埋点采集器之后，需要确定上述埋点采集器的部署位置。其中，所述部署位置既可以位于独立的服务器上，也可以部署于CDN网络，并为所述部署位置上的所述埋点采集器创建相应的目标链接。
步骤S13：将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面。
本实施例中，在创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接之后，需要将上述目标链接引入至上述待监测前端页面，即将上述埋点采集器添加到上述待监测前端页面中，以便客户端通过上述目标链接获取到位于上述部署位置上的埋点采集器。
步骤S14：通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。
本实施例中，将上述目标链接引入至所述待监测前端页面之后，可以通过上述目标链接获取到所述埋点采集器，所述埋点采集器利用自定义配置接口，可以获取到自定义的埋点配置参数。其中，所述埋点配置参数包括埋点事件类型和埋点种类。具体的，所述埋点事件类型包括但不限于鼠标点击，鼠标移入移出，键盘事件，路由切换事件等；所述埋点种类包括但不限于小程序、APP(应用程序，Application)、WEB网页等
进一步的，在获取到上述自定义的埋点配置参数之后，可以将上述埋点配置参数注入到与所述待监测前端页面对应的DOM树(DOM，即Document Object Model，文档对象模型)上的待监测节点对应的属性当中，从而实现了为所述待监测节点配置相应的目标埋点，并且可以利用上述目标埋点对所述待监测节点进行监测，当用户端触发了与所述待监测节点对应的埋点事件时，便可以监测到相应的埋点数据，即所述埋点监测数据。
可见，本申请实施例先确定待监测前端页面，然后创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接，并将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面，通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。可见，本申请通过预先创建的埋点采集器的目标链接，可以获取到自定义的埋点配置参数，并利用埋点配置参数为待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，从而实现了自动化埋点，对现有业务代码的侵入性较小，方便开发人员实现快速埋点，提高了开发的效率。
本申请实施例公开了一种具体的前端埋点方法，参见图2所示，该方法包括：
步骤S21：确定待监测前端页面。
步骤S22：创建用于调用预先基于JavaScript脚本创建的包含DOM解析器的埋点采集器的目标链接。
也就是说，本实施例中，在创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接之前，还可以进一步包括：基于JavaScript脚本创建包含DOM解析器的埋点采集器。
步骤S23：将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面。
步骤S24：利用所述埋点采集器中的所述DOM解析器，对所述待监测前端页面对应的DOM树进行解析，并通过所述埋点采集器获取自定义的埋点配置参数，然后通过将所述埋点配置参数注入DOM原生事件的方式，为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。
本实施例中，将上述目标链接引入至所述待监测前端页面之后，可以获取到上述埋点采集器，进一步的，利用上述埋点采集器中的所述DOM解析器，对所述待监测前端页面对应的DOM树进行解析，并获取到所述自定义的埋点配置参数，然后可以通过将上述埋点配置参数注入到DOM对应的原生事件中来实现为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，从而可以通过配置的所述目标节点实现对所述待监测节点的监测，进而得到与所述待监测节点对应的所述埋点监测数据。其中，所述埋点监测数据包括但不限于用户自定义采集数据，页面生命周期数据，路由切换数据等。
进一步的，本实施例中的埋点采集器内除了DOM解析器之外，还可以包括数据存储器和数据上传器。也即，本实施例中，上述基于JavaScript脚本创建包含DOM解析器的埋点采集器，具体可以包括：基于JavaScript脚本创建包含DOM解析器、数据存储器和数据上传器的埋点采集器。本实施例中，上述DOM解析器、上述数据存储器和上述数据上传器依次连接。
相应的，参见图3所示，本实施例中进一步公开了一种埋点数据处理方法，具体包括：
步骤S31：通过目标埋点对待监测节点进行监测得到埋点监测数据；
步骤S32：通过数据存储器对所述埋点监测数据进行数据压缩以及数据打包，并对打包后得到的数据包进行保存；
步骤S33：通过数据上传器将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器，以通过所述数据分析器对获取到的数据包进行分析。
本实施例中，在通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据之后，还可以通过所述数据存储器对所述埋点监测数据进行数据压缩处理，并将压缩后的所述埋点监测数据进行打包，并对打包后得到的数据包进行统一存储。进一步的，可以通过所述数据上传器将上述数据存储器中保存的数据包上传至与所述埋点采集器连接的所述数据分析器，所述数据分析器在获取到上述数据包之后，会对上述数据包进行进一步的分析。需要指出的是，为了避免对数据进行重复上传，本实施例中，数据上传器将数据存储器中保存的数据包上传至数据分析器之后，可以通过清空数据存储器中的数据包来释放存储空间。
具体的，在第一种具体实施方式中，所述通过所述数据上传器将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器，可以包括：判断当前所述数据存储器中保存的数据包的大小是否大于预设阈值，如果大于所述预设阈值，则通过所述数据上传器将当前所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器。可以理解的是，由于实时上传的数据包通常较小，为了避免频繁进行上传，以免过多占用前端页面的通信资源，本实施例可以通过比较数据包大小和预设阈值的方式来判断当前所述数据存储器中保存的数据包是否需要上传，如果当前所述数据存储器中保存的数据包的大小大于所述预设阈值，则可以通过上述数据上传器将当前所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器中。例如设置预设阈值的阈值为100MB，如果当前所述数据存储器中保存的数据包的大小大于100MB，则将可以通过数据上传器将当前的数据包上传至数据分析器。
在第二种具体实施方式中，所述通过所述数据上传器将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器，具体可以包括：按照预设的数据包上传周期，通过所述数据上传器定期将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器。可以理解的是，通过所述数据存储器对所述埋点监测数据进行数据压缩以及数据打包，并对打包后得到的数据包进行保存之后，还可以按照预设的数据包上传周期将所述数据包上传至所述数据分析器。例如可以以日为上传周期，每日定时的将上述数据包上传至所述数据分析器。
进一步的，本实施例中，所述通过所述数据分析器对获取到的数据包进行分析，具体可以包括：通过所述数据分析器对获取到的数据包进行解压，并利用大数据技术对解压后得到的数据进行分析，然后将分析结果数据保存至预设数据库，以便可视化展示装置读取并通过web展示技术展示所述预设数据库中保存的所述分析结果数据。可以理解的是，在所述数据分析器获取到上述数据上传器上传的数据包之后，会对获取到的数据包进行解压处理，得到压缩前的所述埋点监测数据，并利用大数据技术对解压后得到的所述埋点监测数据进行分析，得到开发者所关注的分析结果数据。其中，所述分析结果数据包括但不限于PV(Page View，网页访问量)，UV(Unique Visitor，独立访客数量)，按钮点击次数，功能使用频次，区域停留时间，页面活跃度，用户转化率等。
进一步的，所述数据分析器在得到上述分析结果数据之后，会将上述分析结果数据保存到预设的数据库中，作为可视化展示装置的数据源。所述可视化展示装置包括读取数据模块和页面展示装置。其中，所述读取数据模块部署在后端，用于读取数据库中的数据，并通过接口的形式供所述页面展示装置使用；所述页面展示装置部署在前端，用于当获取到所述接口返回的数据时，使用web展示技术将所述预设数据库中保存的所述分析结果数据清晰的展现出来，并且，可以根据开发者的具体需求实现定制化的展示。其中，所述web展示技术用到的工具包括但不限于D3.js、Echarts、Chart.js、FusionCharts等。
可见，本申请实施例通过所述埋点采集器中的DOM解析器，对所述待监测前端页面对应的DOM树进行解析，并通过所述埋点采集器获取自定义的埋点配置参数，然后通过将所述埋点配置参数注入DOM原生事件的方式，为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，并且通过所述目标埋点可以实现对待监测节点的监测，得到埋点监测数据，通过与所述DOM解析器链接的数据存储器对埋点监测数据处理，并将处理后的数据包上传至连接的数据分析器，并将分析后得到的分析结果数据通过web页面进行可视化展示，能够方便开发人员实现快速埋点，对已有业务的性能与响应效率影响较小，通过对分析结果数据进行直观的可视化展示，可以将高价值信息反馈给开发者，为网站及应用的开发和运营提供更高的参考信息。
相应的，本申请实施例还公开了一种前端埋点装置，参见图4所示，该装置包括：
页面确定模块11，用于确定待监测前端页面；
链接创建模块12，用于创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接；
链接引入模块13，用于将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面；
参数配置模块14，用于通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。
可见，本申请实施例中，先确定待监测前端页面，然后创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接，并将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面，通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。本申请实施例通过预先创建的埋点采集器的目标链接，可以获取到自定义的埋点配置参数，并利用埋点配置参数为待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，从而实现了自动化埋点，减少了开发者人工埋点的工作量，提高了开发的效率。
在一些具体实施例中，所述内容确定模块12，还可以包括：
第一创建单元，用于基于JavaScript脚本创建包含DOM解析器的埋点采集器；
相应的，所述参数配置模块14，具体可以包括：
第一参数配置单元，用于利用所述埋点采集器中的所述DOM解析器，对所述待监测前端页面对应的DOM树进行解析，并通过所述埋点采集器获取自定义的埋点配置参数，然后通过将所述埋点配置参数注入DOM原生事件的方式，为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点。
在一些具体实施例中，所述第一创建单元，具体可以包括：
第二创建单元，用于基于JavaScript脚本创建包含DOM解析器、数据存储器和数据上传器的埋点采集器；
并且，所述通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据之后，还可以包括：
数据保存单元，用于通过所述数据存储器对所述埋点监测数据进行数据压缩以及数据打包，并对打包后得到的数据包进行保存；
第一数据上传单元，用于通过所述数据上传器将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器，以通过所述数据分析器对获取到的数据包进行分析。
在一些具体实施例中，所述第一数据上传单元，具体可以包括：
第一判断单元，用于判断当前所述数据存储器中保存的数据包的大小是否大于预设阈值；
第二数据上传单元，用于当当前所述数据存储器中保存的数据包的大小大于预设阈值，则通过所述数据上传器将当前所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器；
或，第三数据上传单元，用于按照预设的数据包上传周期，通过所述数据上传器定期将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器。
在一些具体实施例中，所述通过所述数据分析器对获取到的数据包进行分析，具体可以包括：
第一分析单元，用于通过所述数据分析器对获取到的数据包进行解压，并利用大数据技术对解压后得到的数据进行分析，然后将分析结果数据保存至预设数据库，以便可视化展示装置读取并通过web展示技术展示所述预设数据库中保存的所述分析结果数据。
在一些具体实施例中，所述链接创建模块12，具体可以包括：
第一确定单元，用于确定预先基于JavaScript脚本创建的埋点采集器的部署位置；所述部署位置包括独立服务器或内容分发网络；
第二创建单元，用于创建用于调用位于所述部署位置上的所述埋点采集器的目标链接。
在一些具体实施例中，所述通过所述埋点采集器获取自定义的埋点配置参数，具体可以包括：
第一获取单元，用于通过所述埋点采集器并利用自定义配置接口，获取自定义的埋点配置参数；所述埋点配置参数包括埋点事件类型和埋点种类。
进一步的，本申请实施例还公开了一种电子设备，图5是根据一示例性实施例示出的电子设备20结构图，图中的内容不能认为是对本申请的使用范围的任何限制。
图5为本申请实施例提供的一种电子设备20的结构示意图。该电子设备20，具体可以包括：至少一个处理器21、至少一个存储器22、电源23、通信接口24、输入输出接口25和通信总线26。其中，所述存储器22用于存储计算机程序，所述计算机程序由所述处理器21加载并执行，以实现前述任一实施例公开的前端埋点方法中的相关步骤。另外，本实施例中的电子设备20具体可以为电子计算机。
本实施例中，电源23用于为电子设备20上的各硬件设备提供工作电压；通信接口24能够为电子设备20创建与外界设备之间的数据传输通道，其所遵循的通信协议是能够适用于本申请技术方案的任意通信协议，在此不对其进行具体限定；输入输出接口25，用于获取外界输入数据或向外界输出数据，其具体的接口类型可以根据具体应用需要进行选取，在此不进行具体限定。
另外，存储器22作为资源存储的载体，可以是只读存储器、随机存储器、磁盘或者光盘等，其上所存储的资源可以包括操作系统221、计算机程序222等，存储方式可以是短暂存储或者永久存储。
其中，操作系统221用于管理与控制电子设备20上的各硬件设备以及计算机程序222，其可以是Windows Server、Netware、Unix、Linux等。计算机程序222除了包括能够用于完成前述任一实施例公开的由电子设备20执行的前端埋点方法的计算机程序之外，还可以进一步包括能够用于完成其他特定工作的计算机程序。
进一步的，本申请还公开了一种计算机可读存储介质，用于存储计算机程序；其中，所述计算机程序被处理器执行时实现前述公开的前端埋点方法。关于该方法的具体步骤可以参考前述实施例中公开的相应内容，在此不再进行赘述。
本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。
专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。
结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上对本申请所提供的一种前端埋点方法、装置、设备、存储介质进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。
Claims (10)
1.一种前端埋点方法，其特征在于，包括：
确定待监测前端页面；
创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接；
将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面；
通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。
2.根据权利要求1所述的前端埋点方法，其特征在于，所述创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接之前，还包括：
基于JavaScript脚本创建包含DOM解析器的埋点采集器；
相应的，所述通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，包括：
利用所述埋点采集器中的所述DOM解析器，对所述待监测前端页面对应的DOM树进行解析，并通过所述埋点采集器获取自定义的埋点配置参数，然后通过将所述埋点配置参数注入DOM原生事件的方式，为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点。
3.根据权利要求2所述的前端埋点方法，其特征在于，所述基于JavaScript脚本创建包含DOM解析器的埋点采集器，包括：
基于JavaScript脚本创建包含DOM解析器、数据存储器和数据上传器的埋点采集器；
并且，所述通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据之后，还包括：
通过所述数据存储器对所述埋点监测数据进行数据压缩以及数据打包，并对打包后得到的数据包进行保存，然后通过所述数据上传器将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器，以通过所述数据分析器对获取到的数据包进行分析。
4.根据权利要求3所述的前端埋点方法，其特征在于，所述通过所述数据上传器将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器，包括：
判断当前所述数据存储器中保存的数据包的大小是否大于预设阈值，如果大于所述预设阈值，则通过所述数据上传器将当前所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器；
或，按照预设的数据包上传周期，通过所述数据上传器定期将所述数据存储器中保存的数据包上传至与所述埋点采集器连接的数据分析器。
5.根据权利要求3所述的前端埋点方法，其特征在于，所述通过所述数据分析器对获取到的数据包进行分析，包括：
通过所述数据分析器对获取到的数据包进行解压，并利用大数据技术对解压后得到的数据进行分析，然后将分析结果数据保存至预设数据库，以便可视化展示装置读取并通过web展示技术展示所述预设数据库中保存的所述分析结果数据。
6.根据权利要求1所述的前端埋点方法，其特征在于，所述创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接，包括：
确定预先基于JavaScript脚本创建的埋点采集器的部署位置；所述部署位置包括独立服务器或内容分发网络；
创建用于调用位于所述部署位置上的所述埋点采集器的目标链接。
7.根据权利要求1至6任一项所述的前端埋点方法，其特征在于，所述通过所述埋点采集器获取自定义的埋点配置参数，包括
通过所述埋点采集器并利用自定义配置接口，获取自定义的埋点配置参数；所述埋点配置参数包括埋点事件类型和埋点种类。
8.一种前端埋点装置，其特征在于，包括：
页面确定模块，用于确定待监测前端页面；
链接创建模块，用于创建用于调用预先基于JavaScript脚本创建的埋点采集器的目标链接；
链接引入模块，用于将所述目标链接引入至所述待监测前端页面，以便将所述埋点采集器添加至所述待监测前端页面；
参数配置模块，用于通过所述埋点采集器获取自定义的埋点配置参数，并利用所述埋点配置参数为所述待监测前端页面对应的DOM树上的待监测节点配置相应的目标埋点，以便通过所述目标埋点对所述待监测节点进行监测得到埋点监测数据。
9.一种电子设备，其特征在于，包括处理器和存储器；其中，所述处理器执行所述存储器中保存的计算机程序时实现如权利要求1至7任一项所述的前端埋点方法。
10.一种计算机可读存储介质，其特征在于，用于存储计算机程序；其中，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的前端埋点方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110876912.5A CN113761441A (zh) | 2021-07-31 | 2021-07-31 | 一种前端埋点方法、装置、设备、存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110876912.5A CN113761441A (zh) | 2021-07-31 | 2021-07-31 | 一种前端埋点方法、装置、设备、存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113761441A true CN113761441A (zh) | 2021-12-07 |
Family
ID=78788324
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110876912.5A Pending CN113761441A (zh) | 2021-07-31 | 2021-07-31 | 一种前端埋点方法、装置、设备、存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113761441A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115022388A (zh) * | 2022-05-31 | 2022-09-06 | 济南浪潮数据技术有限公司 | 一种数据采集方法、装置、设备及介质 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105630524A (zh) * | 2014-10-31 | 2016-06-01 | 广州市动景计算机科技有限公司 | 网页文本解析方法、装置和移动终端 |
| CN107562620A (zh) * | 2017-08-24 | 2018-01-09 | 阿里巴巴集团控股有限公司 | 一种埋点自动设置方法和装置 |
| CN109739717A (zh) * | 2018-04-12 | 2019-05-10 | 京东方科技集团股份有限公司 | 一种页面数据采集的方法及装置、服务器 |
| CN110083459A (zh) * | 2019-03-16 | 2019-08-02 | 平安城市建设科技(深圳)有限公司 | 跨页面的数据埋点方法、装置、设备及存储介质 |
| CN110688598A (zh) * | 2019-08-22 | 2020-01-14 | 苏宁云计算有限公司 | 业务参数采集方法、装置、计算机设备和存储介质 |
| CN112799927A (zh) * | 2021-01-28 | 2021-05-14 | 中国工商银行股份有限公司 | 前端用户的操作行为信息采集方法及装置 |
-
2021
- 2021-07-31 CN CN202110876912.5A patent/CN113761441A/zh active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105630524A (zh) * | 2014-10-31 | 2016-06-01 | 广州市动景计算机科技有限公司 | 网页文本解析方法、装置和移动终端 |
| CN107562620A (zh) * | 2017-08-24 | 2018-01-09 | 阿里巴巴集团控股有限公司 | 一种埋点自动设置方法和装置 |
| CN109739717A (zh) * | 2018-04-12 | 2019-05-10 | 京东方科技集团股份有限公司 | 一种页面数据采集的方法及装置、服务器 |
| US20200357007A1 (en) * | 2018-04-12 | 2020-11-12 | Boe Technology Group Co., Ltd. | Page data acquisition method, apparatus, server, electronic device and computer readable medium |
| CN110083459A (zh) * | 2019-03-16 | 2019-08-02 | 平安城市建设科技(深圳)有限公司 | 跨页面的数据埋点方法、装置、设备及存储介质 |
| CN110688598A (zh) * | 2019-08-22 | 2020-01-14 | 苏宁云计算有限公司 | 业务参数采集方法、装置、计算机设备和存储介质 |
| CN112799927A (zh) * | 2021-01-28 | 2021-05-14 | 中国工商银行股份有限公司 | 前端用户的操作行为信息采集方法及装置 |
Non-Patent Citations (1)
| Title |
|---|
| 廖建军: "Web信息的无埋点精准采集", 《北京邮电大学学位论文》, 15 August 2019 (2019-08-15), pages 8 - 33 * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115022388A (zh) * | 2022-05-31 | 2022-09-06 | 济南浪潮数据技术有限公司 | 一种数据采集方法、装置、设备及介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109739717B (zh) | 一种页面数据采集的方法及装置、服务器 | |
| CN107491488B (zh) | 页面数据采集的方法和装置 | |
| CN106897215A (zh) | 一种基于WebView网页加载性能及用户行为流数据采集的方法 | |
| CN107957940B (zh) | 一种测试日志处理方法、系统及终端 | |
| CN109829121B (zh) | 一种点击行为数据上报的方法和装置 | |
| CN104049991A (zh) | 用于将网络应用转换为移动应用的方法和系统 | |
| CN110874307B (zh) | 事件埋点的收集上报方法和装置 | |
| CN104915398A (zh) | 一种网页埋点的方法及装置 | |
| CN112765103B (zh) | 一种文件解析方法、系统、装置及设备 | |
| CN112685270B (zh) | 一种系统监控日志的采集方法、装置、电子设备及介质 | |
| CN110263070A (zh) | 事件上报方法及装置 | |
| CN108632361B (zh) | 一种网页上线方法、服务器、系统和存储介质 | |
| CN110865843A (zh) | 页面回溯、信息备份与问题解决方法、系统及设备 | |
| CN103729380A (zh) | 一种数据处理方法、系统及装置 | |
| CN111177623A (zh) | 信息处理方法及装置 | |
| CN105099769A (zh) | 业务平台的异常操作处理方法、设备和系统 | |
| CN104361007B (zh) | 浏览器及其收藏夹的处理方法 | |
| CN113761441A (zh) | 一种前端埋点方法、装置、设备、存储介质 | |
| CN110188308B (zh) | 客户端自动打点上报方法、存储介质、设备及系统 | |
| CN108540439B (zh) | 数据解析方法及系统、设备和存储介质 | |
| CN114741261A (zh) | 一种分布式链路追踪方法、装置、设备及存储介质 | |
| CN109871560B (zh) | 一种运行目标模型的方法和装置 | |
| CN105099829A (zh) | 一种基于http协议的电子资源服务可用性自动化监测方法 | |
| CN111124858A (zh) | 无埋点插码数据处理方法、系统、终端设备及存储介质 | |
| CN113141403B (zh) | 一种日志传输方法和装置 |
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 |