本發(fā)明涉及網(wǎng)絡(luò)用戶行為監(jiān)測(cè)領(lǐng)域，特別是一種基于reactredux事件系統(tǒng)的用戶行為監(jiān)測(cè)方法及監(jiān)測(cè)系統(tǒng)。

背景技術(shù)：

做用戶瀏覽行為分析，有助于提升網(wǎng)站整體營(yíng)銷效果。商家只有不斷完善用戶體驗(yàn)，挖掘用戶新的痛點(diǎn)。并且在網(wǎng)站內(nèi)容上表現(xiàn)出來，才能獲得用戶的青睞?，F(xiàn)在網(wǎng)頁(yè)上廣泛使用的用戶行為追蹤系統(tǒng)，幾乎都要去進(jìn)行埋點(diǎn)，而且只能采集到一些統(tǒng)計(jì)數(shù)據(jù)，無法生動(dòng)的再現(xiàn)用戶的使用情況。

技術(shù)實(shí)現(xiàn)要素：

有鑒于此，本發(fā)明的發(fā)明人提供一種新的解決方案，不需要埋點(diǎn)，能像錄屏般的再現(xiàn)用戶的使用場(chǎng)景，猶如時(shí)光倒流，能夠更加直觀的提供分析和改善產(chǎn)品的論據(jù)。

根據(jù)本發(fā)明的第一方面，本發(fā)明提供一種用戶行為監(jiān)測(cè)系統(tǒng)，其包括：

視圖單元，接收用戶請(qǐng)求并派發(fā)行為信息到狀態(tài)存儲(chǔ)單元，向用戶展示狀態(tài)；

狀態(tài)存儲(chǔ)單元，收集視圖單元派發(fā)的行為信息，根據(jù)行為信息更新狀態(tài)，并將收集到的行為信息發(fā)送到行為存儲(chǔ)單元；

行為存儲(chǔ)單元，存儲(chǔ)收集到的行為信息。

優(yōu)選地，所述系統(tǒng)還包括回放分析單元，用于調(diào)取行為存儲(chǔ)單元存儲(chǔ)的行為信息，派發(fā)到狀態(tài)存儲(chǔ)單元，狀態(tài)存儲(chǔ)單元將行為信息轉(zhuǎn)化為狀態(tài)變化，通過視圖單元展示。

優(yōu)選地，所述狀態(tài)存儲(chǔ)單元包括行為收集中間件、reducer模塊和狀態(tài)存儲(chǔ)模塊；

所述行為收集中間件收集視圖單元派發(fā)的行為信息；

所述reducer模塊對(duì)收集到的行為信息進(jìn)行處理，處理后的行為信息發(fā)送到行為存儲(chǔ)單元，并根據(jù)行為信息更新狀態(tài)，將更新的狀態(tài)存儲(chǔ)于狀態(tài)存儲(chǔ)模塊。

優(yōu)選地，所述視圖單元包括ui渲染組件，用于狀態(tài)的可視化。

優(yōu)選地，所述狀態(tài)包括但不限于：用戶登錄狀態(tài)，用戶數(shù)據(jù)，系統(tǒng)路由，表單數(shù)據(jù)中的一種或多種

優(yōu)選地，所述行為信息包括但不限于：用戶登錄注冊(cè)，提交表單，訪問頁(yè)面中的一種或多種

優(yōu)選地，所述狀態(tài)存儲(chǔ)單元為redux狀態(tài)存儲(chǔ)單元。

優(yōu)選地，所述視圖單元為react組件。

優(yōu)選地，所述ui渲染組件包括但不限于：系統(tǒng)頁(yè)面、表單、數(shù)據(jù)列表、按鈕、輸入框中的一種或多種。

根據(jù)本發(fā)明的第二方面，本發(fā)明提供一種用戶行為監(jiān)測(cè)方法，其包括：

s110從行為存儲(chǔ)單元調(diào)取存儲(chǔ)的行為信息，并派發(fā)到狀態(tài)存儲(chǔ)單元；

s120將所述行為信息聚合處理，得到新的狀態(tài)；

s130將所述新的狀態(tài)發(fā)送到視圖單元，進(jìn)行渲染并展示。

優(yōu)選地，所述行為信息通過如下方式獲得：

s210接收用戶請(qǐng)求，并派發(fā)行為信息；

s220收集所述行為信息；

s230聚合所述行為信息，將所述聚合的行為信息存儲(chǔ)在行為存儲(chǔ)單元。

優(yōu)選地，根據(jù)所述聚合的行為信息得到的新的狀態(tài)被存儲(chǔ)于狀態(tài)存儲(chǔ)模塊。

