CN112364267A - 前端数据的采集方法及装置 - Google Patents

Abstract

本申请实施例公开了一种前端数据的采集方法及装置，用以解决现有技术中对前端页面上的数据采集效果差、采集成本高的问题。所述方法包括：响应于对前端页面的打开指令，加载预先部署于前端页面中的数据采集组件；以及，基于打开指令渲染前端页面；利用数据采集组件采集前端页面对应的页面相关数据；页面相关数据包括页面属性数据和前端页面上产生的用户行为所对应的用户行为数据；将页面相关数据上报至指定服务器。由于数据采集组件与前端页面低耦合，且每次打开前端页面，均会重新加载数据采集组件，因此利用数据采集组件采集前端页面上的数据，能够降低对前端页面的数据采集成本，提升对前端页面的数据采集效率。

Description

前端数据的采集方法及装置

技术领域

本申请涉及数据处理技术领域，尤其涉及一种前端数据的采集方法及装置。

背景技术

随着互联网的发展，为用户提供服务的网页、应用等产品层出不穷，人们也越来越偏向于在线上完成工作和生活中的各种事情，如购物、观影、查阅资料等。但是，产品淘汰速度较快的问题给开发方带来了困扰，比如某一产品给用户的体验较差，则该产品将会被其他的具有相同功能的产品代替，因此在一个产品上线之后，开发方不仅仅需要关注产品的用户活跃度，还需了解用户在该产品上都完成了哪些关键操作、是否按照预设的关键路径达成了该产品的核心业务流程、哪些功能的活跃度有问题、哪些地方有漏洞等方面，从而不断完善产品，使得产品更加贴合用户的需求。这就需要采集各用户在产品上的行为数据，并对行为数据进行分析与统计。

但目前在采集产品上的各数据时，需要在产品的代码中做数据埋点，埋点代码和具体的业务逻辑耦合，不利于后期对产品的维护和升级，并且难以保证埋点的准确性，因此需要人工验证埋点是否准确，若漏埋或错埋，则需要在修改埋点之后，重新将产品发布上线，这不仅增加了采集成本，而且采集效果较差。

发明内容

本申请实施例的目的是提供一种前端数据的采集方法及装置，用以解决现有技术中对前端页面上的数据采集效果差、采集成本高的问题。

为解决上述技术问题，本申请实施例是这样实现的：

一方面，本申请实施例提供一种前端数据的采集方法，包括：

响应于对前端页面的打开指令，加载预先部署于所述前端页面中的数据采集组件；以及，基于所述打开指令渲染所述前端页面；

利用所述数据采集组件采集所述前端页面对应的页面相关数据；所述页面相关数据包括页面属性数据和所述前端页面上产生的用户行为所对应的用户行为数据；

将所述页面相关数据上报至指定服务器；所述指定服务器用于对所述页面相关数据进行统计，得到所述前端页面对应的用户行为统计结果，并以可视化方式展示所述用户行为统计结果。

另一方面，本申请实施例提供一种前端数据的采集装置，包括：

加载及渲染模块，用于响应于对前端页面的打开指令，加载预先部署于所述前端页面中的数据采集组件；以及，基于所述打开指令渲染所述前端页面；

采集模块，用于利用所述数据采集组件采集所述前端页面对应的页面相关数据；所述页面相关数据包括页面属性数据和所述前端页面上产生的用户行为所对应的用户行为数据；

数据上报模块，用于将所述页面相关数据上报至指定服务器；所述指定服务器用于对所述页面相关数据进行统计，得到所述前端页面对应的用户行为统计结果，并以可视化方式展示所述用户行为统计结果。

再一方面，本申请实施例提供一种前端数据的采集设备，包括处理器和与所述处理器电连接的存储器，所述存储器存储有计算机程序，所述处理器用于从所述存储器调用并执行所述计算机程序以实现上述前端数据的采集方法。

再一方面，本申请实施例提供一种存储介质，用于存储计算机程序，所述计算机程序能够被处理器执行以实现上述前端数据的采集方法。

采用本申请实施例的技术方案，通过响应于对前端页面的打开指令，加载预先部署于前端页面中的数据采集组件，以及基于打开指令渲染前端页面，利用数据采集组件采集前端页面对应的页面属性数据和前端页面上产生的用户行为所对应的用户行为数据，并将页面相关数据上报至指定服务器，以使指定服务器对页面相关数据进行统计，得到前端页面对应的用户行为统计结果，并以可视化方式展示用户行为统计结果。由于数据采集组件是部署于前端页面中的，与前端页面低耦合，因此通过数据采集组件采集前端页面上的各数据，不仅时效性高，还能省去传统埋点方式(如手动埋点、可视化埋点等方式)所带来的人力物力的耗费，以及能够避免传统埋点方式对前端页面的代码侵入。并且，由于数据采集组件是响应于对前端页面的打开指令而加载的，即每次打开前端页面时，均会重新加载数据采集组件，因此在对数据采集组件进行更新时，可直接更换部署于前端页面中的数据采集组件，操作简单，无需在前端页面中重新写入埋点代码，从而降低了对前端页面的数据采集成本、提升了对前端页面的数据采集效率。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是根据本申请一实施例的一种前端数据的采集系统的示意性架构图；

