CN111813623B - 一种页面监控方法、装置、电子设备及存储介质 - Google Patents

Abstract

本申请公开一种页面监控方法、装置、电子设备及存储介质，涉及大数据领域和信息流技术领域，包括：响应于页面加载请求，从服务器获取目标页面，目标页面中包括监控工具，监控工具中包括与多个监控场景分别匹配的监控组件，目标页面中的至少一个功能模块预先引用监控工具中的监控组件；根据目标功能模块中目标监控组件的触发指令，获取与触发指令匹配的至少一项请求参数，并将各请求参数发送至目标监控组件；通过目标监控组件对各请求参数进行合法性验证，并在验证通过后，生成与目标功能模块对应的页面监控信息。本申请可以避免页面中包括多个需要监控的功能模块时监控代码冗余量较大的问题，降低了监控组件的开发成本和维护成本。

Description

一种页面监控方法、装置、电子设备及存储介质

技术领域

本申请涉及计算机技术领域，尤其涉及大数据领域和信息流技术领域。具体地，本申请提供了一种页面监控方法、装置、电子设备及存储介质。

背景技术

打点即监控用户在产品应用表现层的行为，打点对于产品的迭代至关重要。打点数据(也即页面监控信息)是产品需求分析的来源，利用打点数据可以检验产品功能是否达到预期效果，可以对前端页面进行流量分析、用户行为分析以及来源分析等。

现有的打点方法会在页面上各功能模块的代码里引入基础打点JavaScript文件，然后在各功能模块对应的具体场景下加入匹配的打点代码，当用户对某一功能模块触发时，依据基础打点文件和匹配的打点代码生成与该功能模块对应的监控信息。

但是，由于前端页面上的功能模块较多，现有打点方法需要引入多个基础打点文件，这些基础打点文件的维护成本较高且代码冗余量较大，如果基础打点文件被修改，则需要对所有引入基础打点文件的功能模块的代码进行修改，容易造成较高的开发成本。

发明内容

本申请实施例提供一种页面监控方法、装置、电子设备及存储介质。

第一方面，本申请提供了一种页面监控方法，所述方法包括：

响应于页面加载请求，从服务器获取目标页面，目标页面中包括监控工具，监控工具中包括与多个监控场景分别匹配的监控组件，目标页面中的至少一个功能模块预先引用监控工具中的监控组件；

根据目标功能模块中目标监控组件的触发指令，获取与触发指令匹配的至少一项请求参数，并将各请求参数发送至目标监控组件；

通过目标监控组件对各所述请求参数进行合法性验证，并在验证通过后，生成与目标功能模块对应的页面监控信息。

第二方面，本申请提供了一种页面监控装置，该装置包括：

获取模块，用于响应于页面加载请求，从服务器获取目标页面，目标页面中包括监控工具，监控工具中包括与多个监控场景分别匹配的监控组件，目标页面中的至少一个功能模块预先引用监控工具中的监控组件；

发送模块，用于根据目标功能模块中目标监控组件的触发指令，获取与触发指令匹配的至少一项请求参数，并将各请求参数发送至目标监控组件；

验证模块，用于目标监控组件对各所述请求参数进行合法性验证，并在验证通过后，生成与目标功能模块对应的页面监控信息。

第三方面，本申请提供了一种电子设备，该电子设备包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本申请任意实施例提供的一种页面监控方法。

第四方面，本申请提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行本申请任意实施例提供的一种页面监控方法。

本申请实施例可以避免页面中包括多个需要监控的功能模块时监控代码冗余量较大的问题，降低了监控组件的开发成本和维护成本。

上述可选方式所具有的其他效果将在下文中结合具体实施例加以说明。

附图说明

附图用于更好地理解本方案，不构成对本申请的限定。其中：

图1是根据本申请实施例的一种页面监控方法的示意图；

图2a是根据本申请实施例的一种页面监控方法的示意图；

图2b是根据本申请实施例的一种目标监控组件对各请求参数进行合法性验证方法的示意图；

图3是根据本申请实施例的一种页面监控装置的示意图；

图4是用来实现本申请实施例的页面监控方法的电子设备的框图。

具体实施方式

以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图1为本申请实施例提供的一种页面监控方法的流程图，本申请实施例可适用于自动对用户针对页面进行的操作行为进行监控的情形，该方法可以由页面监控装置来执行，该装置可以由软件和/或硬件来实现，并一般可以集成在具有页面显示功能的客户端中(典型的，浏览器)，与用于提供展示页面的服务器配合使用，所述方法具体包括如下步骤：

