CN106484741B - 一种单页应用访问数据收集和发送的方法及装置 - Google Patents

Abstract

本发明公开了一种单页应用访问数据收集和发送的方法及装置，涉及互联网技术领域，解决了在单页应用条件下无法收集和发送用户访问数据的问题。本发明的方法包括：在单页应用的页面中生成收集指令和保留指令，在页面发生切换时，触发收集指令收集并发送访问数据中的页面浏览PV数据，并在发送页面浏览PV数据时基于保留指令的触发保留切换后页面的更新数据。本发明主要用于在单页应用中收集并发送用户的访问数据。

Description

一种单页应用访问数据收集和发送的方法及装置

技术领域

本发明涉及互联网技术领域，特别是涉及一种单页应用访问数据收集和发送的方法及装置。

背景技术

通常在电脑客户端的浏览器环境下，用户对网页的访问数据主要是通过主流的网站分析(Web Analytics)工具，使用JavaScript代码在网页端收集访问者的访问数据并发送至数据仓库服务器，从而为公司、企业等客户提供指导业务流程改进、监控成本及质量控制。尤其是随着手机应用(Application，简称App)的流行，在移动App环境下用户访问数据的收集和发送日渐重要。

在收集的用户访问数据中，网页浏览数(Page View)是一类重要的数据，是评价网站流量最常用的指标之一，简称PV数据。PV中的网页page一般指普通的HTML网页，来自浏览器的一次HTML请求会被看作一个PV，逐渐累计成为PV总数据。然而，移动App的开发通常会借助Cordova平台使用传统网页开发技术完成，Cordova平台推荐使用单页面应用(SinglePage Application，简称SPA)，即通过Cordova平台上的AngularJS框架构建单页App，也就是该应用只有一个页面，并利用AJAX(异步的脚本语言JavaScript和可扩展标记语言XML)的局部刷新功能，根据不同用户的操作来更新这个页面的部分内容，由于该更新过程不涉及传统的网页间切换需要重新加载整个HTML网页的情况，因此单页应用中页面的变化无法触发页面浏览PV数据的发送；此外，由于在统一资源定位符URL的#符号后面出现的字符是用来跳转到页内锚点，#符号后面的字符不影响所访问网页的内容，因此浏览器在处理仅仅#符号后面的字符不同的多个URL时会忽略#符号后面的字符，由于单页应用只有一个页面，这意味着在单页应用条件下，浏览器会因为忽略了#符号后面的字符而无法区分用户究竟访问了哪个页面的哪个部分。

发明内容

有鉴于此，本发明提出了一种单页应用访问数据收集和发送的方法及装置，主要目的在于解决在单页应用条件下无法收集和发送用户访问数据的问题。

依据本发明的第一个方面，本发明提供了一种单页应用访问数据收集和发送的方法，包括：

在页面中生成收集指令，收集指令用于收集并发送单页应用访问数据中的页面浏览PV数据；

在页面中生成保留指令，保留指令用于在发送页面浏览PV数据时保留单页应用访问数据中切换后页面的更新数据；

在页面发生切换时，基于收集指令的触发收集并发送页面浏览PV数据；

在发送页面浏览PV数据时，基于保留指令的触发保留切换后页面的更新数据。

依据本发明的第二个方面，本发明提供了一种单页应用访问数据收集和发送的装置，包括：

生成单元，用于在页面中生成收集指令，收集指令用于收集并发送单页应用访问数据中的页面浏览PV数据；

生成单元还用于在页面中生成保留指令，保留指令用于在发送页面浏览PV数据时保留单页应用访问数据中切换后页面的更新数据；

处理单元，用于在页面发生切换时，基于收集指令的触发收集并发送页面浏览PV数据；

保留单元，用于在处理单元发送页面浏览PV数据时，基于保留指令的触发保留切换后页面的更新数据。

借由上述技术方案，本发明实施例提供的单页应用访问数据收集和发送的方法及装置，能够通过在单页应用的页面中生成收集指令和保留指令，在页面发生切换时，触发收集指令收集并发送访问数据中的页面浏览PV数据，并在发送页面浏览PV数据时基于保留指令的触发保留切换后页面的更新数据。从而避免了现有的单页应用中由于网页切换过程不需要重新加载整个页面的情况所造成的无法收集并发送页面浏览PV数据，以及由于浏览器在处理仅仅#符号后面的字符不同的多个URL时会忽略#符号后面的字符所造成的在单页应用条件下浏览器会因为忽略了#符号后面的字符而无法区分用户究竟访问了哪个页面的哪一部分。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了本发明实施例提供的一种单页应用访问数据收集和发送的方法的流程图；