图2是根据本申请一实施例的一种前端数据的采集方法的示意性流程图；

图3是根据本申请另一实施例的一种前端数据的采集方法的示意性流程图；

图4是根据本申请一实施例的一种前端数据的采集装置的结构示意图；

图5是根据本申请一实施例的一种前端数据的采集设备的硬件结构示意图。

具体实施方式

本申请实施例提供一种前端数据的采集方法及装置，用以解决现有技术中对前端页面上的数据采集效果差、采集成本高的问题。

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

图1是根据本申请一实施例的一种前端数据的采集系统的示意性架构图，该系统包括客户端110、前端页面对应的目标服务器120、有用户行为分析需求的指定服务器130和指定存储系统140。其中，客户端110与目标服务器120之间通信连接，目标服务器120与指定服务器130之间通信连接，指定存储系统140与客户端110之间通信连接，指定存储系统140与指定服务器130之间通信连接。

本实施例中，目标服务器120用于向客户端110发送数据采集组件对应的软件安装包。客户端110用于接收目标服务器120下发的数据采集组件对应的软件安装包，并基于软件安装包，将数据采集组件部署于前端页面中。

本实施例中，指定存储系统140用于存储数据采集组件采集到的前端页面对应的页面相关数据。指定存储系统140可内设在客户端110中，也可内设在指定服务器130中，还可以作为一个独立的存储型服务器单独设置。图1中仅示意性的展示了指定存储系统140作为独立的存储型服务器单独设置时的系统架构。指定存储系统140内设在客户端110中或内设在指定服务器130中的情形并未示出。

若指定存储系统140作为独立的存储型服务器单独设置(如图1所示的情形)，则该存储型服务器用于存储客户端110发送的页面相关数据，并在接收到指定服务器130发送的数据获取请求时，将存储的页面相关数据发送至指定服务器130；指定服务器130用于接收该存储型服务器发送的与数据获取请求相对应的页面相关数据。

若指定存储系统140内设在客户端110中，则客户端110用于接收对前端页面的打开指令，并在接收到该打开指令时加载预先部署于前端页面中的数据采集组件，以及基于打开指令渲染前端页面，利用数据采集组件采集前端页面对应的页面相关数据，并存储采集到的页面相关数据，在接收到指定服务器130发送的数据获取请求时，将存储的页面相关数据发送至指定服务器130；指定服务器130用于接收客户端110发送的与数据获取请求相对应的页面相关数据。

若指定存储系统140内设在指定服务器130中，则客户端110用于接收对前端页面的打开指令，并在接收到该打开指令时加载预先部署于前端页面中的数据采集组件，以及基于打开指令渲染前端页面，利用数据采集组件采集前端页面对应的页面相关数据，并将页面相关数据发送至指定服务器130。

本实施例中，指定服务器130还用于对接收到的页面相关数据进行统计，得到前端页面对应的用户行为统计结果，并以可视化方式展示用户行为统计结果。在对用户行为统计结果进行可视化展示时，可将用户行为统计结果渲染至各前端页面对应的预览页面，使得在与前端页面布局相同的预览页面上可以直观看出统计结果，或者可将用户行为统计结果以统计图(如柱状图、扇形图、折线图等)的形式进行展示。

指定服务器130可定期对获取到的页面相关数据进行清洗、聚合、抛弃存储的历史采集到的页面相关数据等操作，以减轻数据存储压力。

图2是根据本申请一实施例的一种前端数据的采集方法的示意性流程图，应用于如图1中所示的客户端110，包括：

S202，响应于对前端页面的打开指令，加载预先部署于前端页面中的数据采集组件；以及，基于打开指令渲染前端页面。

S204，利用数据采集组件采集前端页面对应的页面相关数据。

其中，页面相关数据包括页面属性数据和前端页面上产生的用户行为所对应的用户行为数据。

在一个实施例中，页面属性数据包括前端页面的统一资源定位符、前端页面的标题信息等信息。用户行为包括点击行为、页面滑动行为等行为。用户行为数据包括：用户行为的行为类别、由前端页面为用户生成的用户识别码、为用户行为数据生成的数据识别码、用户行为的产生时间等数据。