步骤110、响应于页面加载请求，从服务器获取目标页面。

在此步骤中，页面加载请求可以为对网站的访问请求，或者通过超链接等功能控件所触发的业务功能启动请求等。其中，用户可以通过手动操作客户端设备提供的实体按键或虚拟按钮触发页面加载请求。客户端将所述页面加载请求发送至服务器，服务器根据页面加载请求中指定的页面信息，从缓存的页面数据中获取到与所述页面加载请求匹配的目标页面。

在本实施例中，目标页面中包括监控工具，监控工具中包括与多个监控场景分别匹配的监控组件，目标页面中的至少一个功能模块预先引用监控工具中的监控组件。

其中，监控工具具体是指用于对用户针对该目标页面中的各项功能模块执行的各项操作进行监控的工具，该监控工具中预先封装有多个不同的监控组件，不同监控组件用于监控不同类型的用户操作(例如，点击操作，搜索操作或者播放页面中视频的操作等)，也即，对应于不同的监控场景。

在本实施例中，目标网页中包括有一个或者多个功能模块，功能模块具体是指在该目标网页中承载设定网页功能的独立区域，例如，用于播放推荐信息的功能模块，用于获取用户输入信息的功能模块或者用于播放视频的功能模块等。

其中，可以预先在目标页面中，针对所需监控的功能模块单独引用匹配的监控组件，例如，通过接口调用的方式等进行引用，并在该功能模块的逻辑代码中写入相应的组件引用逻辑，在用户获取到通过上述预处理得到的目标页面后，当用户的操作触发了该组件引用逻辑后，该目标页面会相应调用监控工具中匹配的监控组件对用户的操作进行记录，也即，可以完成相应的打点逻辑。

通过上述操作，可以将监控逻辑在每个监控组件中单独维护，将页面代码和监控代码进行解耦，提升代码的可读性和可维护性。

在本实施例中，监控组件可以为具体监控场景下的监控代码，监控工具中包括与上述全部监控场景分别匹配的监控代码。目标页面中的一个功能模块可以对应至少一个监控场景，当功能模块对应多个监控场景时，功能模块将在自身的业务代码里引用与多个监控场景分别匹配的监控代码。例如，当功能模块是视频播放模块时，与该功能模块对应的监控场景可以为以下两个场景：视频点击播放监控场景和用户点击设定页面元素监控场景，则该视频播放模块在自身的业务代码里引用与上述两个场景分别匹配的监控代码。

步骤120、根据目标功能模块中目标监控组件的触发指令，获取与触发指令匹配的至少一项请求参数，并将各请求参数发送至目标监控组件。

在此步骤中，目标功能模块为目标页面中待监控的功能模块，目标功能模块预先引用了监控工具中的目标监控组件，触发指令为与目标监控组件对应的监控场景下的触发指令。

例如，假设目标功能模块为视频播放模块，该视频播放模块中引用了视频点击播放监控场景下的目标监控组件，该目标监控组件的触发指令则为视频播放指令。

当接收到目标功能模块中目标监控组件的触发指令后，获取当前目标页面中与目标功能模块对应的页面参数(如网站标识，页面标题以及访问时间等)，将各页面参数作为与触发指令匹配的请求参数，并将各请求参数发送至监控工具中的目标监控组件。

步骤130、通过目标监控组件对各所述请求参数进行合法性验证，并在验证通过后，生成与目标功能模块对应的页面监控信息。

在本实施例中，提出了在各个监控组件中统一校验各请求参数的合法性，并在确定通过合理性验证后，由监控组件生成对应的页面监控信息，这样设置的好处在于：保证页面监控信息的正确性，提高研发效率，减少无效的页面监控信息。

其中，页面监控信息中具体包括了对监控组件所监控内容的描述信息，例如，某一个监控组件用于监控用户对视频的播放操作，当该组件被触发，并确定输入的请求参数通过合法性验证后，可以记录用户执行播放操作的时间，以及该视频的播放时长等信息作为页面监控信息。

由此，通过目标监控组件对各请求参数进行合法性验证，并在验证通过后，生成与目标功能模块对应的页面监控信息，可以避免由于请求参数不合法导致产品反复上线、研发时间较长的问题，可以提升产品的研发效率。

