熱圖與錄影分析:看見訪客卡在哪裡

GA4 能告訴你「這一頁有多少人來、多少人走」,但回答不了「他們為什麼走」。訪客在頁面上到底看了哪裡、點了什麼、卡在哪一段——這些問題要靠熱圖與工作階段錄影來回答。我們優化自家產品的註冊流程與結帳頁時,行為分析工具是每一輪迭代的起點:數字告訴我們哪裡在流失,熱圖與錄影告訴我們流失的現場長什麼樣。

這篇介紹三種核心工具的解讀方法,以及怎麼避免「看了很有趣,但什麼也沒改變」的常見下場。

三種熱圖,三種問題

點擊熱圖把訪客的每一次點擊疊成色塊,越熱的地方點越多。看兩件事:該被點的有沒有被點(主 CTA 是不是全頁最熱的區域之一),以及不該被點的有沒有被狂點——訪客一直點一張不能點的圖片或一段底線文字,代表它「長得像連結」,這是最容易修的體驗問題:要嘛讓它真的可以點,要嘛改掉它的外觀。

滾動深度圖顯示多少比例的訪客捲到頁面的每個深度。重點看「斷崖」:如果一半訪客在某個區塊之後突然消失,通常有兩種原因——上方有個看起來像頁尾的視覺元素讓人以為到底了(假底部),或者那個區塊的內容讓人失去繼續的理由。另外檢查你的關鍵訊息與 CTA 落在多少人看得到的深度:精心設計的方案比較表如果只有兩成訪客捲得到,位置本身就是問題。

移動軌跡圖參考價值相對低,看看就好,別過度解讀滑鼠軌跡與視線的關聯。

工作階段錄影:看見統計數字背後的人

錄影工具會匿名記錄訪客的實際操作過程(正規工具都會自動遮蔽密碼與敏感欄位,選用時務必確認這點並在隱私權政策中告知)。熱圖是統計,錄影是個案——它的價值在於讓你「親眼看到」問題:訪客在兩個方案之間來回捲動七次(比較資訊不夠清楚)、在運費說明頁停留很久然後離開(費用疑慮)、表單填到一半跳出去查資料再也沒回來。

特別值得追的訊號是憤怒點擊(rage click):短時間內對同一個元素連點多下。這幾乎總是代表「使用者預期會發生什麼,但什麼都沒發生」——按鈕壞了、載入太慢沒有回饋、或元素根本不能點。多數工具能自動篩出含憤怒點擊的錄影,這是排查體驗問題效率最高的入口。

數據報表告訴你「多少人離開」,錄影讓你看著一個人怎麼離開。優化的同理心,是從看錄影長出來的。

解讀的紀律:別讓十支錄影推翻十萬筆數據

行為分析最大的陷阱是「印象取樣」:看了三支訪客迷路的錄影就斷定導覽大有問題,但那三支可能只代表百分之一的訪客。健康的工作流是讓量化與質化互相制衡:

1. 從數據找戰場:先用 GA4 找出流量大、轉換差的頁面,別對著月訪問五十次的頁面研究熱圖。
2. 用熱圖與錄影找原因:集中看該頁的滾動斷崖、憤怒點擊與放棄現場,歸納出可驗證的假設。
3. 分開看裝置:手機與桌機的熱圖必須分開解讀,兩者的版面與行為模式完全不同,混在一起看等於什麼都沒看。
4. 用實驗驗證:假設要回到 A/B 測試接受審判,或至少改版後緊盯同一組指標比對。熱圖負責「為什麼」,實驗負責「是不是真的」。

從哪一頁開始?

建議的優先順序:離錢最近的先看——結帳頁、表單頁、定價頁,這些頁面的小改善直接反映在營收;其次是流量最大的入口頁(首頁、主力落地頁);表單類頁面搭配欄位分析特別有效,哪一欄放棄率最高一目了然,對應的優化方法我們寫在表單轉換率優化。

主流工具(Microsoft Clarity、Hotjar 等)都有免費方案,Clarity 甚至完全免費,對中小網站來說裝設成本趨近於零。真正的成本在於「看」的紀律:每週固定半小時,帶著問題看數據、看錄影、記下假設。看見訪客卡在哪裡,是所有優化的起點。