其中，用户行为的行为类别可包括点击类、页面滑动类等类别，由前端页面为用户生成的用户识别码可为用户ID(Identity document，身份识别号)，为用户行为数据生成的数据识别码可用页面属性数据与用户行为的行为类别组合表征。例如，页面属性数据为前端页面的统一资源定位符http://shop.org/html/lastpage.htm，用户行为的行为类别为点击类webclick，则为用户行为数据生成的数据识别码可为http://shop.org/html/lastpage.htm+webclick。

S206，将页面相关数据上报至指定服务器。

其中，指定服务器用于对页面相关数据进行统计，得到前端页面对应的用户行为统计结果，并以可视化方式展示用户行为统计结果。

采用本申请实施例的技术方案，通过响应于对前端页面的打开指令，加载预先部署于前端页面中的数据采集组件，以及基于打开指令渲染前端页面，利用数据采集组件采集前端页面对应的页面属性数据和前端页面上产生的用户行为所对应的用户行为数据，并将页面相关数据上报至指定服务器，以使指定服务器对页面相关数据进行统计，得到前端页面对应的用户行为统计结果，并以可视化方式展示用户行为统计结果。由于数据采集组件是部署于前端页面中的，与前端页面低耦合，因此通过数据采集组件采集前端页面上的各数据，不仅时效性高，还能省去传统埋点方式(如手动埋点、可视化埋点等方式)所带来的人力物力的耗费，以及能够避免传统埋点方式对前端页面的代码侵入。并且，由于数据采集组件是响应于对前端页面的打开指令而加载的，即每次打开前端页面时，均会重新加载数据采集组件，因此在对数据采集组件进行更新时，可直接更换部署于前端页面中的数据采集组件，操作简单，无需在前端页面中重新写入埋点代码，从而降低了对前端页面的数据采集成本、提升了对前端页面的数据采集效率。

在一个实施例中，在基于打开指令渲染前端页面之后，可接收前端页面对应的目标服务器发送的用户标识信息，并将用户标识信息关联至页面相关数据。其中，用户标识信息由目标服务器在用户登录前端页面时获取得到。

其中，目标服务器是为前端页面提供服务的服务器。用户标识信息可为能够确定出唯一的用户的信息，用户标识信息可包括用户的登录信息，如姓名、通讯号码(手机号码、聊天账号等)、身份证号、住址等信息。本实施例中，可通过在数据采集组件上设置的应用程序接口接收前端页面对应的目标服务器发送的用户标识信息。

其中，在接收前端页面对应的目标服务器发送的用户标识信息之后，还可对用户标识信息进行加密，得到加密后的用户标识信息。相应的，将用户标识信息关联至页面相关数据的步骤可执行为：将加密后的用户标识信息关联至页面相关数据。在将页面相关数据上报至指定服务器之后，指定服务器首先对加密后的用户标识信息进行解密操作，然后对页面相关数据进行统计，得到前端页面对应的用户行为统计结果。

在本实施例中，通过接收前端页面对应的目标服务器发送的用户标识信息，并将用户标识信息关联至页面相关数据，使得根据页面相关数据即可确定出对应的用户，为后续进行业务精准触达用户，提供了数据基础。并且，在接收前端页面对应的目标服务器发送的用户信息之后，还可对用户标识信息进行加密，能够避免因前端页面被攻击导致的用户信息泄露的问题。

在一个实施例中，在响应于对前端页面的打开指令，加载预先部署于前端页面中的数据采集组件之前，可接收目标服务器下发的数据采集组件对应的软件安装包，并基于软件安装包，将数据采集组件部署于前端页面中。

其中，数据采集组件对应的软件安装包可为SDK(Software Development Kit，软件开发工具包)安装包。

在本实施例中，通过在前端页面打开之前，接收目标服务器下发的数据采集组件对应的软件安装包，并基于软件安装包将数据采集组件部署于前端页面中，能够确保在接收到针对前端页面的打开指令的时候，加载部署于前端页面中的数据采集组件。

在一个实施例中，软件安装包中包括用于定义数据采集组件对应的目标采集对象的资源文件，目标采集对象可包括一种或多种用户行为数据。在利用数据采集组件采集前端页面对应的页面相关数据时，可根据资源文件确定数据采集组件对应的目标采集对象，利用数据采集组件采集前端页面对应的目标采集对象，并将采集到的目标采集对象确定为待上传的页面相关数据。

其中，目标采集对象可包括：用户行为的行为类别(点击类webclick、页面滑动类webstay)、由前端页面为用户生成的用户识别码usertag、为用户行为数据生成的数据识别码typeId、用户行为的产生时间date，具体数据data等。data中可包括用户行为所属的会话session_id，前端页面的统一资源定位符url，前端页面的标题信息title等。

