用户行为监测系统和方法与流程

本发明涉及网络用户行为监测领域，特别是一种基于reactredux事件系统的用户行为监测方法及监测系统。

背景技术：

做用户浏览行为分析，有助于提升网站整体营销效果。商家只有不断完善用户体验，挖掘用户新的痛点。并且在网站内容上表现出来，才能获得用户的青睐。现在网页上广泛使用的用户行为追踪系统，几乎都要去进行埋点，而且只能采集到一些统计数据，无法生动的再现用户的使用情况。

技术实现要素：

有鉴于此，本发明的发明人提供一种新的解决方案，不需要埋点，能像录屏般的再现用户的使用场景，犹如时光倒流，能够更加直观的提供分析和改善产品的论据。

根据本发明的第一方面，本发明提供一种用户行为监测系统，其包括：

视图单元，接收用户请求并派发行为信息到状态存储单元，向用户展示状态；

状态存储单元，收集视图单元派发的行为信息，根据行为信息更新状态，并将收集到的行为信息发送到行为存储单元；

行为存储单元，存储收集到的行为信息。

优选地，所述系统还包括回放分析单元，用于调取行为存储单元存储的行为信息，派发到状态存储单元，状态存储单元将行为信息转化为状态变化，通过视图单元展示。

优选地，所述状态存储单元包括行为收集中间件、reducer模块和状态存储模块；

所述行为收集中间件收集视图单元派发的行为信息；

所述reducer模块对收集到的行为信息进行处理，处理后的行为信息发送到行为存储单元，并根据行为信息更新状态，将更新的状态存储于状态存储模块。

优选地，所述视图单元包括ui渲染组件，用于状态的可视化。

优选地，所述状态包括但不限于：用户登录状态，用户数据，系统路由，表单数据中的一种或多种

优选地，所述行为信息包括但不限于：用户登录注册，提交表单，访问页面中的一种或多种

优选地，所述状态存储单元为redux状态存储单元。

优选地，所述视图单元为react组件。

优选地，所述ui渲染组件包括但不限于：系统页面、表单、数据列表、按钮、输入框中的一种或多种。

根据本发明的第二方面，本发明提供一种用户行为监测方法，其包括：

s110从行为存储单元调取存储的行为信息，并派发到状态存储单元；

s120将所述行为信息聚合处理，得到新的状态；

s130将所述新的状态发送到视图单元，进行渲染并展示。

优选地，所述行为信息通过如下方式获得：

s210接收用户请求，并派发行为信息；

s220收集所述行为信息；

s230聚合所述行为信息，将所述聚合的行为信息存储在行为存储单元。

优选地，根据所述聚合的行为信息得到的新的状态被存储于状态存储模块。

优选地，所述视图单元为react组件。

优选地，所述状态存储单元为redux状态存储单元。

优选地，步骤s220通过行为收集中间件实现。

优选地，所述行为收集中间件收集所述视图单元派发过来的行为信息，并调用reducer模块对行为信息进行聚合。

在本发明的一些实施方式中，所述react组件接收用户请求，并向所述状态存储单元派发行为信息。

优选地，所述状态存储单元中的行为收集中间件收集所述行为信息。

优选地，回放分析单元从行为存储单元调取存储的行为信息，并派发到状态存储单元。

优选地，每个redux状态存储单元均被配置对应的行为收集中间件。

根据本发明的第三方面，本发明提供一种用户行为监测系统，其包括：

第一视图单元，接收用户请求并派发行为信息到第一状态存储单元，向用户展示状态；

第一状态存储单元，收集第一视图单元派发的行为信息，根据行为信息更新状态，并将收集到的行为信息发送到行为存储单元；

行为存储单元，存储收集到的行为信息。

优选地，所述系统还包括回放分析单元，用于调取行为存储单元存储的行为信息，派发到第二状态存储单元，第二状态存储单元将行为信息转化为状态变化，通过第二视图单元展示。

优选地，所述第一状态存储单元包括行为收集中间件、第一reducer模块和第一状态存储模块；

所述行为收集中间件收集第一视图单元派发的行为信息；

所述第一reducer模块对收集到的行为信息进行处理，将处理后的行为信息发送到第一行为存储单元，并根据行为信息更新状态，将更新的状态存储于第一状态存储模块。

优选地，所述第一视图单元包括ui渲染组件，用于状态的可视化。

优选地，所述第二状态存储单元包括第二reducer模块和第二状态存储模块；所述第二reducer模块对派发的行为信息进行处理，并根据行为信息更新状态，将更新的状态存储于第二状态存储模块。

优选地，所述第二视图单元包括ui渲染组件，用于状态的可视化。

根据本发明的第四方面，本发明提供一种用户行为监测系统，其包括：

行为存储单元，存储收集到的行为信息；

回放分析单元，用于调取行为存储单元存储的行为信息，派发到第二状态存储单元；

第二状态存储单元，用于将行为信息转化为状态变化，并发送到第二视图单元；

第二视图单元，用于展示状态变化。

在本发明的一些实施方式中，所述行为存储单元存储的行为信息通过用户端获得。

优选地，所述用户端包括：

第一视图单元，接收用户请求并派发行为信息到第一状态存储单元；

第一状态存储单元，收集第一视图单元派发的行为信息，根据行为信息更新状态，并将收集到的行为信息发送到行为存储单元。