本申请实施例通过响应于页面加载请求，从服务器获取目标页面，根据目标功能模块中目标监控组件的触发指令，获取与触发指令匹配的至少一项请求参数，并将各请求参数发送至目标监控组件，通过目标监控组件对各请求参数进行合法性验证，并在验证通过后，生成与目标功能模块对应的页面监控信息的方式，可以避免页面中包括多个需要监控的功能模块时监控代码冗余量较大的问题，降低了监控组件的开发成本和维护成本，减少了产品的研发时间，提升了产品的研发效率。

在上述各实施例的基础上，监控场景可以包括：页面浏览量监控场景、页面唯一身份浏览量监控场景、用户点击设定页面元素监控场景、用户滚动页面使得设定页面元素暴露监控场景、视频自动播放监控场景或者视频点击播放监控场景等。

其中，页面浏览量监控场景即对页面总浏览量的统计场景，当需要对某一页面的页面总浏览量进行统计时，可以在该页面中加入与该场景对应的监控组件，当用户选择加载该页面中，该监控组件会相应的生成匹配的页面监控信息，以累加统计该页面总浏览量。

相类似的，页面唯一身份浏览量监控场景即某一用户对页面的浏览量统计场景；用户点击设定页面元素监控场景即用户对页面显示的某一页面元素(例如，按钮、控件或者网页链接等)的点击操作进行监控的场景；用户滚动页面使得设定页面元素暴露监控场景，即对用户执行滚动页面的操作，使得某一个预先确定的页面元素在显示区域中露出的情况进行监控的场景。

这样设置的好处是：获取全面的监控场景，保证监控工具中包括丰富的监控组件，提高页面监控信息的准确性。

当然，可以理解的是，还可以针对其他的监控场景设定匹配的监控组件，并加入至监控工具中，以满足页面的各种监控需求，本实施例对监控场景的类型并不进行限制。

在上述各实施例的基础上，监控工具可以为私有的node包管理工具，以便于对所有监控场景分别匹配的监控组件进行封装，目标页面中的至少一个功能模块可以通过导入函数(例如，import函数)引用监控工具中的监控组件。

在本实施例中，如果服务器检测到目标页面中的监控工具被更新，则可以向目标页面发送更新指令，以使目标页面中引入的全部监控组件进行同步更新。

由此，通过在目标页面中安装监控工具，使功能模块引用监控工具中的监控组件，可以避免多个功能模块下监控代码冗余量较大的问题；通过更新监控工具，即可完成页面中引入的全部监控组件的同步更新，降低了多个功能模块的监控组件的开发成本和维护成本。

在上述各实施例的基础上，通过目标监控组件对各所述请求参数进行合法性验证，并在验证通过后，生成与目标功能模块对应的页面监控信息，可以包括：

通过目标监控组件对各请求参数进行合法性验证，并在验证通过后，生成监控请求；通过目标监控组件对监控请求进行处理，生成与目标功能模块对应的页面监控信息。

在此步骤中，目标监控组件接收到各请求参数后，判断各请求参数是否满足预设参数规则。如果各请求参数均满足预设参数规则，则确定各请求参数均通过合法性验证，并生成监控请求，否则，生成错误提示。

在生成监控请求后，目标监控组件生成与目标功能模块对应的页面监控信息，所述页面监控信息可以为某个时刻下用户在目标功能模块上的操作信息，例如用户在目标功能模块上点击、浏览以及播放等。

这样设置的好处是：通过生成监控请求指引目标监控组件生成页面监控信息，保证了页面监控信息的正确性，提高了页面监控信息的生成效率。

本申请实施例在上述实施例的基础上，提供了具体的通过目标监控组件对各请求参数进行合法性验证，并在验证通过后，生成监控请求的实施方式。与上述实施例相同或相应的术语解释，本申请实施例不再赘述。

图2a为本申请实施例提供的一种页面监控方法的流程图，本实施例的方法具体包括如下步骤：

步骤210、响应于页面加载请求，从服务器获取目标页面。

步骤220、根据目标功能模块中目标监控组件的触发指令，获取与触发指令匹配的至少一项请求参数，并将各请求参数发送至目标监控组件。

在本实施例中，请求参数可以包括下述至少一项：页面名称长度、交互行为存在指示、交互行为长度、监控区域存在指示、监控区域长度、自定义参数传入指示或者自定义参数。