当用户行为的行为类别为点击类webclick时，data中还包括：点击位置相对于点击元素的左边距element_x、点击位置相对于点击元素的上边距element_y、点击位置相对于点击元素的左边距百分比element_x_percent、点击位置相对于点击元素的上边距百分比element_y_percent等。

当用户行为的行为类别为页面滑动类webstay时，data中还包括：可视区域宽度viewport_width、视区距顶部的位置viewport_position、可视区域高度viewport_height、视区停留时间event_duration。

在本实施例中，通过根据加载出的数据采集组件对应的目标采集对象的资源文件，确定数据采集组件对应的目标采集对象，并利用数据采集组件采集前端页面对应的目标采集对象，由于资源文件是定义在数据采集组件的软件安装包中的，而软件安装包是目标服务器下发的，因此根据目标服务器下发的软件安装包中定义的资源文件的不同，数据采集组件采集到的目标采集对象也不同，实现了采集自定义业务数据的效果。

在一个实施例中，利用数据采集组件采集前端页面对应的页面相关数据之后，可根据前端页面的页面属性数据，对页面相关数据进行整合，得到整合后的页面相关数据。相应的，将页面相关数据上报至指定服务器的步骤可执行为：将整合后的页面相关数据上报至指定服务器。

其中，可根据相同的前端页面的统一资源定位符，对页面相关数据进行整合，得到整合后的页面相关数据。或者，可根据相同的前端页面的标题信息，对页面相关数据进行整合，得到整合后的页面相关数据。或者，可根据相同的前端页面的统一资源定位符和标题信息，对页面相关数据进行整合，得到整合后的页面相关数据。

在上述实施例中，通过根据前端页面的页面属性数据，对页面相关数据进行整合，得到整合后的页面相关数据，有效减少了冗余的数据，减轻了前端的数据存储压力。

在一个实施例中，可按照数据采集组件对应的数据上报模型，将页面相关数据上报至指定服务器。其中，数据上报模型包括页面相关数据的上报内容和/或上报格式。

其中，页面相关数据的上报内容可与上述实施例中前端页面对应的目标采集对象相同。若目标采集对象包括：用户行为的行为类别(点击类webclick、页面滑动类webstay)、由前端页面为用户生成的用户识别码usertag、为用户行为数据生成的数据识别码typeId、用户行为的产生时间date和具体数据data。data中包括用户行为所属的会话session_id、前端页面的统一资源定位符url和前端页面的标题信息title，则页面相关数据的上报格式如下：usertag可用用户ID表征，typeId可用url和/或title与用户行为的行为类别的组合进行表征。例如，用户行为的行为类别为点击类webclick，则typeId可用url+webclick、title+webclick、url+title+webclick中的一项进行表征。data中的数据可用key＝value的形式表征。例如，session_id的值为1，url为XXX，title为新车详情页，则data可用“url＝XXX&title＝新车详情页&session_id＝1”进行表征。

在本实施例中，通过按照数据采集组件对应的数据上报模型，将页面相关数据上报至指定服务器，规范了待上传的页面相关数据的内容和格式，有利于指定服务器对接收到的页面相关数据进行统计。

在一个实施例中，可根据数据采集组件对应的数据上报模型，确定向指定服务器上报的页面相关数据的上报内容、上报格式等，从页面相关数据中提取与上报内容相匹配的目标数据，以及按照上报格式对目标数据进行格式转换，并将格式转换后的目标数据上报至指定服务器。

在本实施例中，能够在数据采集组件采集到的页面相关数据与数据采集组件对应的页面相关数据上报内容和上报格式不一致时，从采集到的页面相关数据中提取出与上报内容相匹配的目标数据，以及将目标数据的格式转换成与上报格式相同的格式，规范了待上传的页面相关数据的内容和格式，有利于指定服务器对接收到的页面相关数据进行统计。

在一个实施例中，在将页面相关数据上报至指定服务器时，可将页面相关数据发送至指定存储系统。指定存储系统用于存储页面相关数据，并在接收到指定服务器发送的数据获取请求时，将存储的页面相关数据上报至指定服务器。

其中，数据获取请求中可携带数据获取的目标条件，如目标条件为获取某一时间段、某一(些)前端页面的页面属性数据、某一(些)前端页面上的行为类别等数据，指定存储系统可基于上述目标条件有针对性的将存储的页面相关数据上报至指定服务器。

