mouseflow

【所有文章及圖片版權(quán)歸 藍(lán)鯨（王彥平）所有。歡迎轉(zhuǎn)載，但請(qǐng)注明轉(zhuǎn)自“藍(lán)鯨網(wǎng)站分析博客”。】

Mouse flow顧名思義,這是一個(gè)對(duì)用戶鼠標(biāo)行為進(jìn)行追蹤和分析工具。鼠標(biāo)是用戶與網(wǎng)站之間進(jìn)行交互的主要工具，在網(wǎng)站分析中，我們經(jīng)常需要對(duì)用戶的鼠標(biāo)行為進(jìn)行追蹤和分析，這其中使用最頻繁的就是onclick事件。在使用Google Analytics的事件追蹤時(shí)大部分的事件需要通過onclick觸發(fā)，例如按鈕點(diǎn)擊和資料下載等等。除此以外，鼠標(biāo)還會(huì)有很多不同的行為，如鼠標(biāo)的雙擊，移動(dòng)，懸停等等。下面我們列出了部分 JavaScript的屬性列表，這些屬性可插入 HTML 標(biāo)簽來定義事件動(dòng)作。

Mouseflow最主要的功能就是自動(dòng)捕獲用戶鼠標(biāo)在網(wǎng)頁上的所有移動(dòng)，點(diǎn)擊和滾動(dòng)行為。并以最直觀的“錄屏”（Recordings）形式還原用戶在網(wǎng)站中的行為。在Mouseflow的工具后臺(tái)，你能找到所有被記錄的訪問者鼠標(biāo)軌跡“錄像”列表。這些“錄像”將為你還原這位訪問者在整個(gè)訪問期間的所有鼠標(biāo)活動(dòng)。Mouseflow將“錄像”的列表分為了三類。

第一類是所有的用戶訪問記錄。在這里記錄了Mouseflow追蹤到的所有“錄像”列表。列表中提供了一些基本維度信息，例如地理位置，來源，進(jìn)入頁面，“錄像”的新鮮度，瀏覽深度，時(shí)長(zhǎng)和訪問者的設(shè)備信息。在所有記錄列表中你可以通過按日期范圍，瀏覽深度和訪問時(shí)長(zhǎng)對(duì)“錄像”篩選。同時(shí)也可以按列表中提供的基本維度信息進(jìn)行篩選和搜索。

第二類是單一頁面的用戶訪問記錄，也就是我們常說的跳出訪問。Mouseflow把所有只訪問了一個(gè)頁面的“錄像”列表單獨(dú)放在了這里。這個(gè)列表中除了一些基本維度信息外，還提供了針對(duì)跳出訪問需要關(guān)注的信息，例如單頁面停留時(shí)間（這在GA中是無法記錄到的），交互時(shí)間，鼠標(biāo)滾輪和鼠標(biāo)的交互行為。這些信息讓我們對(duì)跳出頁面的分析又增加了很多細(xì)分維度。舉例來說，在之前我們只判斷訪問是否跳出，并簡(jiǎn)單粗暴的給出跳出率比跳出率高好的結(jié)論。但在有了更多維度的信息之后，則可能需要針對(duì)不同情況和場(chǎng)景進(jìn)行進(jìn)一步的細(xì)分。例如，針對(duì)網(wǎng)站中內(nèi)容詳情類的頁面，在訪問者閱讀或?yàn)g覽大塊信息的場(chǎng)景中，雖然最終結(jié)果都是跳出，但停留時(shí)間超過1分鐘明顯比只停留10秒鐘的跳出要有意義。而在1分鐘的停留時(shí)間內(nèi)交互時(shí)間的占比則是對(duì)時(shí)間質(zhì)量的衡量指標(biāo)，有交互的時(shí)間占比越高越好，最起碼說明用戶不是在打開頁面后就離開電腦了。除此之外，通過鼠標(biāo)滾輪瀏覽了頁面100%的內(nèi)容并進(jìn)行了表單內(nèi)容修改或表單提交比只在首屏停留了1分鐘離開的用戶看起來要好一些。

單一頁面訪問記錄除了支持時(shí)間，國(guó)家，設(shè)備等基本維度的篩選外，還支持按訪問時(shí)長(zhǎng)和點(diǎn)擊次數(shù)進(jìn)行過濾。

第三類是實(shí)時(shí)用戶訪問“錄像”，在這里你可以近似同步的來觀看用戶在網(wǎng)站頁面中的鼠標(biāo)行為。當(dāng)然這屬于Mouseflow的付費(fèi)功能。這里也支持基本維度的“錄像”篩選。

在“錄像”列表里選擇好要查看的用戶鼠標(biāo)行為后，可以點(diǎn)擊播放按鈕來回放這次訪問的所有鼠標(biāo)行為。在“錄像”回看界面中，Mouseflow會(huì)顯示本次訪問者的一些基本信息，例如記錄的時(shí)間，瀏覽深度，停留時(shí)間，用戶的IP地址，地理位置，服務(wù)接入商，和瀏覽器等設(shè)備信息。

Mouseflow在“錄像”回放界面中會(huì)模擬用戶的設(shè)備所看到的頁面，并在此之上還原訪問者的鼠標(biāo)移動(dòng)，點(diǎn)擊等行為。你可以在Mouseflow的Demo中http://mouseflow.com/demo/進(jìn)行體驗(yàn)。以下是Mouseflow“錄像”中記錄到的通過iOS設(shè)備訪問博客的用戶行為。其中標(biāo)識(shí)了用戶手動(dòng)滑屏的行為。

