電商知識庫
熱點圖分析：用顧客的滑鼠軌跡找出網站漏洞
看見數據看不見的卡關點
GA4 告訴你『多少人流失』，熱點圖告訴你『為什麼流失』。透過點擊圖、捲動圖、滑鼠軌跡與錄影回放，你能親眼看到顧客滑到哪就走、點了哪些不能點的東西、重要按鈕有沒有人理。先用 GA4 鎖定問題頁，再用熱點圖看清卡關點，組合起來才能對症下藥。
GA4 會告訴你某個商品頁有 60% 的人沒往下捲就離開，但它不會告訴你「為什麼」。是首圖太醜？價格嚇人？還是版面讓人以為內容到此結束？這就是熱點圖的價值：它把成千上萬個訪客的滑鼠與捲動行為疊加成一張視覺化的圖，讓你像隔著玻璃觀察客人逛實體店一樣，看到他們的目光停在哪、手伸向哪、走到哪就轉身。對沒有研究預算、無法做使用者訪談的中小電商來說，熱點圖等於是一台 24 小時錄影的「客人行為觀察機」，常常幾天就能讓你發現一個自己從沒想過的問題。
熱點圖工具通常提供四種視角，各自回答不同問題：
四種搭配看，點擊圖找誤導、捲動圖找斷點、回放看細節，威力最大。
市面上 Hotjar、Microsoft Clarity 等熱點圖工具都有免費方案，其中 Clarity 完全免費且不限流量，很適合預算有限的小電商先試水溫。架設方式跟裝 GA4 一樣：註冊後拿到一段追蹤碼，貼到網站的 head 區或透過 Google Tag Manager 安裝，多數開店平台後台也有欄位可直接貼。裝好後不必馬上看，先讓它默默收集幾天到一兩週的資料，累積足夠造訪後熱區才會穩定、判讀才有意義。記得設定要看的關鍵頁面，優先鎖定首頁、主力商品頁與結帳頁這三類，把觀察火力集中在最影響營收的地方。
捲動圖是電商最容易挖到金礦的一張圖。它會用顏色標出「有多少比例的人捲到這個高度」。常見的致命發現是：你精心寫的商品特色、好評、保固說明全都放在頁面下方，但捲動圖顯示只有兩三成的人捲到那裡，等於八成顧客根本沒看到你最有說服力的內容就走了。另一個常見問題是「假性結尾」——某個區塊的設計讓人誤以為頁面到此為止，捲動比例在該處驟降形成斷崖。解法很直接：把最能促成下單的內容（評價、保證、CTA）往上搬到多數人看得到的位置，並消除任何看起來像結尾的視覺斷點，讓顧客自然往下讀。
點擊圖最常揭露兩種問題。第一種是「死點擊」：顧客一直點某個圖片、標題或圖示，但它根本不是連結——這代表你的設計讓人誤以為可點，造成挫折。把這些元素改成真的可點，或調整設計避免誤導。第二種是「重要按鈕沒人點」：你以為很明顯的加入購物車或優惠按鈕，熱區卻一片冷清，可能是顏色不夠跳、位置太邊緣或文案不清。至於錄影回放，最值得看的是「結帳頁的棄單錄影」：你會親眼看到顧客在某個欄位反覆刪改、找不到優惠碼欄、或被某個錯誤訊息卡住而放棄，這些細節是任何數字報表都呈現不出來的真相。
台灣電商八成以上流量來自手機，但很多人卻只看桌機版的熱點圖，這是大錯。手機與桌機的行為天差地別：手機螢幕小、要捲更多次、按鈕容易誤觸、鍵盤會擋住表單欄位。同一個頁面，桌機版可能一切順暢，手機版卻因為按鈕被輸入法擋住、或某個彈窗關不掉而大量流失。好的熱點圖工具都能依裝置分開檢視，請務必把手機版當成主戰場優先看，特別是結帳流程的手機錄影，常常能發現桌機完全看不到的致命卡點。修好手機版的體驗，受惠的是你最大的那群客人。
熱點圖最大的陷阱是「看了很多卻沒行動」。正確的用法是形成一個循環：先用 GA4 找出流失嚴重的頁面，再用熱點圖看出具體原因，接著把它寫成一個明確假設與一個改動，例如「捲動圖顯示八成人沒看到評價，所以把評價區往上移到商品照下方」，改完後再回頭用 GA4 看那一頁的轉換率有沒有提升。一次只改一處、改完就驗證，讓熱點圖負責「找問題」、數據負責「驗成效」。如此每一兩週累積一個經驗證的小改善，網站體驗會越磨越順，轉換率也會穩步往上，這正是高手與一般店家拉開差距的方式。
NT$24,800/年起，享受完整電商解決方案：
GA4 告訴你發生了什麼、多少人，是量化數字；熱點圖告訴你他們怎麼動、點哪、看到哪就走，是視覺化行為。先用 GA4 找問題頁，再用熱點圖看為什麼。
很值得，許多工具有免費方案如 Clarity 完全免費。最有價值的是看顧客滑到哪就不看、重要按鈕有沒有人點，這些靠數字看不出來，往往幾天就能發現漏洞。
主要四種：點擊圖看點哪、捲動圖看看多深、滑鼠移動圖看注意力、錄影回放重播個別操作。電商優先看捲動圖與結帳頁錄影回放最能揪出卡關點。
看流量。熱門頁累積數百次造訪就能看出模式，冷門頁可能要一兩週。別只看十幾筆就下結論，至少等熱區呈現穩定再判讀。
把發現轉成一個明確假設與一個改動，例如八成人沒看到評價就把它往上移，改完用 GA4 看轉換率有無提升。一次改一處、改完驗證，形成優化循環。