在本实施例中，通过将页面相关数据发送至指定存储系统，在指定存储系统接收到指定服务器发送的数据获取请求时，将存储的页面相关数据上报至指定服务器，减轻了指定服务器的数据存储压力。

此外，指定存储系统还可按照预设的数据上报规则将页面相关数据上报给指定服务器，其中，数据上报规则可包括上报时间、上报频率、上报条件(如存储的数据量达到一定阈值)等。

图3是根据本申请另一实施例的一种前端数据的采集方法的示意性流程图，应用于如图1中所示的前端数据的采集系统，包括：

S301，客户端响应于对前端页面的打开指令，调用预先部署于前端页面中的数据采集组件，并基于打开指令渲染前端页面。

其中，客户端可预先接收前端页面对应的目标服务器下发的数据采集组件对应的软件安装包，并基于软件安装包，将数据采集组件部署于前端页面中。

软件安装包中包括用于定义数据采集组件对应的目标采集对象的资源文件，目标采集对象包括一种或多种用户行为数据。

S302，客户端根据数据采集组件对应的目标采集对象的资源文件，确定数据采集组件对应的目标采集对象。

在一个实施例中，客户端可以不基于软件安装包中用于定义目标采集对象的资源文件确定目标采集对象，而是直接利用数据采集组件采集全部的页面相关数据，在需要上报页面相关数据时，可将采集到的页面相关数据全部或者有选择的上报给指定服务器。

S303，客户端利用数据采集组件采集前端页面对应的目标采集对象，并将采集到的目标采集对象确定为待上传的页面相关数据。

其中，页面相关数据包括页面属性数据和前端页面上产生的用户行为所对应的用户行为数据。页面属性数据包括前端页面的统一资源定位符、前端页面的标题信息等信息。用户行为包括点击行为、页面滑动行为等。用户行为数据包括：用户行为的行为类别、由前端页面为用户生成的用户识别码、为用户行为数据生成的数据识别码、用户行为的产生时间等数据。

此外，客户端还可接收前端页面对应的目标服务器发送的用户标识信息，并将用户标识信息关联至页面相关数据。其中，用户标识信息由目标服务器在用户登录前端页面时获取得到。若前端页面不支持登录，则目标服务器不向客户端发送用户标识信息。

S304，客户端根据前端页面的页面属性数据，对页面相关数据进行整合，得到整合后的页面相关数据。

S305，客户端根据数据采集组件对应的数据上报模型，确定向指定服务器上报的页面相关数据的上报内容和上报格式。

S306，客户端从整合后的页面相关数据中提取与上报内容相匹配的目标数据，以及按照上报格式对目标数据进行格式转换。

S307，客户端将格式转换后的目标数据上报至指定服务器。

其中，还可将格式转换后的目标数据发送至指定存储系统。指定存储系统用于存储页面相关数据，并在接收到指定服务器发送的数据获取请求时，将存储的页面相关数据上报至指定服务器。

S308，指定服务器对接收到的目标数据进行统计，得到前端页面对应的用户行为统计结果，并以可视化方式展示用户行为统计结果。

上述S301-S308的具体实施过程在上述实施例中已进行详细说明，此处不再赘述。

采用本申请实施例的技术方案，通过响应于对前端页面的打开指令，加载预先部署于前端页面中的数据采集组件，以及基于打开指令渲染前端页面，利用数据采集组件采集前端页面对应的页面属性数据和前端页面上产生的用户行为所对应的用户行为数据，并将页面相关数据上报至指定服务器，以使指定服务器对页面相关数据进行统计，得到前端页面对应的用户行为统计结果，并以可视化方式展示用户行为统计结果。由于数据采集组件是部署于前端页面中的，与前端页面低耦合，因此通过数据采集组件采集前端页面上的各数据，不仅时效性高，还能省去传统埋点方式(如手动埋点、可视化埋点等方式)所带来的人力物力的耗费，以及能够避免传统埋点方式对前端页面的代码侵入。并且，由于数据采集组件是响应于对前端页面的打开指令而加载的，即每次打开前端页面时，均会重新加载数据采集组件，因此在对数据采集组件进行更新时，可直接更换部署于前端页面中的数据采集组件，操作简单，无需在前端页面中重新写入埋点代码，从而降低了对前端页面的数据采集成本、提升了对前端页面的数据采集效率。

综上，已经对本主题的特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作可以按照不同的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序，以实现期望的结果。在某些实施方式中，多任务处理和并行处理可以是有利的。

以上为本申请实施例提供的前端数据的采集方法，基于同样的思路，本申请实施例还提供一种前端数据的采集装置。

图4是根据本申请一实施例的一种前端数据的采集装置的结构示意图，如图4所示，前端数据的采集装置包括：