優(yōu)選地，所述視圖單元為react組件。

優(yōu)選地，所述狀態(tài)存儲(chǔ)單元為redux狀態(tài)存儲(chǔ)單元。

優(yōu)選地，步驟s220通過行為收集中間件實(shí)現(xiàn)。

優(yōu)選地，所述行為收集中間件收集所述視圖單元派發(fā)過來的行為信息，并調(diào)用reducer模塊對(duì)行為信息進(jìn)行聚合。

在本發(fā)明的一些實(shí)施方式中，所述react組件接收用戶請(qǐng)求，并向所述狀態(tài)存儲(chǔ)單元派發(fā)行為信息。

優(yōu)選地，所述狀態(tài)存儲(chǔ)單元中的行為收集中間件收集所述行為信息。

優(yōu)選地，回放分析單元從行為存儲(chǔ)單元調(diào)取存儲(chǔ)的行為信息，并派發(fā)到狀態(tài)存儲(chǔ)單元。

優(yōu)選地，每個(gè)redux狀態(tài)存儲(chǔ)單元均被配置對(duì)應(yīng)的行為收集中間件。

根據(jù)本發(fā)明的第三方面，本發(fā)明提供一種用戶行為監(jiān)測(cè)系統(tǒng)，其包括：

第一視圖單元，接收用戶請(qǐng)求并派發(fā)行為信息到第一狀態(tài)存儲(chǔ)單元，向用戶展示狀態(tài)；

第一狀態(tài)存儲(chǔ)單元，收集第一視圖單元派發(fā)的行為信息，根據(jù)行為信息更新狀態(tài)，并將收集到的行為信息發(fā)送到行為存儲(chǔ)單元；

行為存儲(chǔ)單元，存儲(chǔ)收集到的行為信息。

優(yōu)選地，所述系統(tǒng)還包括回放分析單元，用于調(diào)取行為存儲(chǔ)單元存儲(chǔ)的行為信息，派發(fā)到第二狀態(tài)存儲(chǔ)單元，第二狀態(tài)存儲(chǔ)單元將行為信息轉(zhuǎn)化為狀態(tài)變化，通過第二視圖單元展示。

優(yōu)選地，所述第一狀態(tài)存儲(chǔ)單元包括行為收集中間件、第一reducer模塊和第一狀態(tài)存儲(chǔ)模塊；

所述行為收集中間件收集第一視圖單元派發(fā)的行為信息；

所述第一reducer模塊對(duì)收集到的行為信息進(jìn)行處理，將處理后的行為信息發(fā)送到第一行為存儲(chǔ)單元，并根據(jù)行為信息更新狀態(tài)，將更新的狀態(tài)存儲(chǔ)于第一狀態(tài)存儲(chǔ)模塊。

優(yōu)選地，所述第一視圖單元包括ui渲染組件，用于狀態(tài)的可視化。

優(yōu)選地，所述第二狀態(tài)存儲(chǔ)單元包括第二reducer模塊和第二狀態(tài)存儲(chǔ)模塊；所述第二reducer模塊對(duì)派發(fā)的行為信息進(jìn)行處理，并根據(jù)行為信息更新狀態(tài)，將更新的狀態(tài)存儲(chǔ)于第二狀態(tài)存儲(chǔ)模塊。

優(yōu)選地，所述第二視圖單元包括ui渲染組件，用于狀態(tài)的可視化。

根據(jù)本發(fā)明的第四方面，本發(fā)明提供一種用戶行為監(jiān)測(cè)系統(tǒng)，其包括：

行為存儲(chǔ)單元，存儲(chǔ)收集到的行為信息；

回放分析單元，用于調(diào)取行為存儲(chǔ)單元存儲(chǔ)的行為信息，派發(fā)到第二狀態(tài)存儲(chǔ)單元；

第二狀態(tài)存儲(chǔ)單元，用于將行為信息轉(zhuǎn)化為狀態(tài)變化，并發(fā)送到第二視圖單元；

第二視圖單元，用于展示狀態(tài)變化。

在本發(fā)明的一些實(shí)施方式中，所述行為存儲(chǔ)單元存儲(chǔ)的行為信息通過用戶端獲得。

優(yōu)選地，所述用戶端包括：

第一視圖單元，接收用戶請(qǐng)求并派發(fā)行為信息到第一狀態(tài)存儲(chǔ)單元；

第一狀態(tài)存儲(chǔ)單元，收集第一視圖單元派發(fā)的行為信息，根據(jù)行為信息更新狀態(tài)，并將收集到的行為信息發(fā)送到行為存儲(chǔ)單元。

