隱藏在網頁背後的親切闆娘 💁♀️
如果我們是一家店的老闆、一個創業家、一個賣產品的人，最想要擁有什麼技能呢？
我呢，最想要有「讀心術🕵」！想要知道客人喜歡什麼？不喜歡什麼？客人在想什麼？
在實體店面經驗豐富的闆娘，可以看穿客人的心思，一個皺眉就轉換適合產品推銷，一個猶疑不決就立馬下殺價格，深得客人之心。
現在網路資訊的時代，我們沒有實體店面，沒有經驗老道的闆娘，無法與客人面對面眉來眼去聊天，該怎麼獲取客人的芳心？
默默隱藏在網頁背後的親切闆娘 ——— 🐭流 Mouseflow 現身
赤裸裸的窺探紀錄
Mouseflow 像老鼠 🐭 偷偷溜進客人家裡一樣，幫助我們窺視客人在網路店面（網頁）的一舉一動，從一進門看了什麼，在哪個商品停下腳步，停留了多少時間，最後拿起商品細細觀看，全都毫無遺漏、仔仔細細地錄影記錄下來。
舉例：數據動圖首頁，可以看見使用者進到哪一個網頁點選了網頁的哪個區塊
%%html<iframe src="https://eu.mouseflow.com/websites/6e0ebe7c-f95c-4282-ac5d-5ab91eb3a59b/recordings/33eb762b0ce416c54515f6f9d485a75b/play?token=GRe8qG1_hUWq4lvr7dU_pA" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" ></iframe>視覺化「熱度圖」
在網頁上，滑鼠相當於客人的眼睛與手腳，因此需要針對使用者的滑鼠進行行為追蹤分析。把所有進來使用者的行為，像是用滑鼠點擊、移動、捲軸、停留時間的數據，以動作的頻率次數為依據，視覺化使用者的熱點地區加以分析。
舉例：在數據動圖首頁的選單，清楚標示四個頁面有多少次的點擊 Clicks
下方的操作欄可以任意切換四種不同操作行為的數據熱度圖（包含：點擊、移動、捲軸、停留時間）
到底有沒有興趣？滑鼠點擊與移動
有趣的事情來了，當我們在移動滑鼠時，有時候並不會點擊 Click，但不代表對那個商品沒有興趣！因此不同於 Google Analytics 的事件追蹤，需要通過 Onclick 觸發分析，Mouseflow 針對使用者滑鼠的游標移動 Movement 也加以分析。
點擊次數 Click
滑鼠移動次數 Movement
比較：數據動圖的點擊次數與滑鼠移動次數，從數據可以發現，有許多使用者滑鼠移動到動圖上方觀看，但是並沒有點擊。有興趣觀看但還不夠到觸發點擊編輯，是不是我們的動圖模板不夠吸引讓使用者想要編輯呢？
到底有沒有看完？頁面捲軸與停留
我們也會好奇到底使用者對網頁的哪個部分覺得想要再多看一點？哪個部分覺得有點無聊想要跳過？
Mouseflow 在網頁上偵測使用者滑鼠捲軸 Scroll 到網頁的哪個區塊就跳出？有沒有把網頁整頁看完？以及，使用者在哪個區塊停留 Attention 的時間比較久，哪個區塊比較感興趣？
捲軸 Scroll
舉例：大部分的網頁都是由紅轉綠的熱區分佈，因為一進入網頁頂部會被先看到，因此我們要如何提供重點資訊被看到，可能可以將最重要要傳達的內容放置在頂部。
停留時間 Attention
舉例：數據動圖首頁的最熱區是在一進來的操作影片，使用者平均會在此停留 1m 3s 時間觀看。
來自何方神聖
哇！真的是天涯海角耶，連玉山國家公園上都有人在觀看數據動圖！
簡單三步驟嵌入追蹤器
看了這麼多有趣的分析圖表，要讓老鼠 🐭 追蹤器進到客戶家裡是非常容易的事情，只要我們下達一個指令（註冊追蹤），兩個動作（複製貼上），🐭 軍隊就會進駐天涯海角，當我們無死角的埋伏眼線。
step 1 進入 https://mouseflow.com/ 官網註冊帳號（試用 14 天免費）
step 2 新增需要追蹤的網址
step 3 複製追蹤程式碼，貼到網頁的 <head></head> 裡面
總結
Mouseflow 如實提供使用者瀏覽網頁的所有行為，讓我們可以透過視覺化的數據分析，不斷迭代產品網站的 UI UX 設計，把客戶想要的端出來，客戶不喜歡的做優化，不知不覺就滲透客戶的內心，成為讀心術高手！