其中，假设目标功能模块为视频播放模块，视频播放模块中目标监控组件的触发指令可以为视频播放指令，交互行为可以为点击、浏览以及播放等，监控区域长度可以为视频播放窗口长度，自定义参数可以为用户对视频播放窗口设置的自定义背景图片等。

步骤230、通过目标监控组件对各所述请求参数进行合法性验证，并在验证通过后，生成监控请求。

步骤240、通过目标监控组件对所述监控请求进行处理，生成与目标功能模块对应的页面监控信息。

图2b为本申请实施例提供的目标监控组件对各请求参数进行合法性验证方法的流程图，如图2b所示，所述方法包括：

步骤301、判断页面名称长度是否处于预设的页面长度区间内，若是，则执行步骤302，若否，执行步骤303。

在此步骤中，预设的页面长度区间可以设置为[1,16]，具体区间以实际情况进行预设，本申请实施例对此并不限制。

步骤302、判断是否存在交互行为，若是，执行步骤304，若否，执行步骤305。

通过目标监控组件如果确定所述页面名称长度处于预设的页面长度区间内，则根据交互行为存在指示判断是否存在交互行为。

步骤303、生成匹配的错误提示。

在此步骤中，匹配的错误提示可以为页面长度错误的提示。

步骤304、判断交互行为长度是否处于预设的行为长度区间内，若是，执行步骤306，若否，执行步骤307。

在此步骤中，预设的行为长度区间可以设置为[1,16]，具体区间以实际情况进行预设，本申请实施例对此并不限制。

步骤305、生成匹配的错误提示。

在此步骤中，匹配的错误提示可以为交互行为为空的错误提示。

步骤306、判断监控区域是否为空，若是，则执行步骤308，若否，则执行309。

通过目标监控组件如果确定存在交互行为且所述交互行为长度处于预设的行为长度区间内，则根据监控区域存在指示判断监控区域是否为空。

步骤307、生成匹配的错误提示。

在此步骤中，匹配的错误提示可以为生成交互行为长度错误的提示。

步骤308、生成匹配的错误提示。

在此步骤中，匹配的错误提示可以为监控区域为空的错误提示。

步骤309、判断监控区域长度是否处于预设的区域长度区间内，若是，执行步骤310，若否，执行步骤311。

在此步骤中，预设的区域长度区间可以设置为[1,16]，具体区间以实际情况进行预设，本申请实施例对此并不限制。

步骤310、判断是否传入自定义参数，若是，执行步骤312，若否，执行步骤313。

在此步骤中，通过目标监控组件如果确定监控区域不为空且所述监控区域长度处于预设的区域长度区间内，则根据所述自定义参数传入指示判断是否传入自定义参数。

步骤311、生成匹配的错误提示。

在此步骤中，匹配的错误提示可以为监控区域长度错误的提示。

步骤312、根据各所述自定义参数，生成监控请求。

在此步骤中，通过目标监控组件如果确定传入自定义参数，则确定各请求参数验证通过，并根据各自定义参数，生成监控请求。其中，所述监控请求中包括所述自定义参数。

步骤313、直接生成监控请求。

在此步骤中，通过目标监控组件如果确定未传入自定义参数，则确定各请求参数验证通过，并直接生成监控请求。

这样设置的好处在于：通过目标监控组件对各请求参数进行合法性验证，并在验证通过后，生成监控请求，可以避免由于请求参数不合法导致产品反复上线、研发时间较长的问题，可以减少产品的研发时间；其次，当请求参数没有通过验证时，通过生成匹配的错误提示，可以指引研发人员对出错的页面进行完善与维护，进而提高产品的研发效率。

在本申请实施例中，通过目标监控组件对所述监控请求进行处理，生成与目标功能模块对应的页面监控信息，包括：如果通过目标监控组件确定所述监控请求中不包括自定义参数，则直接生成与目标功能模块对应的页面监控信息；如果通过目标监控组件确定所述监控请求中包括自定义参数，则根据所述自定义参数，生成与目标功能模块对应的页面监控信息。

其中，如果监控请求中包括自定义参数，则生成的页面监控信息中包括所述自定义参数。

这样设置的好处是：保证页面监控信息的真实性和全面性，提高产品的研发效率。