優(yōu)選地，所述第一狀態(tài)存儲(chǔ)單元包括行為收集中間件、第一reducer模塊和第一狀態(tài)存儲(chǔ)模塊；

所述行為收集中間件收集第一視圖單元派發(fā)的行為信息；

所述第一reducer模塊對(duì)收集到的行為信息進(jìn)行處理，將處理后的行為信息發(fā)送到第一行為存儲(chǔ)單元，并根據(jù)行為信息更新狀態(tài)，將更新的狀態(tài)存儲(chǔ)于第一狀態(tài)存儲(chǔ)模塊。

附圖說明

通過閱讀參考一下附圖所作的對(duì)非限制性實(shí)施例所作的詳細(xì)描述，本發(fā)明的其他特征、目的和優(yōu)點(diǎn)將會(huì)變得更明顯：

圖1是根據(jù)本發(fā)明的一些實(shí)施方式的用戶行為監(jiān)測(cè)方法的流程圖。

圖2是根據(jù)本發(fā)明的一些實(shí)施方式的用戶行為監(jiān)測(cè)方法的用戶行為信息收集的流程圖。

圖3是根據(jù)本發(fā)明一些實(shí)施方式的用戶行為監(jiān)測(cè)系統(tǒng)的示意圖。

圖4是根據(jù)本發(fā)明的一些具體實(shí)施方式的用戶行為監(jiān)測(cè)系統(tǒng)的數(shù)據(jù)收集的示意圖。

圖5根據(jù)本發(fā)明的一些具體實(shí)施方式的用戶行為監(jiān)測(cè)系統(tǒng)的數(shù)據(jù)回放分析的示意圖。

具體實(shí)施方式

在下文的描述中，給出了大量具體的細(xì)節(jié)以便提供對(duì)本發(fā)明更為徹底的理解。然而，對(duì)于本領(lǐng)域技術(shù)人員來說顯而易見的是，本發(fā)明可以無需一個(gè)或多個(gè)這些細(xì)節(jié)而得以實(shí)施。在其他的例子中，為了避免與本發(fā)明發(fā)生混淆，對(duì)于本領(lǐng)域公知的一些技術(shù)特征未進(jìn)行描述。

在本文中，術(shù)語“行為”(action)是一種運(yùn)行在瀏覽器中的javascript代碼，是事件與動(dòng)作的彼此結(jié)合。

術(shù)語“react”是一個(gè)用于構(gòu)建用戶界面的javascript庫(kù)。在本發(fā)明中，“react”包括react、react-native或其他不改變r(jià)eact基本功能的變型。

術(shù)語“redux”是javascript狀態(tài)容器，提供可預(yù)測(cè)化的狀態(tài)(state)管理。

術(shù)語“中間件”(middleware)是提供系統(tǒng)軟件和應(yīng)用軟件之間連接的軟件，以便于軟件各部件之間的溝通，特別是應(yīng)用軟件對(duì)于系統(tǒng)軟件的集中的邏輯，是一種獨(dú)立的系統(tǒng)軟件或服務(wù)程序，分布式應(yīng)用軟件借助這種軟件在不同的技術(shù)之間共享資源。中間件位于客戶機(jī)/服務(wù)器的操作系統(tǒng)之上，管理計(jì)算機(jī)資源和網(wǎng)絡(luò)通訊。相連接的系統(tǒng)，即使它們具有不同的接口，但通過中間件相互之間仍能交換信息。執(zhí)行中間件的一個(gè)關(guān)鍵途徑是信息傳遞。通過中間件，應(yīng)用程序可以工作于多平臺(tái)或os環(huán)境。在現(xiàn)代信息技術(shù)應(yīng)用框架如web服務(wù)、面向服務(wù)的體系結(jié)構(gòu)等中應(yīng)用比較廣泛。在本發(fā)明中，中間件可以理解為具有獨(dú)立功能的模塊或單元。

圖3是根據(jù)本發(fā)明一些實(shí)施方式的用戶行為監(jiān)測(cè)系統(tǒng)的示意圖。

整個(gè)前端系統(tǒng)(用戶界面)的變化可視為由一個(gè)個(gè)行為(actions)組成。發(fā)明人設(shè)想一旦將這些actions收集起來，利用redux全局狀態(tài)(state)的設(shè)計(jì)就得到了每次狀態(tài)變化的瞬間，好比定格動(dòng)畫。在需要分析用戶行為時(shí)，將收集起來的actions再通過專門的分析系統(tǒng)還原成頁(yè)面操作，即達(dá)到了重現(xiàn)用戶操作的目的。