加载及渲染模块410，用于响应于对前端页面的打开指令，加载预先部署于前端页面中的数据采集组件；以及，基于打开指令渲染前端页面；

采集模块420，用于利用数据采集组件采集前端页面对应的页面相关数据；页面相关数据包括页面属性数据和前端页面上产生的用户行为所对应的用户行为数据；

数据上报模块430，用于将页面相关数据上报至指定服务器；指定服务器用于对页面相关数据进行统计，得到前端页面对应的用户行为统计结果，并以可视化方式展示用户行为统计结果。

在一个实施例中，页面属性数据包括前端页面的统一资源定位符和/或前端页面的标题信息；

用户行为包括点击行为和/或页面滑动行为；用户行为数据包括：用户行为的行为类别、由前端页面为用户生成的用户识别码、为用户行为数据生成的数据识别码、用户行为的产生时间中的至少一项。

在一个实施例中，前端数据的采集装置还包括：

数据整合模块，用于根据前端页面的页面属性数据，对页面相关数据进行整合，得到整合后的页面相关数据；

数据上报模块430包括：

第一数据上报单元，用于将整合后的页面相关数据上报至指定服务器。

在一个实施例中，前端数据的采集装置还包括：

第一接收模块，用于接收前端页面对应的目标服务器发送的用户标识信息；用户标识信息由目标服务器在用户登录前端页面时获取得到；

关联模块，用于将用户标识信息关联至页面相关数据。

在一个实施例中，数据上报模块430包括：

第二数据上报单元，用于按照数据采集组件对应的数据上报模型，将页面相关数据上报至指定服务器；数据上报模型包括页面相关数据的上报内容和/或上报格式。

在一个实施例中，第二数据上报单元具体用于：

根据数据采集组件对应的数据上报模型，确定向指定服务器上报的页面相关数据的上报内容和/或上报格式；

从页面相关数据中提取与上报内容相匹配的目标数据，以及按照上报格式对目标数据进行格式转换；

将格式转换后的目标数据上报至指定服务器。

在一个实施例中，前端数据的采集装置还包括：

第二接收模块，用于接收目标服务器下发的数据采集组件对应的软件安装包；

部署模块，用于基于软件安装包，将数据采集组件部署于前端页面中。

在一个实施例中，软件安装包中包括用于定义数据采集组件对应的目标采集对象的资源文件；目标采集对象包括一种或多种用户行为数据；

采集模块420包括：

确定单元，用于根据资源文件，确定数据采集组件对应的目标采集对象；

采集及确定单元，用于利用数据采集组件采集前端页面对应的目标采集对象，并将采集到的目标采集对象确定为待上传的页面相关数据。

在一个实施例中，数据上报模块430包括：

发送单元，用于将页面相关数据发送至指定存储系统；指定存储系统用于存储页面相关数据，并在接收到指定服务器发送的数据获取请求时，将存储的页面相关数据上报至指定服务器。

采用本申请实施例的装置，通过响应于对前端页面的打开指令，加载预先部署于前端页面中的数据采集组件，以及基于打开指令渲染前端页面，利用数据采集组件采集前端页面对应的页面属性数据和前端页面上产生的用户行为所对应的用户行为数据，并将页面相关数据上报至指定服务器，以使指定服务器对页面相关数据进行统计，得到前端页面对应的用户行为统计结果，并以可视化方式展示用户行为统计结果。由于数据采集组件是部署于前端页面中的，与前端页面低耦合，因此通过数据采集组件采集前端页面上的各数据，不仅时效性高，还能省去传统埋点方式(如手动埋点、可视化埋点等方式)所带来的人力物力的耗费，以及能够避免传统埋点方式对前端页面的代码侵入。并且，由于数据采集组件是响应于对前端页面的打开指令而加载的，即每次打开前端页面时，均会重新加载数据采集组件，因此在对数据采集组件进行更新时，可直接更换部署于前端页面中的数据采集组件，操作简单，无需在前端页面中重新写入埋点代码，从而降低了对前端页面的数据采集成本、提升了对前端页面的数据采集效率。

本领域的技术人员应可理解，图4中的前端数据的采集装置能够用来实现前文所述的前端数据的采集方法，其中的细节描述应与前文方法部分描述类似，为避免繁琐，此处不另赘述。

基于同样的思路，本申请实施例还提供一种前端数据的采集设备，如图5所示。前端数据的采集设备可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上的处理器501和存储器502，存储器502中可以存储有一个或一个以上存储应用程序或数据。其中，存储器502可以是短暂存储或持久存储。存储在存储器502的应用程序可以包括一个或一个以上模块(图示未示出)，每个模块可以包括对前端数据的采集设备中的一系列计算机可执行指令。更进一步地，处理器501可以设置为与存储器502通信，在前端数据的采集设备上执行存储器502中的一系列计算机可执行指令。前端数据的采集设备还可以包括一个或一个以上电源503，一个或一个以上有线或无线网络接口504，一个或一个以上输入输出接口505，一个或一个以上键盘506。

