一種回放用戶網(wǎng)頁操作行為的方法、系統(tǒng)及熱圖展現(xiàn)裝置的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)，尤其涉及一種回放用戶網(wǎng)頁操作行為的方法、系統(tǒng)及熱 圖展現(xiàn)裝置。
【背景技術(shù)】
[0002] 就網(wǎng)站的推廣和應(yīng)用而言，分析用戶的需求至關(guān)重要。當(dāng)前一般采用以下方法分 析單個用戶在網(wǎng)站的操作行為：采集用戶訪問網(wǎng)站的數(shù)據(jù)-> 解析所采集的數(shù)據(jù)-> 形成該 用戶的操作行為記錄-> 回放該用戶的記錄并分析其在訪問網(wǎng)站的過程中所出現(xiàn)的各種問 題，回放過程中通常會展示如下內(nèi)容：用戶點擊了該網(wǎng)站的哪些模塊，進行了哪些標(biāo)簽頁的 切換操作，中途放棄或變更了哪些操作選項等等。
[0003] 目前，就回放用戶操作行為的記錄而言，以Clicktale技術(shù)(一種用戶行為分析工 具）為典型的代表，通?？蓪⑵涠x為鼠標(biāo)軌跡模擬回放技術(shù)，簡稱為軌跡回放技術(shù)。如附 圖1所示，軌跡回放以頁面為單位，展示用戶所訪問網(wǎng)站頁面的鼠標(biāo)軌跡及鍵盤事件。但 是，該回放技術(shù)目前存在以下缺陷：
[0004] 1)前端采集鼠標(biāo)事件的過程中只獲取了鼠標(biāo)在頁面的操作坐標(biāo)和鼠標(biāo)按鍵位置 信息，由于信息量較少，且這些信息都是和頁面坐標(biāo)位置相關(guān)的，缺乏事件中其它重要的信 息，因此，不利于后臺回放過程中完整地展示用戶的操作行為；
[0005] 2)前端無法采集用戶所輸入的漢字等字符信息，導(dǎo)致后臺回放時不能準(zhǔn)確展示用 戶輸入的字符信息；
[0006] 3)后端回放技術(shù)與頁面的關(guān)聯(lián)性較差，并不能結(jié)合目標(biāo)網(wǎng)站進行關(guān)聯(lián)回放，導(dǎo)致 在空白頁面上的回放展示和在目標(biāo)網(wǎng)站頁面上的回放展示不存在區(qū)別（可對比附圖1和附 圖2);
[0007] 4)不能真實呈現(xiàn)用戶在訪問網(wǎng)站的過程中基于鼠標(biāo)和鍵盤事件與網(wǎng)站進行交互 后觸發(fā)的JS(Javascript,-種腳本語言）和Ajax(-種網(wǎng)頁開發(fā)技術(shù)）效果，如這些交互 產(chǎn)生的隱藏菜單、標(biāo)簽切換、彈出層效果等等；
[0008] 5)不能真實呈現(xiàn)用戶在多個網(wǎng)頁標(biāo)簽頁進行來回切換的過程。
[0009] 另外，除可以通過回放用戶的操作記錄來分析用戶的網(wǎng)站需求外，典型地，還可以 通過熱力圖來分析多個用戶在該網(wǎng)站的操作行為信息，如網(wǎng)站頁面的哪些區(qū)域被用戶點擊 最多、瀏覽最多等行為信息。目前，現(xiàn)有技術(shù)中的熱力圖只能靜態(tài)地展示各網(wǎng)站的熱圖數(shù) 據(jù)，熱圖展示過程中不能實現(xiàn)與用戶的交互及自定義選擇區(qū)域的熱圖數(shù)據(jù)。

【發(fā)明內(nèi)容】

[0010] 為解決上述問題，本申請?zhí)峁┝艘环N回放用戶操作行為的方法、熱力圖、播放器和 系統(tǒng)，以更完整地還原用戶在網(wǎng)站頁面上的瀏覽、操作等行為，為更好地分析用戶的網(wǎng)絡(luò)操 作行為提供數(shù)據(jù)和技術(shù)支撐。
[0011] 根據(jù)本發(fā)明的一個方面，提供了一種回放用戶網(wǎng)頁操作行為的方法，該方法包括 以下步驟：
[0012] a)針對用戶網(wǎng)頁操作中觸發(fā)的不同事件類型采用不同的方式采集事件信息，解析 所采集的信息，形成該用戶對應(yīng)的操作行為記錄；
[0013] b)根據(jù)所述網(wǎng)頁操作行為記錄，創(chuàng)建各個時間點的事件，回放過程中模擬觸發(fā)各 個時間點對應(yīng)的事件進行展示。
[0014] 其中，所述事件信息包括用戶操作行為信息、當(dāng)前所操作的網(wǎng)站頁面元素信息以 及所述網(wǎng)站頁面ajax響應(yīng)的數(shù)據(jù)信息。
[0015] 其中，所述事件類型為鼠標(biāo)事件，采用將非冒泡事件綁定至冒泡事件的方式進行。
[0016] 其中，所述事件類型為選中頁面信息的事件，采用mousedown事件和mousemove事 件抓取所選中頁面的范圍信息，或者
[0017] 所述事件類型為鍵盤輸入事件，采用數(shù)據(jù)類型的方式進行數(shù)據(jù)采集；或者
[0018] 所述事件類型為用戶切換網(wǎng)頁標(biāo)簽事件，所述采集包括以下步驟：
[0019] 通過專用屬性判斷用戶是否離開或進入當(dāng)前頁面；
[0020] 如當(dāng)前頁面所在的瀏覽器不支持專用屬性的判定，則通過降級，以得焦失焦的方 式判定用戶是否離開或進入當(dāng)前頁面。
[0021] 其中，所述步驟a)包括：
[0022] 每采集一定容量大小的信息，將該信息壓縮成一個數(shù)據(jù)包發(fā)送至云端服務(wù)器；
[0023] 將所采集的用戶操作行為信息通過用戶訪問當(dāng)前頁面所在的客戶端主動發(fā)送至 云端服務(wù)器，并由云端服務(wù)器主動向所述客戶端抓取所采集的當(dāng)前所操作的網(wǎng)站內(nèi)容信 息；
[0024] 將所采集的數(shù)據(jù)通過云端進行匹配計算，按照用戶訪問當(dāng)前網(wǎng)站頁面的時間先后 順序，基于用戶訪問當(dāng)前網(wǎng)站頁面時的客戶端分辨率大小、操作頁面元素的位置及頁面元 素的編號信息匹配所述網(wǎng)站頁面產(chǎn)生的會話回放數(shù)據(jù)記錄，形成該用戶對應(yīng)的操作行為記 錄。
[0025] 其中，所述回放過程中，通過構(gòu)造Range對象，隨頁面光標(biāo)的移動依次展現(xiàn)示所選 中的文字信息。
[0026] 其中，所述事件類型為ajax事件，所述回放過程包括：
[0027] 攔截后端回放頁面的XHR對象，阻止所述頁面向?qū)?yīng)頁面服務(wù)器發(fā)出的跨域ajax 請求；
[0028] 由后端回放頁面向采集服務(wù)器發(fā)出ajax請求并接收所述服務(wù)器返回的數(shù)據(jù)，其 中，發(fā)出所述ajax請求時根據(jù)前端采集的ajax數(shù)據(jù)直接觸發(fā)該頁面中的事件回調(diào)。
[0029] 本發(fā)明的另一個方面還提供一種回放用戶網(wǎng)頁操作行為的系統(tǒng)，包括：
[0030] 采集單元，用于針對用戶網(wǎng)頁操作中觸發(fā)的不同事件類型采用不同的方式采集事 件信息，解析所采集的信息，形成該用戶對應(yīng)的操作行為記錄；
[0031] 回放單元，用于根據(jù)所述操作行為記錄，創(chuàng)建各個時間點的事件并回放用戶的操 作行為，回放過程中模擬觸發(fā)各個時間點對應(yīng)的事件進行展示。
[0032] 其中，所述事件信息包括用戶操作行為信息、當(dāng)前所操作的網(wǎng)站頁面元素信息以 及所述網(wǎng)站頁面ajax響應(yīng)的數(shù)據(jù)信息。
[0033] 其中，所述事件類型為鼠標(biāo)事件，所述采集單元采用將非冒泡事件綁定至冒泡事 件的方式進行。
[0034] 其中，所述事件類型為選中頁面信息的事件，所述采集單元采用mousedown事件 和mousemove事件抓取所選中頁面的范圍信息。
[0035] 其中，所述事件類型為鍵盤輸入事件，所述采集單元采用數(shù)據(jù)類型的方式進行數(shù) 據(jù)米集。
[0036] 其中，所述事件類型為用戶切換網(wǎng)頁標(biāo)簽事件，所述采集單元的采集過程包括以 下步驟：
[0037] 通過專用屬性判斷用戶是否離開或進入當(dāng)前頁面；
[0038] 如當(dāng)前頁面所在的瀏覽器不支持專用屬性的判定，則通過降級，以得焦失焦的方 式判定用戶是否離開或進入當(dāng)前頁面。
[0039] 其中，所述采集單元的采集過程包括：
[0040] 每采集一定容量大小的信息，將該信息壓縮成一個數(shù)據(jù)包發(fā)送至云端服務(wù)器；
[0041] 將所采集的用戶操作行為信息通過用戶訪問當(dāng)前頁面所在的客戶端主動發(fā)送至 云端服務(wù)器，并由云端服務(wù)器主動向所述客戶端抓取所采集的當(dāng)前所操作的網(wǎng)站內(nèi)容信 息；
[0042] 將所采集的數(shù)據(jù)通過云端進行匹配計算，按照用戶訪問當(dāng)前網(wǎng)站頁面的時間先后 順序，基于用戶訪問當(dāng)前網(wǎng)站頁面時的客戶端分辨率大小、操作頁面元素的位置及頁面元 素的編號信息匹配所述網(wǎng)站頁面產(chǎn)生的會話回放數(shù)據(jù)記錄，形成該用戶對應(yīng)的操作行為記 錄。
[0043] 其中，所述回放單元通過構(gòu)造Range對象，隨頁面光標(biāo)的移動依次展現(xiàn)示所選中 的文字信息。
[0044] 其中，所述事件類型為ajax事件，所述回放單元的回放過程包括：
[0045] 攔截后端回放頁面的XHR對象，阻止所述頁面向?qū)?yīng)頁面服務(wù)器發(fā)出的跨域ajax 請求；
[0046] 由后端回放頁面向采集服務(wù)器發(fā)出ajax請求并接收所述服務(wù)器返回的數(shù)據(jù)，其 中，發(fā)出所述ajax請求時根據(jù)前端采集的ajax數(shù)據(jù)直接觸發(fā)該頁面中的事件回調(diào)。
[0047] 其中，所述回放單元還包括播放器，其中，所述播放器具體包括：
[0048] 回放顯示單元，以音視頻的方式展示用戶的操作行為；
[0049] 控制單元，用于控制所述播放器音視頻的操作展示過程；
[0050] 信息顯示面板，用于顯示展示與所述音視頻相對應(yīng)的提示信息。
[0051] 其中，所述控制單元具體包括：
[0052] 進度控制模塊，用于控制所述音視頻的播放進度；
[0053] 時間軸與事件幀關(guān)聯(lián)模塊，用于關(guān)聯(lián)用戶操作行為會話流程中各時間點和事件幀 并顯示所述關(guān)聯(lián)信息。
[0054] 根據(jù)本發(fā)明另一個方面，還提供一種回放用戶網(wǎng)頁操作行為的熱圖展現(xiàn)裝置，具 體包括：
[0055] 信息采集模塊，用于針對用戶網(wǎng)頁操作中觸發(fā)的不同事件類型采用不同的方式采 集事件信息；
[0056] 熱力圖生成模塊，用于解析所采集的信息，生成對應(yīng)網(wǎng)站的熱力圖；
[0057] 其中，所述熱圖展現(xiàn)裝置還包括交互模塊，基于用戶對所述熱力圖的操作，觸發(fā)相 應(yīng)的事件。
[0058] 其中，所述事件信息包括用戶操作行為信息、當(dāng)前所操作的網(wǎng)站頁面元素信息以 及所述網(wǎng)站頁面ajax響應(yīng)的數(shù)據(jù)信息。
[0059] 與現(xiàn)有技術(shù)相比，本發(fā)明具有以下優(yōu)點：
[0060] 1)就前端的采集而言，本發(fā)明完整地采集了用戶與網(wǎng)站的交互操作行為數(shù)據(jù)，為 后臺進行真實回放提供了數(shù)據(jù)支持；
[0061] 2)就后端的回放而言，本發(fā)明通過關(guān)聯(lián)用戶所訪問的網(wǎng)站，創(chuàng)建各個時間點的事