CN108108381A - 页面的监测方法及装置 - Google Patents

Abstract

本申请公开了一种页面的监测方法及装置。该方法包括：获取当前访问的分屏页面的URL；提取URL中的hash值；对hash值进行监测；以及如果监测到hash值发生改变，则执行hash改变事件，以确定分屏页面发生切换。通过本申请，解决了相关技术中不能在单页面上对网页分屏进行监测的问题。

Description

页面的监测方法及装置

技术领域

本申请涉及互联网技术领域，具体而言，涉及一种页面的监测方法及装置。

背景技术

在当前移动互联网的浪潮下，HTML5以其众多优势，使用场景越来越多，市场上有很多家网页监测公司通过HTML5实现了对网页页面的访问、跳出、停留时间等监测。为了优化移动端、PC端用户使用体验，越来越多的企业将单页面网页进行了分屏处理，从而使得一个单页面网页包含多个分屏页面，但是基于传统的监测方法只能对单页面进行监测，不能在单页面上对分屏页面进行监测，导致无法确定分屏页面是否发生切换以及何时发生切换。

针对相关技术中不能在单页面上对网页分屏进行监测的问题，目前尚未提出有效的解决方案。

发明内容

本申请的主要目的在于提供一种页面的监测方法及装置，以解决相关技术中不能在单页面上对网页分屏进行监测的问题。

为了实现上述目的，根据本申请的一个方面，提供了一种页面的监测方法。该方法包括：获取当前访问的分屏页面的URL；提取URL中的hash值；对hash值进行监测；以及如果监测到hash值发生改变，则执行hash改变事件，以确定分屏页面发生切换。

进一步地，在获取当前访问的分屏页面的URL之前，该方法还包括：对分屏页面按照预设规则进行命名，得到每个分屏页面的名称，其中，每个分屏页面的名称互不相同，预设规则与分屏页面的URL中的hash值的书写规则相对应；以及采用每个分屏页面的名称修改对应分屏页面的URL中的hash值。

进一步地，对hash值进行监测包括：如果当前浏览器支持hash改变事件，则按照当前浏览器自身的监测周期，对hash值进行监测；如果当前浏览器不支持hash改变事件，则按照预设周期对hash值进行监测。

进一步地，执行hash改变事件包括：发送当前访问的分屏页面的URL以及切换后的分屏页面的URL。

进一步地，在确定分屏页面发生切换之后，该方法还包括：获取切换后的分屏页面的URL中的hash值；根据所述切换后的分屏页面的URL中的hash值，确定切换后的分屏页面的名称，并对切换后的分屏页面进行监测。

进一步地，对切换后的分屏页面进行监测包括：对分屏页面上的操作指标和/或根据操作指标所生成的图表进行监测，操作指标包括：分屏页面上的浏览时长和/或点击次数，图表包括根据点击次数所生成的热力图。

为了实现上述目的，根据本申请的另一方面，提供了一种页面的监测装置。该装置包括：获取单元，用于获取当前访问的分屏页面的URL；提取单元，用于提取URL中的hash值；监测单元，用于对hash值进行监测；以及执行单元，用于在监测到hash值发生改变的情况下，则执行hash改变事件，以确定分屏页面发生切换。

进一步地，该装置还包括：命名单元，用于在获取当前访问的分屏页面的URL之前，对分屏页面按照预设规则进行命名，得到每个分屏页面的名称，其中，每个分屏页面的名称互不相同，预设规则与分屏页面的URL中的hash值的书写规则相对应；以及修改单元，用于采用每个分屏页面的名称修改对应分屏页面的URL中的hash值。

进一步地，监测单元包括：第一监测模块，用于在当前浏览器支持hash改变事件的情况下，则按照当前浏览器自身的监测周期，对hash值进行监测；第二监测模块，用于在当前浏览器不支持hash改变事件的情况下，则按照预设周期对hash值进行监测。

进一步地，执行单元还用于发送当前访问的分屏页面的URL以及切换后的分屏页面的URL。

通过本申请，采用以下步骤：获取当前访问的分屏页面的URL；提取URL中的hash值；对hash值进行监测；以及如果监测到hash值发生改变，则执行hash改变事件，以确定分屏页面发生切换，解决了相关技术中不能在单页面上对网页分屏进行监测的问题，通过对hash值进行监测，当监测到hash值发生改变时，执行hash改变事件以确定分屏页面发生切换，达到了能够对单页面上对网页分屏进行监测的效果。

