HEATMAPS

看清哪裡被關注,又在哪裡被放棄。

HeatMapX 會把點擊、滾動深度和滑鼠移動,疊加顯示在您真實頁面的截圖上。不用翻數據,也能看出該改哪裡。

  • 提供免費方案
  • 一行程式碼即可
  • 不使用 Cookie
your-site.com

※ 畫面為示意圖,數字為範例。

THE PROBLEM

您知道有多少訪客,卻不知道原因。

註冊量沒有成長,卻不知道原因

數據分析能看到訪問量和跳出率,卻看不出訪客在頁面的哪個環節卡住。

您寫的內容,真的有人在看嗎?

您無法判斷訪客是否讀到了關鍵說明,或滑到了下方的按鈕。

擔心手機上的體驗

在電腦上沒問題的頁面,到了手機上,按鈕可能變得難找、難點。

FEATURES

只需要看一眼,就能找到該改的地方。

所有功能,免費方案即可使用。

點擊

查看最常被點擊的位置,包括那些不是連結、卻看起來像可以點的圖片或標題。

滾動深度

查看訪客滾動到頁面各處的比例,找出大多數人離開的位置。

滑鼠移動

滑鼠停留的地方,往往就是目光停留的地方。看看訪客在按鈕前猶豫的樣子。

桌面端與行動端

切換桌面端與行動端畫面,依裝置類型篩選,比較兩者的行為差異。

自動截取頁面畫面

頁面畫面會自動截取並每天更新,您也可以重新截取或上傳自己的圖片。

依日期區間比較

可以按任意時間段彙總數據,例如改版前後對比。

頁面列表

查看每個頁面的訪問量和桌面/行動端比例,從訪問量最高的頁面開始分析。

用自訂標籤篩選

為訪客標記標籤(例如會員或訪客),再依標籤比較熱力圖。

讓 AI 幫您分析

連接 Claude 等 AI,問它「這個頁面該怎麼改進?」AI 會讀取您的熱力圖並給出回答。

SCROLL

有多少人滾動到了關鍵的位置?

頁面會從上到下被切分為若干區間,每個區間顯示滾動到該處的訪客比例。可以看出註冊按鈕或價格表是否被跳過了。

  • 一眼看出流失位置
  • 判斷重要資訊該放多靠上
  • 在點擊、滾動與滑鼠移動之間切換查看
your-site.com
100% 到達
82% 到達
61% 到達
38% 到達
17% 到達

DEVICE

看清行動端與桌面端的差異。

同一個頁面,在手機和電腦上被點擊和閱讀的方式並不相同。切換畫面即可在兩種螢幕上查看熱力圖。

  • 一鍵切換桌面端與行動端
  • 依裝置類型(桌面、行動、平板)篩選
  • 發現只有行動端才沒人點的按鈕

桌面端

your-site.com

行動端

AI

把分析交給您自己的 AI。

HeatMapX 可以直接連接 Claude 等 AI。問它「看看價格頁的熱力圖,給出改善建議」,AI 會讀取數據並回答。覺得值得一試的想法,還能直接變成 A/B 測試。

  • 可從 claude.ai、Claude Desktop 或 Claude Code 連接
  • AI 由您自己提供,HeatMapX 不會為此額外收費
  • 所有方案皆可使用
看看價格頁的熱力圖,列出 3 個改善建議
AI

heatmapx · MCP

只有 38% 的訪客滾動到了註冊按鈕。

價格表下方的常見問題幾乎沒人點擊。

建議把按鈕也放到頁面上半部分。

GET STARTED

三步,今天就能看到熱力圖。

不需要開發者。支援 WordPress、Shopify、STUDIO、Wix 與 Google Tag Manager。

免費註冊

用電子郵件或 Google 帳號註冊,無需信用卡。

貼上一行程式碼

把儀表板裡的追蹤標籤加到您的網站上。WordPress 使用者也可以使用官方外掛。

查看熱力圖

幾分鐘後數據就會開始彙總,選擇一個頁面即可查看它的熱力圖。

熱力圖在免費方案即可使用。

不同方案的差異僅在於可新增的網站數量和每月可追蹤的頁面瀏覽量,功能在所有方案中都相同。

查看方案

FAQ

會收集個人資料嗎?
追蹤標籤不使用 Cookie,也不會收集姓名、電子郵件等可識別個人身份的資訊。我們只保存點擊位置、滾動深度,以及一個隨機產生的匿名 ID。
會拖慢我的網站嗎?
標籤只會載入一個壓縮後約 7KB 的小檔案,對頁面速度的影響微乎其微。
可以追蹤需要登入的頁面嗎?
可以追蹤。只是自動截圖無法擷取需要登入的頁面,這種情況下請改為手動上傳頁面截圖。
提供工作階段錄影嗎?
不提供。HeatMapX 專注於熱力圖、A/B 測試與站內訊息。

免費看看您自己的網站。

貼上一行程式碼,幾分鐘內熱力圖就會開始填充。A/B 測試和站內訊息也可以直接使用同一個標籤。