图2示出了本发明实施例提供的一种单页应用访问数据收集和发送的装置的组成框图。

具体实施方式

下面将参照附图更加详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

由于在传统的网页切换时，浏览器需要接收服务器发送的HTML文件，并获取HTML内嵌的资源地址，然后浏览器再发起请求来获取这些资源，并在浏览器的HTML中显示。而在实际情况下，许多网页的HTML或者其中内嵌的资源相同，网页中只有部分资源不同，因此每次切换网页时如果都从服务器获取网页的全部数据，会造成资源浪费。因此出现了基于Cordova平台上的AngularJS框架构建的单页App，单页应用只有一个页面，能够根据不同用户的操作利用AJAX(异步的脚本语言JavaScript和可扩展标记语言XML)的局部刷新功能来更新页面的部分内容，达到页面切换的效果。

由于单页应用中页面切换过程不涉及传统的网页间切换需要重新加载整个页面的情况，因此单页应用中页面的变化无法触发新的页面浏览PV数据的发送；此外，由于在统一资源定位符URL的#符号后面出现的字符是用来跳转到页内锚点，#符号后面的字符不影响所访问网页的内容，因此浏览器在处理仅仅#符号后面的字符不同的多个URL时会忽略#符号后面的字符，由于单页应用只有一个页面，这意味着在单页应用条件下，浏览器会因为忽略了#符号后面的字符而无法区分用户究竟访问了哪个页面的哪个部分。

为了解决单页应用中页面切换时无法收集和发送访问数据的问题，本发明实施例提供了一种单页应用访问数据收集和发送的方法，如图1所示，该方法包括：

101、在页面中生成收集指令。

页面浏览量(Page View，简称PV)通常是衡量一个网站或网络新闻频道的主要指标，网页浏览数是评价网站流量最常用的指标之一，简称PV。检测网站PV的变化趋势和分析其变化原因是管理员定期要做的工作。PV中的网页page一般指普通的HTML网页，来自浏览器的一次HTML请求会被看作一个PV，逐渐累计成为PV总数据。但在单页应用中，网页的切换并不需要浏览器向服务器发送获取HTML文件的请求，从而服务器无法统计单页应用中的PV数据。例如，在单页应用中进行网页切换时，由网页http://www.example.com/index.html#location1切换成网页http://www.example.com/index.html#location2，仅仅是#符号之后的部分发生变化，则浏览器不会重复向服务器请求index.html，不会重新加载网页，而是根据#符号之后的部分将新的位置移动至可视区域，因此服务器无法获取单页应用中的PV数据。为了克服上述问题，本发明实施例需要执行步骤101在页面中生成收集指令，用于收集并向服务器发送单页应用访问数据中的页面浏览PV数据，该服务器可以是用于分析的数据仓库服务器。

102、在页面中生成保留指令。

在浏览器与服务器交互过程中，会通过统一资源定位符URL传递相关数据信息。通常URL中的#符号代表网页中的一个位置，#符号之后的字符，就是该位置的标识符。例如，http://www.example.com/index.html#print就代表网页index.html的print位置。浏览器读取这个URL后，会自动将print位置滚动至可视区域。在第一个#符号后面出现的任何字符，都会被浏览器解读为位置标识符，可以用不同的#值表示不同的访问状态，并向服务器给出相关的访问信息，#值后面的部分通常为页面切换时涉及的更新数据，但是对于某些浏览器(如IE6和IE7)来说，它们不会因为#值的改变而增加历史记录，而是在处理仅仅#符号后面的字符不同的多个URL时会忽略#符号后面的字符，从而无法区分用户究竟访问了哪个页面的哪一部分，这意味着这些访问数据都不会被发送到服务器。为了克服上述问题，本发明实施例需要执行步骤102在页面中生成保留指令，用于在步骤101发送页面浏览PV数据时保留单页应用访问数据中切换后页面的更新数据。

103、在页面发生切换时，基于收集指令的触发收集并发送页面浏览PV数据。

当在单页应用的页面中生成了收集指令和保留指令后，每当页面发生切换时，会触发收集指令收集并发送页面浏览PV数据，此外，该收集指令还可以收集其他访问数据，如访问时间、访问源地址、访问浏览器等。

104、在发送页面浏览PV数据时，基于保留指令的触发保留切换后页面的更新数据。