本申请实施例通过响应于页面加载请求，从服务器获取目标页面，根据目标功能模块中目标监控组件的触发指令，获取与触发指令匹配的至少一项请求参数，并将各请求参数发送至目标监控组件，通过目标监控组件对各请求参数进行合法性验证，并在验证通过后，生成监控请求，通过目标监控组件对监控请求进行处理，生成与目标功能模块对应的页面监控信息的方式，可以避免页面中包括多个需要监控的功能模块时监控代码冗余量较大的问题，降低了监控组件的开发成本和维护成本，减少了产品的研发时间，提升了产品的研发效率。

图3为本申请实施例提供的一种页面监控装置400的结构图，该装置包括：获取模块410、发送模块420和验证模块430。

其中，获取模块410，用于响应于页面加载请求，从服务器获取目标页面，目标页面中包括监控工具，监控工具中包括与多个监控场景分别匹配的监控组件，目标页面中的至少一个功能模块预先引用监控工具中的监控组件；

发送模块420，用于根据目标功能模块中目标监控组件的触发指令，获取与触发指令匹配的至少一项请求参数，并将各请求参数发送至目标监控组件；

验证模块430，用于目标监控组件对各所述请求参数进行合法性验证，并在验证通过后，生成与目标功能模块对应的页面监控信息。

本申请实施例通过响应于页面加载请求，从服务器获取目标页面，根据目标功能模块中目标监控组件的触发指令，获取与触发指令匹配的至少一项请求参数，并将各请求参数发送至目标监控组件，通过目标监控组件对各请求参数进行合法性验证，并在验证通过后，生成与目标功能模块对应的页面监控信息的方式，可以避免页面中包括多个需要监控的功能模块时监控代码冗余量较大的问题，降低了监控组件的开发成本和维护成本，减少了产品的研发时间，提升了产品的研发效率。

在上述各实施例的基础上，所述验证模块430，可以包括：

请求生成单元，用于目标监控组件对各请求参数进行合法性验证，并在验证通过后，生成监控请求；请求处理单元，用于目标监控组件对所述监控请求进行处理，生成与目标功能模块对应的页面监控信息；所述请求参数包括下述至少一项：页面名称长度、交互行为存在指示、交互行为长度、监控区域存在指示、监控区域长度、自定义参数传入指示或者自定义参数；

所述请求生成单元，包括：交互行为判断子单元，用于如果目标监控组件确定所述页面名称长度处于预设的页面长度区间内，则根据所述交互行为存在指示判断是否存在交互行为；监控区域判断子单元，用于如果目标监控组件确定存在交互行为且所述交互行为长度处于预设的行为长度区间内，则根据监控区域存在指示判断监控区域是否为空；自定义参数判断子单元，用于如果目标监控组件确定监控区域不为空且所述监控区域长度处于预设的区域长度区间内，则根据所述自定义参数传入指示判断是否传入自定义参数；第一请求生成子单元，用于如果目标监控组件确定未传入自定义参数，则确定验证通过，并直接生成监控请求；第二请求生成子单元，用于如果目标监控组件确定传入自定义参数，则确定验证通过，并根据各所述自定义参数，生成监控请求；

所述请求生成单元，还包括：第一错误提示子单元，用于如果目标监控组件确定所述页面名称长度未处于预设的页面长度区间内，则生成匹配的错误提示；第二错误提示子单元，用于如果目标监控组件确定不存在交互行为，或者所述交互行为长度未处于预设的行为长度区间内，则生成匹配的错误提示；或者如果目标监控组件确定所述监控区域为空，或者所述监控区域长度未处于预设的区域长度区间内，则生成匹配的错误提示；

所述请求处理单元，包括：第一信息生成子单元，用于如果目标监控组件确定所述监控请求中不包括自定义参数，则直接生成与目标功能模块对应的页面监控信息；第二信息生成子单元，用于如果目标监控组件确定所述监控请求中包括自定义参数，则根据所述自定义参数，生成与目标功能模块对应的页面监控信息；所述监控工具为私有的node包管理工具；和/或所述目标页面中的至少一个功能模块通过导入函数引用所述监控工具中的监控组件；

所述监控场景包括下述至少一项：页面浏览量监控场景、页面唯一身份浏览量监控场景、用户点击设定页面元素监控场景、用户滚动页面使得设定页面元素暴露监控场景、视频自动播放监控场景或者视频点击播放监控场景。

