可视化用户行为收集系统及其方法技术方案

本申请涉及一种可视化用户行为收集系统及其方法，所述方法包括以下步骤：S11.在原始页面上对后台管理侧可见的子页面中预设需要收集的用户行为数据的类型，使预设的用户行为数据类型与文档对象模型元素相关联；以及S12.根据所述预设的用户行为数据类型收集用户在所述原始页面上进行操作时产生的用户行为数据。本申请可以让用户很方便地预设需要收集的用户行为数据，且能够将用户行为数据和页面原有的业务内容分离，便于集中管理以及及时对无用或冗余数据进行清理；可以让用户通过不同的方式对用户行为数据进行可视化配置；还可以对用户行为数据的生命周期进行管理。

【技术实现步骤摘要】

本申请涉及计算机网络
，尤其涉及一种。
技术介绍
近年来，随着计算机网络技术的迅猛发展，互联网已经被广泛地使用。用户可以通过互联网方便、快捷地完成例如获取信息、购物、缴费、预定票务等各种日常所需，这使得用户对互联网的依赖日趋强烈。而对于网站来说，如何在第一时间了解用户的需求以及对产品的关注度，将为网站决策者在制定产品销售和宣传策略方面提供准确、及时的支持。目前，能够实现对关注度进行统计的方法有很多，例如，可以通过解析网站的日志数据来进行分析，也可以通过直接在网页上添加跟踪代码来进行分析，还可以使用如Google Analytics (用于对目标网站进行访问数据统计和分析)和CNZZ (用于为互联网各类站点提供专业、权威、独立的第三方数据统计分析)等第三方软件来进行分析。在相关技术中，上述方式均属于后置方案，即只能对用户访问之后的网站页面进行访问次数的统计，而无法对页面上的文档对象模型(document object model, dom)元素的访问次数进行统计；此外，相关技术的做法是将需要统计的数据内容直接写入到html代码中，例如，“〈ahref =，，...” one lick = ” sendData ( ‘news，)” > 新闻 </a>”(其中，“news” 是需要发送的采集数据，“sendData”是发送数据的javascript函数)，当对无用或冗余统计数据进行清理时，需要在html代码中查找所有“onclick”指向的数据，这会导致清理效率低下、数据无法被统一的、彻底的清理。此外，相关技术中还存在以下缺陷:dom元素的定位比较困难，通常以自定义属性的方式实现，而该·自定义属性的内容是需要页面开发人员和类型设置人员共同约定的；自定义属性的添加需要对原有页面进行改动，因此，有较大的侵入性；此外，没有可视化的操作界面，因此很难验证布点是否正确合理。
技术实现思路
鉴于上述相关技术的缺陷，本申请的主要目的在于提供一种，以解决相关技术存在的上述问题。为实现上述目的，本申请的实施例提供了一种可视化用户行为收集方法，所述方法包括以下步骤:S11.在原始页面上对后台管理侧可见的子页面中预设需要收集的用户行为数据的类型，使预设的用户行为数据类型与文档对象模型元素相关联；以及S12.根据所述预设的用户行为数据类型收集用户在所述原始页面上进行操作时产生的用户行为数据。本申请的实施例还提供了一种可视化用户行为收集系统，所述系统包括:类型设置模块，用于在原始页面上对后台管理侧可见的子页面中预设需要收集的用户行为数据的类型，使预设的用户行为数据类型与文档对象模型元素相关联；以及数据收集模块，用于根据所述预设的用户行为数据类型收集用户在所述原始页面上进行操作时产生的用户行为数据。综上所述，本申请的可以让用户很方便地定义需要收集的用户行为数据，也就是说，可以让用户通过不同的方式对用户行为数据进行可视化配置，即在可视化界面上把目前已经定义的规则都展现出来，用户可以很容易进行验证是否布点完成。附图说明图1为本申请可视化用户行为收集方法的实施例流程图；图2为本申请可视化用户行为收集系统的实施例结构框图。具体实施例方式下面将详细描述本申请的具体实施例。应当注意，这里描述的实施例只用于举例说明，并不用于限制本申请。本申请的可视化用户行为收集实现方案包括以下三个部分，即后台管理侧、业务系统集成所需的API (Application Programming Interface,应用程序编程接口)以及通用的 javascript。其中，后台管理侧是内容管理系统(Content Manage System, CMS)的一个子集，CMS把一个网站的内容(文字，图片，等等)与 网站的组件分离开来，可以将各个页面连接到一起，可以控制页面的显示，通过这个系统可以方便的管理、发布、维护网站的内容，而不再需要硬性的写html代码或手工建立每一个页面；在本申请中，后台管理侧主要用于预设用户行为数据的类型以及该用户行为数据类型所对应的dom元素匹配方式。这里，dom可以被javascript用来读取、改变html、xhtml以及xml文档，通过javascript，可以重构整个html文档，即可以添加、移除、改变或重排页面上的项目；当要改变页面上的某个内容时，javascript就需要获得对html文档中所有元素进行访问的入口，这个入口，连同对html元素进行添加、移动、改变或移除的方法和属性，都是通过dom来获得的。这里的每个元素都是一个dom元素，通过html解析之后便成为一个树形的数据结构。每个节点都可以看作是一个dom元素，每个dom元素至多有一个父节点，以及零个或多个子节点。业务系统集成所需的API是指一些预设的函数，目的是提供应用程序与开发人员基于某软件或硬件以访问一组例程(某个系统对外提供的功能接口或服务的集合，其作用类似于函数)的能力，而又无需访问源码，或理解内部工作机制的细节。而API接口则属于一种操作系统或程序接口，有时会将其作为公共开放系统，也就是说，制定自己的系统接口标准，当需要执行系统整合、自定义和程序应用等操作时，所有成员都可以通过该接口标准调用源代码，该接口标准被称之为开放式API。通用的javascript是指各个页面中均会使用到的相同的javascript代码，当用户点击页面上的某个元素时，能够自动与对应的用户行为数据进行匹配，并发送匹配后的用户行为数据。图1为本申请可视化用户行为收集方法的实施例流程图。如图所示，所述方法包括以下步骤Sll和S12。在一个实施例中，步骤Sll之前还包括以下步骤SlO。S10.抓取原始页面,并在所述原始页面的最末处添加可视化javascript代码,其中，所述代码用于生成所述子页面，并根据所述步骤Sll中的预设来生成所述用户行为数据类型与文档对象模型元素相关联的映射关系。在一个实施例中，首先通过后台管理侧来对原始页面进行抓取并将其完整呈现，这里的原始页面是指需要收集用户行为数据的页面；接着在原始页面的最末处添加可视化javascript代码。需要注意的是，这里对原始页面的抓取和可视化javascript代码的添加都是后台管理侧根据开发人员预设好的程序代码自动完成的，因此，不仅节约了人员成本，也提高了页面抓取的速度和准确性。此外，还需要注意的是，为了将原始页面的代码与需要收集的用户行为数据所产生的代码进行区分，开发人员会在上述预设好的程序代码中添加一些新的代码，使得在通过上述方法对用户行为数据进行收集时，产生的用户行为数据所对应的代码能够自动地插入到原始页面的代码的最末处，这样，可以就很容易地将产生的用户行为数据所对应的代码与原始页面的代码进行区分和隔离，从而使数据的管理更清楚，也使系统的维护更便捷。Sll.在原始页面上对后台管理侧可见的子页面中预设需要收集的用户行为数据的类型，使预设的用户行为数据类型与文档对象模型元素相关联。在一个实施例中，后台管理侧的操作者在需要收集的用户行为数据上进行操作(如:鼠标右键、双击等)时会弹出设置用户行为数据类型的对话框，其中，该对话框所在的页面即为对后台管理侧可见的子页面，通过在该对话框中进行的增加、修改和删除操作本文档来自技高网...

【技术保护点】
一种可视化用户行为收集方法，所述方法包括以下步骤：S11.在原始页面上对后台管理侧可见的子页面中预设需要收集的用户行为数据的类型，使预设的用户行为数据类型与文档对象模型元素相关联；以及S12.根据所述预设的用户行为数据类型收集用户在所述原始页面上进行操作时产生的用户行为数据。

【技术特征摘要】

【专利技术属性】
技术研发人员：陈寄文，童国俊，冯智峰，钟伟坚，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：