附图说明

构成本申请的一部分的附图用来提供对本申请的进一步理解，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是根据本申请实施例提供的页面的监测方法的流程图；以及

图2是根据本申请实施例提供的页面的监测装置的示意图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

为了便于描述，以下对本申请实施例涉及的部分名词或术语进行说明：

锚点：在W3C标准字“Anchor”一词即为锚点，其解释为：资源中的某个区域可以是零个、一个或多个链接的目标或源。锚点可以引用整个资源，或者的特定部分，或者资源的特定表现形式。通俗的理解，锚点是一种超链接，只是它是页面内部的超链接。

Hash值：hash值属性是一个可读可写的字符串，该字符串是URL的锚部分(从#号开始的部分)。

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括：新的解析规则增强了灵活性；新属性；淘汰过时的或冗余的属性；一个HTML5文档到另一个文档间的拖放功能；离线编辑；信息传递的增强；详细的解析规则；多用途互联网邮件扩展(MIME)和协议处理程序注册；在SQL数据库中存储数据的通用标准(WebSQL)；HTML5在2007年被万维网联盟(W3C)新的工作组采用。

根据本申请的实施例，提供了一种页面的监测方法。

图1是根据本申请实施例的页面的监测方法的流程图。如图1所示，该方法包括以下步骤：

步骤S101，获取当前访问的分屏页面的URL。

当用户访问一个网页时，在浏览器上会显示该网页的URL，当一个网页包括多个分屏页面时，例如，网页A包括分屏页面a，分屏页面b，分屏页面c时。当用户在对当前网页的当前分屏页面进行访问时，获取当前访问的分屏页面的URL。例如，获取到用户当前访问的分屏页面(如，分屏页面a)的URL为：http://www.360.112.87.156.53/Pdfview/#ABD537。

可选地，在本申请实施例提供的页面的监测方法中，在获取当前访问的分屏页面的URL之前，该方法还包括：对分屏页面按照预设规则进行命名，得到每个分屏页面的名称，其中，每个分屏页面的名称互不相同，预设规则与分屏页面的URL中的hash值的书写规则相对应；以及采用每个分屏页面的名称修改对应分屏页面的URL中的hash值。

在获取当前访问的分屏页面的URL之前，对分屏页面按照预设规则进行命名，得到每个分屏页面的名称，需要说明的是，每个分屏页面的名称互不相同，预设规则与分屏页面的URL中的hash值的书写规则相对应。为了将分屏页面的名称与分屏页面的URL中的hash值进行保存一致，例如，分屏页面a的URL为：http://www.360.112.87.156.53/Pdfview/#ABD537，分屏页面a的名称为A1，那将http://www.360.112.87.156.53/Pdfview/#ABD537中的hash“ABD537”修改为A1，也即，修改后的分屏页面a的URL为：http://www.360.112.87.156.53/Pdfview/#A1。

步骤S102，提取URL中的hash值。

由于hash值是一个可读可写的字符串，该字符串是URL的锚部分(从#号开始的部分)。提取获取到的当前访问的分屏页面的URL中的hash值。例如，从http://www.360.112.87.156.53/Pdfview/#A1中获取hash值为：A1。

步骤S103，对hash值进行监测。

由于在网页中的多个分屏页面之间进行变化时，网页的URL中的hash值是会发生改变的，为了对分屏页面进行监测，监测从URL中提取的hash值。

可选地，在本申请实施例提供的页面的监测方法中，对hash值进行监测包括：如果当前浏览器支持hash改变事件，则按照当前浏览器自身的监测周期，对hash值进行监测；如果当前浏览器不支持hash改变事件，则按照预设周期对hash值进行监测。

根据当前浏览器是否支持hash改变事件，采用不同的方式对hash值进行监测。如果当前浏览器支持hash改变事件，则按照当前浏览器自身的监测周期，对hash值进行监测，保证了实时的对hash值是否发生改变进行监测。如果当前浏览器不支持hash改变事件，则预设一个时间周期，根据预设周期对hash值进行采集，并与上一次获取到的hash值进行比较，以判断其是否发生改变。以实现对hash值的监测。

步骤S104，如果监测到hash值发生改变，则执行hash改变事件，以确定分屏页面发生切换。

如果监测到hash值发生了改变，则执行hash改变事件，以确定分屏页面发生切换。hash改变事件具体的是向服务器发生通知消息，发送当前分屏页面的URL和切换操作后的分屏页面的URL，以便服务器确定分屏页面发生了切换，从而实现了能够将分屏页面作为网页一样进行监测。

可选地，在本申请实施例提供的页面的监测方法中，执行hash改变事件包括：发送当前访问的分屏页面的URL以及切换后的分屏页面的URL。

如果监测到hash值发生改变，则将当前访问的分屏页面的URL以及切换后的分屏页面的URL发送至服务器，服务器根据当前访问的分屏页面的URL以及切换后的分屏页面的URL即可确定分屏页面已发生切换。

可选地，在本申请实施例提供的页面的监测方法中，在确定分屏页面发生切换之后，该方法还包括：获取切换后的分屏页面的URL中的hash值；根据发生切换后的分屏页面的URL中的hash值，确定切换后的分屏页面的名称，并对切换后的分屏页面进行监测。

由于在获取当前访问的分屏页面的URL之前，采用每个分屏页面的名称修改对应分屏页面的URL中的hash值，因此，在分屏页面发生切换之后，确定切换后的分屏页面的URL中的hash值，即可确定分屏页面的名称，并对切换后的分屏页面进行监测。

可选地，在本申请实施例提供的页面的监测方法中，对切换后的分屏页面进行监测包括：对每个分屏页面上的操作指标和/或根据操作指标所生成的图表进行监测，操作指标包括：分屏页面上的浏览时长和/或点击次数，图表包括根据点击次数所生成的热力图。

通过上述方法可以对各个分屏页面当成单个网页一样进行监测，因此可以实现对各个分屏页面上浏览时长和点击量进行监测。例如，时刻A，分屏页面切换至分屏页面B，在时刻A1，从分屏页面B切换至分屏页面C，因此，在分屏页面B上停留时间，也即浏览时长为(A1-A)，通过对同一网页下的多个分屏页面的浏览时长进行监测，可以为后续对各个分屏页面的数据分析提供参考。再例如，监测到在分屏页面B上的点击量为1125，监测到在分屏页面C上的点击量为1567，等等，根据各个分屏页面上的点击量生成热力图，用户可以直观的了解到在各个分屏页面上不同位置的点击量。从而更加方便的让用户获取到分屏页面上的信息，提升用户体验度。

本申请实施例提供的页面的监测方法，通过获取当前访问的分屏页面的URL；提取URL中的hash值；对hash值进行监测；以及如果监测到hash值发生改变，则执行hash改变事件，以确定分屏页面发生切换，解决了相关技术中不能在单页面上对网页分屏进行监测的问题，通过对hash值进行监测，当监测到hash值发生改变时，执行hash改变事件以确定分屏页面发生切换，达到了能够对单页面上对网页分屏进行监测的效果。

需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

本申请实施例还提供了一种页面的监测装置，需要说明的是，本申请实施例的页面的监测装置可以用于执行本申请实施例所提供的用于页面的监测方法。以下对本申请实施例提供的页面的监测装置进行介绍。

图2是根据本申请实施例的页面的监测装置的示意图。如图2所示，该装置包括：获取单元10、提取单元20、监测单元30和执行单元40。

具体地，获取单元10，用于获取当前访问的分屏页面的URL。

当用户访问一个网页时，在浏览器上会显示该网页的URL，当一个网页包括多个分屏页面时，例如，网页A包括分屏页面a，分屏页面b，分屏页面c时。当用户在对当前网页的当前分屏页面进行访问时，获取单元10获取当前访问的分屏页面的URL。例如，获取到用户当前访问的分屏页面(如，分屏页面a)的URL为：http://www.360.112.87.156.53/Pdfview/#ABD537。

提取单元20，用于提取URL的hash值。

由于hash值是一个可读可写的字符串，该字符串是URL的锚部分(从#号开始的部分)。提取单元20提取获取到的当前访问的分屏页面的URL中的hash值。例如，从http://www.360.112.87.156.53/Pdfview/#A1中获取hash值为：A1。

监测单元30，用于对hash值进行监测。

由于在网页中的多个分屏页面之间进行变化时，网页的URL中的hash值是会发生改变的，为了对分屏页面进行监测，监测单元30监测从URL中提取的hash值。

执行单元40，用于在监测到hash值发生改变的情况下，则执行hash改变事件，以确定分屏页面发生切换。

执行单元40在监测到hash值发生了改变的情况下，则执行hash改变事件，以确定分屏页面发生切换。hash改变事件具体的是向服务器发生通知消息，发送当前分屏页面的URL和切换操作后的分屏页面的URL，以便服务器确定分屏页面发生了切换，从而实现了能够将分屏页面作为网页一样进行监测。

本申请实施例提供的页面的监测装置，通过获取单元10，用于获取当前访问的分屏页面的URL；提取单元20，用于提取URL1的hash值；监测单元30，用于对hash值进行监测；执行单元40，用于在监测到hash值发生改变的情况下，则执行hash改变事件，以确定分屏页面发生切换，解决了相关技术中不能在单页面上对网页分屏进行监测的问题，通过对hash值进行监测，当监测到hash值发生改变时，执行hash改变事件以确定分屏页面发生切换，达到了能够对单页面上对网页分屏进行监测的效果。

可选地，在本申请实施例提供的页面的监测装置中，该装置还包括：命名单元，用于在获取当前访问的分屏页面的URL之前，对分屏页面按照预设规则进行命名，得到每个分屏页面的名称，其中，每个分屏页面的名称互不相同，预设规则与分屏页面的URL中的hash值的书写规则相对应；以及修改单元，用于采用每个分屏页面的名称修改对应分屏页面的URL中的hash值。

命名单元在获取当前访问的分屏页面的URL之前，对分屏页面按照预设规则进行命名，得到每个分屏页面的名称，需要说明的是，每个分屏页面的名称互不相同，预设规则与分屏页面的URL中的hash值的书写规则相对应。为了将分屏页面的名称与分屏页面的URL中的hash值进行保存一致，例如，分屏页面a的URL为：http://www.360.112.87.156.53/Pdfview/#ABD537，分屏页面a的名称为A1，那修改单元将http://www.360.112.87.156.53/Pdfview/#ABD537中的hash“ABD537”修改为A1，也即，修改后的分屏页面a的URL为：http://www.360.112.87.156.53/Pdfview/#A1。

可选地，在本申请实施例提供的页面的监测装置中，监测单元30包括：第一监测模块，用于在当前浏览器支持hash改变事件的情况下，则按照当前浏览器自身的监测周期，对hash值进行监测；第二监测模块，用于在当前浏览器不支持hash改变事件的情况下，则按照预设周期对hash值进行监测。

监测单元30根据当前浏览器是否支持hash改变事件，采用不同的方式对hash值进行监测。如果当前浏览器支持hash改变事件，则按照当前浏览器自身的监测周期，对hash值进行监测，保证了实时的对hash值是否发生改变进行监测。如果当前浏览器不支持hash改变事件，则预设一个时间周期，根据预设周期对hash值进行采集，并与上一次获取到的hash值进行比较，以判断其是否发生改变。以实现对hash值的监测。

可选地，在本申请实施例提供的页面的监测装置中，执行单元40还用于发送当前访问的分屏页面的URL以及切换后的分屏页面的URL。

由于在获取当前访问的分屏页面的URL之前，采用每个分屏页面的名称修改对应分屏页面的URL中的hash值，因此，在分屏页面发生切换之后，执行单元40确定切换后的分屏页面的URL中的hash值，即可确定分屏页面的名称，并对切换后的分屏页面进行监测。

可选地，在本申请实施例提供的页面的监测装置中，该装置还包括：第三监测模块，用于对每个分屏页面上的操作指标和/或根据操作指标所生成的图表进行监测，操作指标包括：分屏页面上的浏览时长和/或点击次数，图表包括根据点击次数所生成的热力图。

通过上述单元和模块可以对各个分屏页面当成单个网页一样进行监测，因此可以实现对各个分屏页面上浏览时长和点击量进行监测。例如，时刻A，分屏页面切换至分屏页面B，在时刻A1，从分屏页面B切换至分屏页面C，因此，在分屏页面B上停留时间，也即浏览时长为(A1-A)，通过对同一网页下的多个分屏页面的浏览时长进行监测，可以为后续对各个分屏页面的数据分析提供参考。再例如，监测到在分屏页面B上的点击量为1125，监测到在分屏页面C上的点击量为1567，等等，根据各个分屏页面上的点击量生成热力图，用户可以直观的了解到在各个分屏页面上不同位置的点击量。从而更加方便的让用户获取到分屏页面上的信息，提升用户体验度。

因此，页面的监测装置包括处理器和存储器，上述获取单元10、提取单元20、监测单元30和执行单元40等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元实现相应功能。上述预设规则、预设周期都可以存储在存储器中。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数监测页面。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。

本申请还提供了一种计算机程序产品的实施例，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序代码：获取当前访问的分屏页面的URL；提取URL中的hash值；对hash值进行监测；以及如果监测到hash值发生改变，则执行hash改变事件，以确定分屏页面发生切换。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置，可通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

显然，本领域的技术人员应该明白，上述的本申请的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本申请不限制于任何特定的硬件和软件结合。

以上所述仅为本申请的优选实施例，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (10)

1.一种页面的监测方法，其特征在于，包括：

获取当前访问的分屏页面的URL；

提取所述URL中的hash值；

对所述hash值进行监测；以及

如果监测到所述hash值发生改变，则执行hash改变事件，以确定所述分屏页面发生切换。

2.根据权利要求1所述的方法，其特征在于，在获取当前访问的分屏页面的URL之前，所述方法还包括：

对所述分屏页面按照预设规则进行命名，得到每个分屏页面的名称，其中，每个所述分屏页面的名称互不相同，所述预设规则与所述分屏页面的URL中的hash值的书写规则相对应；以及

采用每个所述分屏页面的名称修改对应所述分屏页面的URL中的hash值。

3.根据权利要求1所述的方法，其特征在于，对所述hash值进行监测包括：

如果当前浏览器支持所述hash改变事件，则按照当前浏览器自身的监测周期，对所述hash值进行监测；

如果当前浏览器不支持所述hash改变事件，则按照预设周期对所述hash值进行监测。

4.根据权利要求1所述的方法，其特征在于，所述执行hash改变事件包括：

发送所述当前访问的分屏页面的URL以及切换后的分屏页面的URL。

5.根据权利要求2所述的方法，其特征在于，在确定所述分屏页面发生切换之后，所述方法还包括：

获取切换后的分屏页面的URL中的hash值；

根据所述切换后的分屏页面的URL中的hash值，确定切换后的分屏页面的名称，并对所述切换后的分屏页面进行监测。

6.根据权利要求5所述的方法，其特征在于，所述对所述切换后的分屏页面进行监测包括：

对分屏页面上的操作指标和/或根据所述操作指标所生成的图表进行监测，所述操作指标包括：所述分屏页面上的浏览时长和/或点击次数，所述图表包括根据所述点击次数所生成的热力图。

7.一种页面的监测装置，其特征在于，包括：

获取单元，用于获取当前访问的分屏页面的URL；

提取单元，用于提取所述URL中的hash值；

监测单元，用于对所述hash值进行监测；以及

执行单元，用于在监测到所述hash值发生改变的情况下，则执行hash改变事件，以确定所述分屏页面发生切换。

8.根据权利要求7所述的装置，其特征在于，所述装置还包括：

命名单元，用于在获取当前访问的分屏页面的URL之前，对所述分屏页面按照预设规则进行命名，得到每个分屏页面的名称，其中，每个所述分屏页面的名称互不相同，所述预设规则与所述分屏页面的URL中的hash值的书写规则相对应；以及

修改单元，用于采用每个所述分屏页面的名称修改对应所述分屏页面的URL中的hash值。

9.根据权利要求7所述的装置，其特征在于，所述监测单元包括：

第一监测模块，用于在当前浏览器支持所述hash改变事件的情况下，按照当前浏览器自身的监测周期，对所述hash值进行监测；

第二监测模块，用于在当前浏览器不支持所述hash改变事件的情况下，按照预设周期对所述hash值进行监测。

10.根据权利要求7所述的装置，其特征在于，

所述执行单元，还用于发送所述当前访问的分屏页面的URL以及切换后的分屏页面的URL。