本申请实施例所提供的页面监控装置可执行本申请任意实施例所提供的页面监控方法，具备执行方法相应的功能模块和有益效果。

根据本申请的实施例，本申请还提供了一种电子设备和一种可读存储介质。

如图4所示，是根据本申请实施例的页面监控方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请的实现。

如图4所示，该电子设备包括：一个或多个处理器501、存储器502，以及用于连接各部件的接口，包括高速接口和低速接口。各个部件利用不同的总线互相连接，并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理，包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如，耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中，若需要，可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样，可以连接多个电子设备，各个设备提供部分必要的操作(例如，作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图4中以一个处理器501为例。

存储器502即为本申请所提供的非瞬时计算机可读存储介质。其中，所述存储器存储有可由至少一个处理器执行的指令，以使所述至少一个处理器执行本申请所提供的页面监控方法。本申请的非瞬时计算机可读存储介质存储计算机指令，该计算机指令用于使计算机执行本申请所提供的页面监控方法。

存储器502作为一种非瞬时计算机可读存储介质，可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块，如本申请实施例中的页面监控的方法对应的程序指令/模块(例如，附图3所示的获取模块410、发送模块420和验证模块430)。处理器501通过运行存储在存储器502中的非瞬时软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例中的页面监控方法。

存储器502可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据页面监控方法的电子设备的使用所创建的数据等。此外，存储器502可以包括高速随机存取存储器，还可以包括非瞬时存储器，例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中，存储器502可选包括相对于处理器501远程设置的存储器，这些远程存储器可以通过网络连接至页面监控方法的电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

页面监控方法的电子设备还可以包括：输入装置503和输出装置504。处理器501、存储器502、输入装置503和输出装置504可以通过总线或者其他方式连接，图4中以通过总线连接为例。

输入装置503可接收输入的数字或字符信息，以及产生与页面监控方法的电子设备的用户设置以及功能控制有关的键信号输入，例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置504可以包括显示设备、辅助照明装置(例如，LED)和触觉反馈装置(例如，振动电机)等。该显示设备可以包括但不限于，液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中，显示设备可以是触摸屏。

此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令，并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的，术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如，磁盘、光盘、存储器、可编程逻辑装置(PLD))，包括，接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。

根据本申请实施例的技术方案，避免了页面中包括多个需要监控的功能模块时监控代码冗余量较大的问题，降低了监控组件的开发成本和维护成本，减少了产品的研发时间，提升了产品的研发效率。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本申请公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本申请保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等，均应包含在本申请保护范围之内。

Claims (12)

1.一种页面监控方法，包括：

响应于页面加载请求，从服务器获取目标页面，所述目标页面中包括监控工具，所述监控工具中包括与多个监控场景分别匹配的监控组件，所述目标页面中的至少一个功能模块预先引用所述监控工具中的监控组件；

根据目标功能模块中目标监控组件的触发指令，获取与所述触发指令匹配的至少一项请求参数，并将各请求参数发送至所述目标监控组件；

如果通过所述目标监控组件确定页面名称长度处于预设的页面长度区间内，则根据交互行为存在指示判断是否存在交互行为；

如果通过所述目标监控组件确定存在交互行为且所述交互行为长度处于预设的行为长度区间内，则根据监控区域存在指示判断监控区域是否为空；

如果通过所述目标监控组件确定监控区域不为空且监控区域长度处于预设的区域长度区间内，则根据自定义参数传入指示判断是否传入自定义参数；

如果通过所述目标监控组件确定未传入所述自定义参数，则确定验证通过，并直接生成监控请求；以及

如果通过所述目标监控组件确定传入自定义参数，则确定验证通过，并根据各所述自定义参数，生成监控请求；

通过所述目标监控组件对所述监控请求进行处理，生成与所述目标功能模块对应的页面监控信息。

2.根据权利要求1所述的方法，还包括下述至少一项：

如果通过所述目标监控组件确定所述页面名称长度未处于预设的页面长度区间内，则生成匹配的错误提示；

如果通过所述目标监控组件确定不存在交互行为，或者所述交互行为长度未处于预设的行为长度区间内，则生成匹配的错误提示；或者

如果通过所述目标监控组件确定所述监控区域为空，或者所述监控区域长度未处于预设的区域长度区间内，则生成匹配的错误提示。

3.根据权利要求1所述的方法，其中，通过目标监控组件对所述监控请求进行处理，生成与目标功能模块对应的页面监控信息，包括：