如圖3所示，行為收集中間件收集來自用戶界面的行為數(shù)據(jù)(actions)，并存儲(chǔ)于數(shù)據(jù)庫(kù)。在分析時(shí)，回放分析中間件(回放分析單元)調(diào)取數(shù)據(jù)庫(kù)中存放的行為數(shù)據(jù)，對(duì)應(yīng)地轉(zhuǎn)化為狀態(tài)并通過前端系統(tǒng)渲染展示。在本發(fā)明中所使用的前端系統(tǒng)優(yōu)選為react+redux體系。

如圖4所示的數(shù)據(jù)收集部分設(shè)置在用戶端。在本發(fā)明的一些實(shí)施方式中，視圖單元為react單元。所述視圖單元用于向用戶展示狀態(tài)，同時(shí)接收用戶請(qǐng)求并派發(fā)行為信息到狀態(tài)存儲(chǔ)單元。

視圖單元中包括ui渲染組件，用于狀態(tài)的可視化。具體而言，視圖單元中包括只負(fù)責(zé)渲染數(shù)據(jù)的無狀態(tài)(stateless)組件和封裝了用戶交互邏輯的有狀態(tài)(stateful)組件。

因此，本發(fā)明中的狀態(tài)也包括數(shù)據(jù)狀態(tài)和ui狀態(tài)。在用戶使用系統(tǒng)的過程中，封裝了用戶交互邏輯的有狀態(tài)(stateful)組件向狀態(tài)存儲(chǔ)單元派發(fā)(dispatch)與用戶使用行為相關(guān)的actions，狀態(tài)存儲(chǔ)單元(例如redux)中的行為收集中間件收集這些actions，利用reducer返回新的狀態(tài)(state)。新的狀態(tài)被存儲(chǔ)于狀態(tài)存儲(chǔ)模塊(store)。同時(shí)，收集到的行為信息被通過api發(fā)送到行為存儲(chǔ)單元存儲(chǔ)。

狀態(tài)存儲(chǔ)模塊(store)將新的狀態(tài)返回視圖單元，調(diào)用ui渲染組件進(jìn)行渲染，從而展示在用戶面前。

所述行為存儲(chǔ)單元可以不在用戶端，而是位于云端或遠(yuǎn)程服務(wù)器。

如圖5所示的數(shù)據(jù)回放分析部分可以設(shè)置在數(shù)據(jù)收集的用戶端，也可以設(shè)置在其他的非數(shù)據(jù)收集用的前端系統(tǒng)中。

回放分析單元從行為存儲(chǔ)單元調(diào)取存儲(chǔ)的行為信息，并派發(fā)到狀態(tài)存儲(chǔ)單元。調(diào)用reducer返回新的狀態(tài)到狀態(tài)存儲(chǔ)模塊，將新的狀態(tài)返回視圖單元，調(diào)用ui渲染組件進(jìn)行渲染，從而展示出所調(diào)取的行為信息對(duì)應(yīng)的用戶操作。

在本發(fā)明的技術(shù)方案出現(xiàn)以前，如果需要全面采集用戶瀏覽網(wǎng)頁(yè)的行為，需要在網(wǎng)頁(yè)各處埋點(diǎn)，且采集到的是各個(gè)埋點(diǎn)區(qū)域的數(shù)據(jù)，缺乏相互之間的聯(lián)系，難以實(shí)現(xiàn)用戶追蹤的目的。

本發(fā)明用非常低的成本達(dá)到了以前需要用戶人工參與調(diào)研的效果，一方面節(jié)約了成本，另一方面可以做大規(guī)模的分析，為產(chǎn)品的設(shè)計(jì)提供最有利的參考。

本發(fā)明不限于上述實(shí)施方式，在本發(fā)明思想的范圍內(nèi)可以進(jìn)行各種變更。本發(fā)明已通過上述實(shí)施例進(jìn)行了說明，但應(yīng)當(dāng)理解的是，上述實(shí)施例只是用于舉例和說明的目的，而非意在將本發(fā)明限制于所描述的實(shí)施例范圍內(nèi)。此外本領(lǐng)域技術(shù)人員可以理解的是，本發(fā)明并不局限于上述實(shí)施例，根據(jù)本發(fā)明教導(dǎo)還可以做出更多種的變型和修改，這些變型和修改均落在本發(fā)明所要求保護(hù)的范圍以內(nèi)。本發(fā)明的保護(hù)范圍由附屬的權(quán)利要求書及其等效范圍所界定。