除了鼠標(biāo)行為和軌跡追蹤以外，Mouseflow還提供以頁面為主要維度分析報(bào)告。例如頁面基本信息，熱區(qū)圖，鏈接點(diǎn)擊情況報(bào)告。

以下是頁面的基本信息報(bào)告，包括頁面瀏覽和頁面信息兩部分。在第一部分中顯示了頁面被瀏覽的總次數(shù)，和日均瀏覽次數(shù)，以及每次瀏覽的平均訪問時(shí)長(zhǎng)和交互時(shí)長(zhǎng)。第二部分中顯示了頁面的基本信息，如頁面文件大小，平均加載時(shí)間，頁面長(zhǎng)度和平均每次瀏覽獲得的點(diǎn)擊量等等。

以上屬于頁面的匯總信息，若要進(jìn)一步分析用戶在頁面的瀏覽情況和點(diǎn)擊情況Mouseflow還提供了另外的兩類報(bào)告。第一類報(bào)告叫鏈接點(diǎn)擊熱區(qū)報(bào)告，在這個(gè)報(bào)告中Mouseflow提供了頁面中不同鏈接被點(diǎn)擊的次數(shù)，以及點(diǎn)擊發(fā)生前的一些指標(biāo)數(shù)據(jù)。例如鼠標(biāo)在鏈接上的懸停次數(shù)和懸停時(shí)間，以及從頁面打開到鼠標(biāo)發(fā)現(xiàn)鏈接的時(shí)間。這些指標(biāo)細(xì)致入微，初看時(shí)我為工具監(jiān)測(cè)的細(xì)致程度震驚，同時(shí)也考慮這么細(xì)節(jié)的指標(biāo)是否有實(shí)際的分析意義。但從報(bào)告中指標(biāo)的排列位置及順序就可以很快發(fā)現(xiàn)其中的邏輯和價(jià)值。

點(diǎn)擊—>懸?！?gt;懸停時(shí)間—>懸停前時(shí)間。我們從Mouseflow的鏈接點(diǎn)擊報(bào)告中篩選出這幾個(gè)指標(biāo)可以發(fā)現(xiàn)，這是一個(gè)用戶從打開頁面到點(diǎn)擊鏈接的行為漏斗，其中的時(shí)間則是訪問者的決策過程。反過來看這個(gè)過程：懸停前時(shí)間—>懸停時(shí)間—>懸停—>點(diǎn)擊。對(duì)應(yīng)了訪問者打開頁面尋找并發(fā)現(xiàn)信息入口的時(shí)間（懸停前時(shí)間），判斷入口信息（標(biāo)簽）和決策的時(shí)間，以及最終的選擇和結(jié)果（點(diǎn)擊）。通過這些指標(biāo)你可以來判斷信息入口是否足夠明顯，方便用戶快速發(fā)現(xiàn)。入口的錨點(diǎn)文字是否簡(jiǎn)單易懂，或者能引導(dǎo)用戶決策，減少用戶對(duì)文字的理解和思考的時(shí)間。

第二類報(bào)告是移動(dòng)熱區(qū)圖報(bào)告，這個(gè)報(bào)告顯示了用戶對(duì)不同位置內(nèi)容的關(guān)注程度，以下是我的博客首頁不同位置瀏覽占比，平均時(shí)間和活躍時(shí)間?？梢园l(fā)現(xiàn)，上面的圖在頁面中位置較為靠前，獲得了61%的瀏覽，平均時(shí)間為48s，平均活躍時(shí)間7s。

與前面的圖相比，下面的圖在首頁位置靠后，因此獲得的瀏覽占比和關(guān)注時(shí)間都要低一些。其中這部分內(nèi)容僅獲得了42%的瀏覽，平均時(shí)間23s，比之前的內(nèi)容少了近一半?；钴S時(shí)間也較短，僅為4s。通過對(duì)比可以發(fā)現(xiàn)，用戶對(duì)后面的內(nèi)容瀏覽率較低，同時(shí)耐心也要差很多。

到這里為止，我們介紹了Mouseflow的一些主要的功能，這些功能都不需要你有任何的技術(shù)背景，也不需要進(jìn)行代碼定制或后臺(tái)設(shè)置，這些都是開箱即用的功能，你只需把注冊(cè)后Mouseflow提供的一小段JS加在頁面源代碼之前即可。如果這些無法滿足你的分析需求，可以使用Mouseflow的自定義變量功能，將數(shù)據(jù)與用戶的屬性進(jìn)行關(guān)聯(lián)，例如用戶的ID，名字，電子郵件地址，訂單等等。具體的操作需要修改代碼，方法和步驟請(qǐng)參考這里。

Mouseflow工具的功能介紹就到這里，如果你感興趣的話可以注冊(cè)他們的免費(fèi)賬號(hào)來體驗(yàn)和研究。免費(fèi)賬號(hào)每個(gè)月提供100條記錄。

【所有文章及圖片版權(quán)歸 藍(lán)鯨（王彥平）所有。歡迎轉(zhuǎn)載，但請(qǐng)注明轉(zhuǎn)自“藍(lán)鯨網(wǎng)站分析博客”?！?/p>