具体在本实施例中，前端数据的采集设备包括有存储器，以及一个或一个以上的程序，其中一个或者一个以上程序存储于存储器中，且一个或者一个以上程序可以包括一个或一个以上模块，且每个模块可以包括对前端数据的采集设备中的一系列计算机可执行指令，且经配置以由一个或者一个以上处理器执行该一个或者一个以上程序包含用于进行以下计算机可执行指令：

响应于对前端页面的打开指令，加载预先部署于前端页面中的数据采集组件；以及，基于打开指令渲染前端页面；

利用数据采集组件采集前端页面对应的页面相关数据；页面相关数据包括页面属性数据和前端页面上产生的用户行为所对应的用户行为数据；

将页面相关数据上报至指定服务器；指定服务器用于对页面相关数据进行统计，得到前端页面对应的用户行为统计结果，并以可视化方式展示用户行为统计结果。

可选地，页面属性数据包括前端页面的统一资源定位符和/或前端页面的标题信息；

用户行为包括点击行为和/或页面滑动行为；用户行为数据包括：用户行为的行为类别、由前端页面为用户生成的用户识别码、为用户行为数据生成的数据识别码、用户行为的产生时间中的至少一项。

可选地，计算机可执行指令在被执行时，还可以使所述处理器：

根据前端页面的页面属性数据，对页面相关数据进行整合，得到整合后的页面相关数据；

将页面相关数据上报至指定服务器，包括：

将整合后的页面相关数据上报至指定服务器。

可选地，计算机可执行指令在被执行时，还可以使所述处理器：

接收前端页面对应的目标服务器发送的用户标识信息；用户标识信息由目标服务器在用户登录前端页面时获取得到；

将用户标识信息关联至页面相关数据。

可选地，计算机可执行指令在被执行时，还可以使所述处理器：

按照数据采集组件对应的数据上报模型，将页面相关数据上报至指定服务器；数据上报模型包括页面相关数据的上报内容和/或上报格式。

可选地，计算机可执行指令在被执行时，还可以使所述处理器：

根据数据采集组件对应的数据上报模型，确定向指定服务器上报的页面相关数据的上报内容和/或上报格式；

从页面相关数据中提取与上报内容相匹配的目标数据，以及按照上报格式对目标数据进行格式转换；

将格式转换后的目标数据上报至指定服务器。

可选地，计算机可执行指令在被执行时，还可以使所述处理器：

接收目标服务器下发的数据采集组件对应的软件安装包；

基于软件安装包，将数据采集组件部署于前端页面中。

可选地，软件安装包中包括用于定义数据采集组件对应的目标采集对象的资源文件；目标采集对象包括一种或多种用户行为数据；

计算机可执行指令在被执行时，还可以使所述处理器：

根据资源文件，确定数据采集组件对应的目标采集对象；

利用数据采集组件采集前端页面对应的目标采集对象，并将采集到的目标采集对象确定为待上传的页面相关数据。

可选地，计算机可执行指令在被执行时，还可以使所述处理器：

将页面相关数据发送至指定存储系统；指定存储系统用于存储页面相关数据，并在接收到指定服务器发送的数据获取请求时，将存储的页面相关数据上报至指定服务器。

采用本申请实施例的设备，通过响应于对前端页面的打开指令，加载预先部署于前端页面中的数据采集组件，以及基于打开指令渲染前端页面，利用数据采集组件采集前端页面对应的页面属性数据和前端页面上产生的用户行为所对应的用户行为数据，并将页面相关数据上报至指定服务器，以使指定服务器对页面相关数据进行统计，得到前端页面对应的用户行为统计结果，并以可视化方式展示用户行为统计结果。由于数据采集组件是部署于前端页面中的，与前端页面低耦合，因此通过数据采集组件采集前端页面上的各数据，不仅时效性高，还能省去传统埋点方式(如手动埋点、可视化埋点等方式)所带来的人力物力的耗费，以及能够避免传统埋点方式对前端页面的代码侵入。并且，由于数据采集组件是响应于对前端页面的打开指令而加载的，即每次打开前端页面时，均会重新加载数据采集组件，因此在对数据采集组件进行更新时，可直接更换部署于前端页面中的数据采集组件，操作简单，无需在前端页面中重新写入埋点代码，从而降低了对前端页面的数据采集成本、提升了对前端页面的数据采集效率。

