基于事件分析的页面监控方法及装置制造方法及图纸

本发明专利技术公开了一种基于事件分析的页面监控方法及装置。该方法包括：获取待监控的目标页面对应的目标页面源码；基于所述目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系，确定并加载所述目标页面对应的目标监听组件；通过加载的所述目标监听组件，在窗口中监听所述目标页面中的用户操作事件，并基于所述目标页面源码对监听到的用户操作事件进行分析，确定所述目标页面上的用户行为数据，通过本发明专利技术实施例的技术方案，可以无需重新开发页面，降低开发成本，并且保证了页面使用功能和加载性能。面使用功能和加载性能。面使用功能和加载性能。

【技术实现步骤摘要】
基于事件分析的页面监控方法及装置


[0001]本专利技术实施例涉及计算机技术，尤其涉及一种基于事件分析的页面监控方法及装置。

技术介绍

[0002]随着计算机技术的快速发展，对页面中的用户行为数据进行分析可以更好的满足用户的需求，提升用户的体验感。
[0003]目前，通常是在页面中嵌入监控代码，从而通过预设埋点的方式，获取页面中的用户行为数据。可见，这种获取方式需要对现有页面进行重新开发，页面开发工作量大，费时费力，增加开发成本。

技术实现思路

[0004]本专利技术提供了一种基于事件分析的页面监控方法及装置，以无需重新开发页面，降低开发成本，并且保证了页面使用功能和加载性能。
[0005]根据本专利技术的一方面，提供了一种基于事件分析的页面监控方法，该方法包括：
[0006]获取待监控的目标页面对应的目标页面源码；
[0007]基于所述目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系，确定并加载所述目标页面对应的目标监听组件；
[0008]通过加载的所述目标监听组件，在窗口中监听所述目标页面中的用户操作事件，并基于所述目标页面源码对监听到的用户操作事件进行分析，确定所述目标页面上的用户行为数据。
[0009]根据本专利技术的另一方面，提供了一种基于事件分析的页面监控装置，该装置包括：
[0010]目标页面源码获取模块，用于获取待监控的目标页面对应的目标页面源码；
[0011]目标监听组件加载模块，用于基于所述目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系，确定并加载所述目标页面对应的目标监听组件；
[0012]用户行为数据确定模块，用于通过加载的所述目标监听组件，在窗口中监听所述目标页面中的用户操作事件，并基于所述目标页面源码对监听到的用户操作事件进行分析，确定所述目标页面上的用户行为数据。
[0013]本专利技术实施例的技术方案，通过获取待监控的目标页面对应的目标页面源码，基于目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系，确定并加载目标页面对应的目标监听组件，通过加载的目标监听组件，在窗口中监听目标页面中的用户操作事件，并基于目标页面源码对监听到的用户操作事件进行分析，确定目标页面上的用户行为数据，从而仅需要加载目标页面对应的目标监听组件便可以在窗口中实现页面监控，获取页面上的用户行为数据，从而无需预先埋点，并且也无需与目标页面中的元素和控件进行绑定，进而可以对窗口中展示的任意页面进行页面监控，无需对原有页面进行重新开发，降低了开发成本，同时也不会对页面功能及加载性能造成影响，保证了用户体验。
[0014]应当理解，本部分所描述的内容并非旨在标识本专利技术的实施例的关键或重要特征，也不用于限制本专利技术的范围。本专利技术的其它特征将通过以下的说明书而变得容易理解。
附图说明
[0015]为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0016]图1是根据本专利技术实施例一提供的一种基于事件分析的页面监控方法的流程图；
[0017]图2是根据本专利技术实施例二提供的一种基于事件分析的页面监控方法的流程图；
[0018]图3是根据本专利技术实施例三提供的一种基于事件分析的页面监控方法的流程图；
[0019]图4是根据本专利技术实施例四提供的一种基于事件分析的页面监控装置的结构示意图。
具体实施方式
[0020]为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范围。
[0021]需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
[0022]实施例一
[0023]图1为本专利技术实施例一提供了一种基于事件分析的页面监控方法的流程图，本实施例可适用于对任意一个页面进行监控，以获取该页面中的用户行为数据情况，该方法可以由基于事件分析的页面监控装置来执行，该基于事件分析的页面监控装置可以采用硬件和/或软件的形式实现，该基于事件分析的页面监控装置可配置于电子设备中，比如安装有浏览器的设备中，以便对浏览器中展示的页面进行监控。如图1所示，该方法包括：
[0024]S110、获取待监控的目标页面对应的目标页面源码。
[0025]其中，目标页面可以是指需要监控的页面。例如，目标页面可以是指在窗口中待展示的页面或者正在展示的页面。目标页面源码可以是指目标页面对应的页面源代码。
[0026]具体的，可以将窗口中当前加载页面或者加载后正在展示的页面作为目标页面，并获取该目标页面对应的目标页面源码。
[0027]示例性地，S110可以包括：将当前加载页面作为待监控的目标页面，并获取目标页
面对应的目标页面源码。也就是说，可以将窗口中当前需要加载的页面或者正在加载的页面作为目标页面，以便可以基于目标页面的加载操作触发对目标页面的监控操作。
[0028]S120、基于目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系，确定并加载目标页面对应的目标监听组件。
[0029]其中，目标代码框架可以是指目标页面源码对应的代码框架。监听组件可以是用于获取页面用户触发的用户操作事件，并对获取得到的用户操作事件进行分析的组件。目标监听组件可以是指目标页面对应的监听组件。在本实施例中，可以针对不同类型的代码框架预先开发不同的监听组件，并建立代码框架与监听组件之间的对应关系。其中，代码框架可以包括但不限于：Element
‑
UI、Ant Design或者Bootstrap。
[0030]具体的，根据得到的目标页面对应的目标页面源码，可以获取目标页面源码对应的目标代码框架。基于代码框架与监听组件之间的对应关系，可以确定目标代码框架对应的目标监听组件，即目标页面对应的目标监听组件。示例性地，可以在目标页面加载完成展示后，对该目标页面进行监听，比如在检测到用户通过点击同意监听按钮所触发的监听操作时，或者保证数据安全，根据用本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于事件分析的页面监控方法，其特征在于，包括：获取待监控的目标页面对应的目标页面源码；基于所述目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系，确定并加载所述目标页面对应的目标监听组件；通过加载的所述目标监听组件，在窗口中监听所述目标页面中的用户操作事件，并基于所述目标页面源码对监听到的用户操作事件进行分析，确定所述目标页面上的用户行为数据。2.根据权利要求1所述的方法，其特征在于，所述获取待监控的目标页面对应的目标页面源码，包括：将当前加载页面作为待监控的目标页面，并获取所述目标页面对应的目标页面源码；所述加载所述目标页面对应的目标监听组件，包括：响应于所述目标页面的加载操作，加载所述目标监听组件。3.根据权利要求1所述的方法，其特征在于，所述基于所述目标页面源码对监听到的用户操作事件进行分析，确定所述目标页面上的用户行为数据，包括：基于所述目标页面源码中的页面布局源码，确定监听到的每个用户操作事件对应的目标页面控件；基于所述目标页面源码中的页面控件源码，确定所述目标页面控件对应的目标控件信息；基于所述用户操作事件对应的事件发生信息和所述目标页面控件对应的目标控件信息，确定所述目标页面上的用户行为数据。4.根据权利要求3所述的方法，其特征在于，所述基于所述目标页面源码中的页面布局源码，确定监听到的每个用户操作事件对应的目标页面控件，包括：获取监听到的每个用户操作事件对应的事件发生位置信息；基于所述目标页面源码中的页面布局源码，获取所述目标页面中的每个页面控件对应的控件位置信息；将所述事件发生位置信息与每个页面控件对应的控件位置信息进行匹配，确定监听到的每个用户操作事件对应的目标页面控件。5.根据权利要求3所述的方法，其特征在于，所述目标控件信息包括：所述目标页面控件对应的控件类别和控件内容；其中，所述控件类别包括交互类型和表单类型；所述控件内容用于描述所述目标页面控件的含义。6.根据权利要求3所述的方法，其特征在于，所述基于所述用户操作事件对应的事件发生信息和所述目标页面控件...

【专利技术属性】
技术研发人员：刘新辉，叶大江，
申请(专利权)人：上海柯林布瑞信息技术有限公司，
类型：发明
国别省市：