在通过收集指令收集访问数据时会触发保留指令，在发送页面浏览PV数据时会同时将切换后页面的更新数据保留。

本发明实施例提供的单页应用访问数据收集和发送的方法，能够通过在单页应用的页面中生成收集指令和保留指令，在页面发生切换时，触发收集指令收集并发送访问数据中的页面浏览PV数据，并在发送页面浏览PV数据时基于保留指令的触发保留切换后页面的更新数据。从而避免了现有的单页应用中由于网页切换过程不需要重新加载整个页面的情况所造成的无法收集并发送页面浏览PV数据，以及由于浏览器在处理仅仅#符号后面的字符不同的多个URL时会忽略#符号后面的字符所造成的在单页应用条件下浏览器会因为忽略了#符号后面的字符而无法区分用户究竟访问了哪个页面的哪一部分。

为了更好的对图1所示的方法进行理解，本发明实施例将针对图1中的各步骤进行详细说明。

由于在构建单页应用时通常基于Cordova平台上的AngularJS框架，因此使用AngularJS框架构建的单页应用中每个页面都有对应的控制器Controller组件执行该页面所需的JavaScript代码。因此，在本发明实施例中，作为在页面中生成收集指令和保留指令的一种可选实施方式，可以在页面对应的控制器Controller组件的开头生成收集指令和保留指令。其中，收集指令和保留指令在本质上是一小段JavaScript代码，通过嵌入页面对应的控制器Controller组件中，在页面切换时由控制器Controller组件执行收集指令和保留指令。

在页面发生切换时，该页面对应的控制器Controller组件会被启动，从而触发其中的收集指令对包括PV数据在内的访问数据进行收集。其中，收集指令作为一种JavaScript代码，在不影响网页切换的情况下，可以在网页中收集用户的访问数据，并将收集结果发送给用于统计分析的数据仓库服务器。本发明实施例提供了一种可选的实施方式，即在页面控制器Controller组件开头添加_gsTracker.track( )用于收集并发送访问数据，达到在单页应用中页面切换时触发PV数据发送的效果。

通常，在页面对应的控制器Controller组件开头添加收集指令_gsTracker.track( )时，为了防止运行时造成不可预知的错误，方便出现错误时找到原因，因此需要对收集指令_gsTracker.track( )进行初始化。对于保留指令来说，可以在初始化收集指令_gsTracker.track( )时在控制器Controller组件中添加保留指令，在不影响收集指令的情况下，保留指令可以在收集指令发送PV数据等访问数据时保留切换后页面的更新数据。其中，保留指令作为一种JavaScript代码，本发明实施例提供了一种可选的实施方式，即在页面控制器Controller组件中添加保留指令_gsTracker.keepAnchor( )，当页面对应的控制器Controller组件被启动时，会触发保留指令_gsTracker.keepAnchor( )在收集指令发送PV数据时保留切换后页面的更新数据。其中，保留指令_gsTracker.keepAnchor( )通常会保留URL中#符号之后的数据，#符号之后的数据通常为对应网页不同部分的数据，根据这些数据的变化可以获知网页中发生变化的部分，也就是用户操作了网页中哪部分的内容。

本发明实施例通过上述方式在单页应用的页面控制器Controller组件中生成收集指令和保留指令，当页面切换时启动页面对应的控制器Controller组件执行收集指令和保留指令的代码，从而正确收集单页应用的PV数据及代表更新数据的URL中#符号之后的数据，将包括PV数据和页面更新数据在内的访问数据发送至用于统计分析的数据仓库服务器中。

作为对上述图1所示方法的应用，本发明实施例提供了一种单页应用访问数据收集和发送的装置，如图2所示，该装置包括：生成单元21、处理单元22及保留单元23，其中，

生成单元21，用于在页面中生成收集指令，收集指令用于收集并发送单页应用访问数据中的页面浏览PV数据；

生成单元21还用于在页面中生成保留指令，保留指令用于在发送页面浏览PV数据时保留单页应用访问数据中切换后页面的更新数据；

处理单元22，用于在页面发生切换时，基于收集指令的触发收集并发送页面浏览PV数据；

保留单元23，用于在处理单元22发送页面浏览PV数据时，基于保留指令的触发保留切换后页面的更新数据。

进一步的，生成单元21用于在页面对应的控制器中生成收集指令。

进一步的，生成单元21用于在页面对应的控制器中生成保留指令。

进一步的，处理单元22用于在页面发生切换时，启动页面对应的控制器执行收集指令，收集并发送页面浏览PV数据。