如果通过所述目标监控组件确定所述监控请求中不包括自定义参数，则直接生成与目标功能模块对应的页面监控信息；

如果通过所述目标监控组件确定所述监控请求中包括自定义参数，则根据所述自定义参数，生成与所述目标功能模块对应的页面监控信息。

4.根据权利要求1-3任一项所述的方法，其中，所述监控工具为私有的node包管理工具；和/或

所述目标页面中的至少一个功能模块通过导入函数引用所述监控工具中的监控组件。

5.根据权利要求1-3任一项所述的方法，其中，所述监控场景包括下述至少一项：

页面浏览量监控场景、页面唯一身份浏览量监控场景、用户点击设定页面元素监控场景、用户滚动页面使得设定页面元素暴露监控场景、视频自动播放监控场景或者视频点击播放监控场景。

6.一种页面监控装置，包括：

获取模块，用于响应于页面加载请求，从服务器获取目标页面，所述目标页面中包括监控工具，所述监控工具中包括与多个监控场景分别匹配的监控组件，所述目标页面中的至少一个功能模块预先引用所述监控工具中的监控组件；

发送模块，用于根据目标功能模块中目标监控组件的触发指令，获取与所述触发指令匹配的至少一项请求参数，并将各请求参数发送至所述目标监控组件；

验证模块，用于所述目标监控组件对各所述请求参数进行合法性验证，并在验证通过后，生成与所述目标功能模块对应的页面监控信息；

所述验证模块还包括：

请求生成单元，用于所述目标监控组件对各所述请求参数进行合法性验证，并在验证通过后，生成监控请求；

请求处理单元，用于所述目标监控组件对所述监控请求进行处理，生成与目标功能模块对应的页面监控信息；

其中，所述请求生成单元，包括：

交互行为判断子单元，用于如果所述目标监控组件确定页面名称长度处于预设的页面长度区间内，则根据交互行为存在指示判断是否存在交互行为；

监控区域判断子单元，用于如果所述目标监控组件确定存在交互行为且交互行为长度处于预设的行为长度区间内，则根据监控区域存在指示判断监控区域是否为空；

自定义参数判断子单元，用于如果所述目标监控组件确定监控区域不为空且监控区域长度处于预设的区域长度区间内，则根据自定义参数传入指示判断是否传入自定义参数；

第一请求生成子单元，用于如果所述目标监控组件确定未传入所述自定义参数，则确定验证通过，并直接生成监控请求；

第二请求生成子单元，用于如果所述目标监控组件确定传入自定义参数，则确定验证通过，并根据各所述自定义参数，生成监控请求。

7.根据权利要求6所述的装置，所述请求生成单元，还包括：

第一错误提示子单元，用于如果所述目标监控组件确定所述页面名称长度未处于预设的页面长度区间内，则生成匹配的错误提示；

第二错误提示子单元，用于如果所述目标监控组件确定不存在交互行为，或者所述交互行为长度未处于预设的行为长度区间内，则生成匹配的错误提示；或者如果所述目标监控组件确定所述监控区域为空，或者所述监控区域长度未处于预设的区域长度区间内，则生成匹配的错误提示。

8.根据权利要求6所述的装置，其中，所述请求处理单元，包括：

第一信息生成子单元，用于如果所述目标监控组件确定所述监控请求中不包括自定义参数，则直接生成与目标功能模块对应的页面监控信息；

第二信息生成子单元，用于如果所述目标监控组件确定所述监控请求中包括自定义参数，则根据所述自定义参数，生成与所述目标功能模块对应的页面监控信息。

9.根据权利要求6-8任一项所述的装置，其中，所述监控工具为私有的node包管理工具；和/或

所述目标页面中的至少一个功能模块通过导入函数引用所述监控工具中的监控组件。

10.根据权利要求6-8任一项所述的装置，其中，所述监控场景包括下述至少一项：

页面浏览量监控场景、页面唯一身份浏览量监控场景、用户点击设定页面元素监控场景、用户滚动页面使得设定页面元素暴露监控场景、视频自动播放监控场景或者视频点击播放监控场景。

11. 一种电子设备，其特征在于，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-5中任一项所述的方法。

12.一种存储有计算机指令的非瞬时计算机可读存储介质，其特征在于，所述计算机指令用于使所述计算机执行权利要求1-5中任一项所述的方法。