优选地，所述第一状态存储单元包括行为收集中间件、第一reducer模块和第一状态存储模块；

所述行为收集中间件收集第一视图单元派发的行为信息；

所述第一reducer模块对收集到的行为信息进行处理，将处理后的行为信息发送到第一行为存储单元，并根据行为信息更新状态，将更新的状态存储于第一状态存储模块。

附图说明

通过阅读参考一下附图所作的对非限制性实施例所作的详细描述，本发明的其他特征、目的和优点将会变得更明显：

图1是根据本发明的一些实施方式的用户行为监测方法的流程图。

图2是根据本发明的一些实施方式的用户行为监测方法的用户行为信息收集的流程图。

图3是根据本发明一些实施方式的用户行为监测系统的示意图。

图4是根据本发明的一些具体实施方式的用户行为监测系统的数据收集的示意图。

图5根据本发明的一些具体实施方式的用户行为监测系统的数据回放分析的示意图。

具体实施方式

在下文的描述中，给出了大量具体的细节以便提供对本发明更为彻底的理解。然而，对于本领域技术人员来说显而易见的是，本发明可以无需一个或多个这些细节而得以实施。在其他的例子中，为了避免与本发明发生混淆，对于本领域公知的一些技术特征未进行描述。

在本文中，术语“行为”(action)是一种运行在浏览器中的javascript代码，是事件与动作的彼此结合。

术语“react”是一个用于构建用户界面的javascript库。在本发明中，“react”包括react、react-native或其他不改变react基本功能的变型。

术语“redux”是javascript状态容器，提供可预测化的状态(state)管理。

术语“中间件”(middleware)是提供系统软件和应用软件之间连接的软件，以便于软件各部件之间的沟通，特别是应用软件对于系统软件的集中的逻辑，是一种独立的系统软件或服务程序，分布式应用软件借助这种软件在不同的技术之间共享资源。中间件位于客户机/服务器的操作系统之上，管理计算机资源和网络通讯。相连接的系统，即使它们具有不同的接口，但通过中间件相互之间仍能交换信息。执行中间件的一个关键途径是信息传递。通过中间件，应用程序可以工作于多平台或os环境。在现代信息技术应用框架如web服务、面向服务的体系结构等中应用比较广泛。在本发明中，中间件可以理解为具有独立功能的模块或单元。

图3是根据本发明一些实施方式的用户行为监测系统的示意图。

整个前端系统(用户界面)的变化可视为由一个个行为(actions)组成。发明人设想一旦将这些actions收集起来，利用redux全局状态(state)的设计就得到了每次状态变化的瞬间，好比定格动画。在需要分析用户行为时，将收集起来的actions再通过专门的分析系统还原成页面操作，即达到了重现用户操作的目的。

如图3所示，行为收集中间件收集来自用户界面的行为数据(actions)，并存储于数据库。在分析时，回放分析中间件(回放分析单元)调取数据库中存放的行为数据，对应地转化为状态并通过前端系统渲染展示。在本发明中所使用的前端系统优选为react+redux体系。

如图4所示的数据收集部分设置在用户端。在本发明的一些实施方式中，视图单元为react单元。所述视图单元用于向用户展示状态，同时接收用户请求并派发行为信息到状态存储单元。

视图单元中包括ui渲染组件，用于状态的可视化。具体而言，视图单元中包括只负责渲染数据的无状态(stateless)组件和封装了用户交互逻辑的有状态(stateful)组件。

因此，本发明中的状态也包括数据状态和ui状态。在用户使用系统的过程中，封装了用户交互逻辑的有状态(stateful)组件向状态存储单元派发(dispatch)与用户使用行为相关的actions，状态存储单元(例如redux)中的行为收集中间件收集这些actions，利用reducer返回新的状态(state)。新的状态被存储于状态存储模块(store)。同时，收集到的行为信息被通过api发送到行为存储单元存储。

状态存储模块(store)将新的状态返回视图单元，调用ui渲染组件进行渲染，从而展示在用户面前。

所述行为存储单元可以不在用户端，而是位于云端或远程服务器。

如图5所示的数据回放分析部分可以设置在数据收集的用户端，也可以设置在其他的非数据收集用的前端系统中。

回放分析单元从行为存储单元调取存储的行为信息，并派发到状态存储单元。调用reducer返回新的状态到状态存储模块，将新的状态返回视图单元，调用ui渲染组件进行渲染，从而展示出所调取的行为信息对应的用户操作。

在本发明的技术方案出现以前，如果需要全面采集用户浏览网页的行为，需要在网页各处埋点，且采集到的是各个埋点区域的数据，缺乏相互之间的联系，难以实现用户追踪的目的。

本发明用非常低的成本达到了以前需要用户人工参与调研的效果，一方面节约了成本，另一方面可以做大规模的分析，为产品的设计提供最有利的参考。

本发明不限于上述实施方式，在本发明思想的范围内可以进行各种变更。本发明已通过上述实施例进行了说明，但应当理解的是，上述实施例只是用于举例和说明的目的，而非意在将本发明限制于所描述的实施例范围内。此外本领域技术人员可以理解的是，本发明并不局限于上述实施例，根据本发明教导还可以做出更多种的变型和修改，这些变型和修改均落在本发明所要求保护的范围以内。本发明的保护范围由附属的权利要求书及其等效范围所界定。