进一步的，保留单元23用于在处理单元22发送页面浏览PV数据时保留统一资源定位符URL中的#符号之后的数据。

本发明实施例提供的单页应用访问数据收集和发送的装置，能够通过在单页应用的页面中生成收集指令和保留指令，在页面发生切换时，触发收集指令收集并发送访问数据中的页面浏览PV数据，并在发送页面浏览PV数据时基于保留指令的触发保留切换后页面的更新数据。从而避免了现有的单页应用中由于网页切换过程不需要重新加载整个页面的情况所造成的无法收集并发送页面浏览PV数据，以及由于浏览器在处理仅仅#符号后面的字符不同的多个URL时会忽略#符号后面的字符所造成的在单页应用条件下浏览器会因为忽略了#符号后面的字符而无法区分用户究竟访问了哪个页面的哪一部分。

此外，本发明实施例通过上述方式在单页应用的页面控制器Controller组件中生成收集指令和保留指令，当页面切换时启动页面对应的控制器Controller组件执行收集指令和保留指令的代码，从而正确收集单页应用的PV数据及代表更新数据的URL中#符号之后的数据，将包括PV数据和页面更新数据在内的访问数据发送至用于统计分析的数据仓库服务器中。

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

可以理解的是，上述方法及装置中的相关特征可以相互参考。另外，上述实施例中的“第一”、“第二”等是用于区分各实施例，而并不代表各实施例的优劣。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的发明名称(如确定网站内链接等级的装置)中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (12)

1.一种单页应用访问数据收集和发送的方法，其特征在于，所述方法包括：

在页面中生成收集指令，所述收集指令用于收集并发送单页应用访问数据中的页面浏览PV数据；

在所述页面中生成保留指令，所述保留指令用于在发送所述页面浏览PV数据时保留所述单页应用访问数据中切换后页面的更新数据；

在所述页面发生切换时，基于所述收集指令的触发收集并发送所述页面浏览PV数据；

在发送所述页面浏览PV数据时，基于所述保留指令的触发保留所述切换后页面的更新数据。

2.根据权利要求1所述的方法，其特征在于，在页面中生成收集指令，包括：

在所述页面对应的控制器中生成收集指令。

3.根据权利要求1所述的方法，其特征在于，在所述页面中生成保留指令，包括：

在所述页面对应的控制器中生成保留指令。

4.根据权利要求2所述的方法，其特征在于，在所述页面发生切换时，基于所述收集指令的触发收集并发送所述页面浏览PV数据，包括：

在所述页面发生切换时，启动所述页面对应的控制器执行所述收集指令，收集并发送所述页面浏览PV数据。

5.根据权利要求3所述的方法，其特征在于，在发送所述页面浏览PV数据时，基于所述保留指令的触发保留所述切换后页面的更新数据，包括：

启动所述页面对应的控制器执行所述保留指令，在发送所述页面浏览PV数据时保留统一资源定位符URL中的#符号之后的数据。

6.一种单页应用访问数据收集和发送的装置，其特征在于，所述装置包括：

生成单元，用于在页面中生成收集指令，所述收集指令用于收集并发送单页应用访问数据中的页面浏览PV数据；

所述生成单元还用于在所述页面中生成保留指令，所述保留指令用于在发送所述页面浏览PV数据时保留所述单页应用访问数据中切换后页面的更新数据；

处理单元，用于在所述页面发生切换时，基于所述收集指令的触发收集并发送所述页面浏览PV数据；

保留单元，用于在所述处理单元发送所述页面浏览PV数据时，基于所述保留指令的触发保留所述切换后页面的更新数据。

7.根据权利要求6所述的装置，其特征在于，所述生成单元用于在所述页面对应的控制器中生成收集指令。

8.根据权利要求6所述的装置，其特征在于，所述生成单元用于在所述页面对应的控制器中生成保留指令。

9.根据权利要求7所述的装置，其特征在于，所述处理单元用于在所述页面发生切换时，启动所述页面对应的控制器执行所述收集指令，收集并发送所述页面浏览PV数据。

10.根据权利要求8所述的装置，其特征在于，所述保留单元用于在所述处理单元发送所述页面浏览PV数据时保留统一资源定位符URL中的#符号之后的数据。

11.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行权利要求1至权利要求5中任意一项所述的单页应用访问数据收集和发送的方法。

12.一种处理器，其特征在于，所述处理器用于运行程序，其中，所述程序运行时执行权利要求1至权利要求5中任意一项所述的单页应用访问数据收集和发送的方法。