本申请实施例还提出了一种存储介质，该存储介质存储一个或多个计算机程序，该一个或多个计算机程序包括指令，该指令当被包括多个应用程序的电子设备执行时，能够使该电子设备执行上述前端数据的采集方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

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

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

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

Claims (10)

1.一种前端数据的采集方法，其特征在于，包括：

响应于对前端页面的打开指令，加载预先部署于所述前端页面中的数据采集组件；以及，基于所述打开指令渲染所述前端页面；

利用所述数据采集组件采集所述前端页面对应的页面相关数据；所述页面相关数据包括页面属性数据和所述前端页面上产生的用户行为所对应的用户行为数据；

将所述页面相关数据上报至指定服务器；所述指定服务器用于对所述页面相关数据进行统计，得到所述前端页面对应的用户行为统计结果，并以可视化方式展示所述用户行为统计结果。

2.根据权利要求1所述的方法，其特征在于，所述页面属性数据包括所述前端页面的统一资源定位符和/或所述前端页面的标题信息；

所述用户行为包括点击行为和/或页面滑动行为；所述用户行为数据包括：所述用户行为的行为类别、由所述前端页面为用户生成的用户识别码、为所述用户行为数据生成的数据识别码、所述用户行为的产生时间中的至少一项。

3.根据权利要求2所述的方法，其特征在于，所述利用所述数据采集组件采集所述前端页面对应的页面相关数据之后，所述方法还包括：

根据所述前端页面的页面属性数据，对所述页面相关数据进行整合，得到整合后的所述页面相关数据；

所述将所述页面相关数据上报至指定服务器，包括：

将整合后的所述页面相关数据上报至所述指定服务器。

4.根据权利要求1所述的方法，其特征在于，所述基于所述打开指令渲染所述前端页面之后，所述方法还包括：

接收所述前端页面对应的目标服务器发送的用户标识信息；所述用户标识信息由所述目标服务器在用户登录所述前端页面时获取得到；

将所述用户标识信息关联至所述页面相关数据。

5.根据权利要求1所述的方法，其特征在于，所述将所述页面相关数据上报至指定服务器，包括：

按照所述数据采集组件对应的数据上报模型，将所述页面相关数据上报至指定服务器；所述数据上报模型包括所述页面相关数据的上报内容和/或上报格式。

6.根据权利要求5所述的方法，其特征在于，所述按照所述数据采集组件对应的数据上报模型，将所述页面相关数据上报至指定服务器，包括：

根据所述数据采集组件对应的所述数据上报模型，确定向所述指定服务器上报的所述页面相关数据的上报内容和/或上报格式；

从所述页面相关数据中提取与所述上报内容相匹配的目标数据，以及按照所述上报格式对所述目标数据进行格式转换；

将格式转换后的所述目标数据上报至所述指定服务器。

7.根据权利要求4所述的方法，其特征在于，所述响应于对前端页面的打开指令，加载预先部署于所述前端页面中的数据采集组件之前，所述方法还包括：

接收所述目标服务器下发的所述数据采集组件对应的软件安装包；

基于所述软件安装包，将所述数据采集组件部署于所述前端页面中。

8.根据权利要求7所述的方法，其特征在于，所述软件安装包中包括用于定义所述数据采集组件对应的目标采集对象的资源文件；所述目标采集对象包括一种或多种所述用户行为数据；

所述利用所述数据采集组件采集所述前端页面对应的页面相关数据，包括：

根据所述资源文件，确定所述数据采集组件对应的所述目标采集对象；

利用所述数据采集组件采集所述前端页面对应的所述目标采集对象，并将采集到的所述目标采集对象确定为待上传的所述页面相关数据。

9.根据权利要求1所述的方法，其特征在于，所述将所述页面相关数据上报至指定服务器，包括：

将所述页面相关数据发送至指定存储系统；所述指定存储系统用于存储所述页面相关数据，并在接收到所述指定服务器发送的数据获取请求时，将存储的所述页面相关数据上报至所述指定服务器。

10.一种前端数据的采集装置，其特征在于，包括：

加载及渲染模块，用于响应于对前端页面的打开指令，加载预先部署于所述前端页面中的数据采集组件；以及，基于所述打开指令渲染所述前端页面；

采集模块，用于利用所述数据采集组件采集所述前端页面对应的页面相关数据；所述页面相关数据包括页面属性数据和所述前端页面上产生的用户行为所对应的用户行为数据；

数据上报模块，用于将所述页面相关数据上报至指定服务器；所述指定服务器用于对所述页面相关数据进行统计，得到所述前端页面对应的用户行为统计结果，并以可视化方式展示所述用户行为统计结果。

Images