【所有文章及圖片版權歸 藍鯨（王彥平）所有。歡迎轉載，但請注明轉自“藍鯨網站分析博客”。】

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

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

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

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

單一頁面訪問記錄除了支持時間，國家，設備等基本維度的篩選外，還支持按訪問時長和點擊次數進行過濾。

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

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

Mouseflow在“錄像”回放界面中會模擬用戶的設備所看到的頁面，并在此之上還原訪問者的鼠標移動，點擊等行為。你可以在Mouseflow的Demo中http://mouseflow.com/demo/進行體驗。以下是Mouseflow“錄像”中記錄到的通過iOS設備訪問博客的用戶行為。其中標識了用戶手動滑屏的行為。

除了鼠標行為和軌跡追蹤以外，Mouseflow還提供以頁面為主要維度分析報告。例如頁面基本信息，熱區圖，鏈接點擊情況報告。

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

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

點擊—>懸停—>懸停時間—>懸停前時間。我們從Mouseflow的鏈接點擊報告中篩選出這幾個指標可以發現，這是一個用戶從打開頁面到點擊鏈接的行為漏斗，其中的時間則是訪問者的決策過程。反過來看這個過程：懸停前時間—>懸停時間—>懸停—>點擊。對應了訪問者打開頁面尋找并發現信息入口的時間（懸停前時間），判斷入口信息（標簽）和決策的時間，以及最終的選擇和結果（點擊）。通過這些指標你可以來判斷信息入口是否足夠明顯，方便用戶快速發現。入口的錨點文字是否簡單易懂，或者能引導用戶決策，減少用戶對文字的理解和思考的時間。

第二類報告是移動熱區圖報告，這個報告顯示了用戶對不同位置內容的關注程度，以下是我的博客首頁不同位置瀏覽占比，平均時間和活躍時間。可以發現，上面的圖在頁面中位置較為靠前，獲得了61%的瀏覽，平均時間為48s，平均活躍時間7s。

與前面的圖相比，下面的圖在首頁位置靠后，因此獲得的瀏覽占比和關注時間都要低一些。其中這部分內容僅獲得了42%的瀏覽，平均時間23s，比之前的內容少了近一半。活躍時間也較短，僅為4s。通過對比可以發現，用戶對后面的內容瀏覽率較低，同時耐心也要差很多。

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

Mouseflow工具的功能介紹就到這里，如果你感興趣的話可以注冊他們的免費賬號來體驗和研究。免費賬號每個月提供100條記錄。

【所有文章及圖片版權歸 藍鯨（王彥平）所有。歡迎轉載，但請注明轉自“藍鯨網站分析博客”。】