Free
個人專案與初次嘗試
$0/ 月
- 1 個網站
- 每月 5,000 個工作階段
- A/B 測試 同時 1 項
- No credit card required
- Just paste one line
- Start capturing in minutes
- 熱力圖與 A/B 測試，每月 $12 起
Integrations / 整合
Claude Code
Codex
claude.ai
WordPress
Wix
STUDIO
Shopify
BASE
Google Tag Manager
Google Analytics
Microsoft Clarity
明明看著流量分析，卻不知道「接下來該改什麼」。
有數字，卻沒有下一步
流量與跳出率只告訴你發生了什麼，卻不會告訴你該從哪裡修正、怎麼修正。
看不出訪客點了哪裡
訪客究竟看向哪裡、點擊了什麼？光靠數字永遠無法看見。
無法驗證修正是否有效
沒有比較的方法，只能憑猜測判斷改版究竟是變好還是變差。
PRODUCT / See it in action
Less telling. More showing.
A heatmap turns clicks and scrolls into color. See at a glance how your site is really used.
your-site.com
Heatmaps
See where visitors look and click, in color — the truth the numbers alone never show.
- Clicks, scrolls and mouse movement in one view
- Instantly spot hot spots and drop-off points
- Paste one line — data starts flowing in minutes
your-site.com
A/B testing
Decide with numbers, not gut feel. Ship two versions and let the winner prove itself.
- Test two headlines or buttons without touching code
- See which drove more clicks and signups, automatically
- Keep the winner and keep improving
CLI 與 MCP（自帶您的 AI）
CLI 與 MCP 伺服器，會直接把您的量測資料交給您的 AI。連接 Claude Code——或您慣用的任何 AI——即可在同一個對話中，從分析直接走到修正。
- 透過 CLI 或 MCP 取得熱力圖與 A/B 測試結果
- 從 claude.ai 或 Claude Code 連接，只需詢問：「分析這個頁面」
- 工程師可以和自己的 AI 一路做到程式碼修改與 PR
A/B TESTING / A/B 測試
「哪個比較好」，投放出去用數字決定。
不要憑感覺改版。把兩個方案呈現給真實訪客，用數字選出勝者——這就是 A/B 測試。
建立兩個方案
為標題或按鈕準備兩個版本，不需要修改程式碼。
自動分流顯示
訪客各看到一半，點擊與轉換自動統計。
用數字決定
哪個成效較好一目了然，直接採用勝出方案。
運作方式
3 個步驟，讓改善開始運轉。
不需要複雜設定。貼上標籤、觀察、測試，就是這麼簡單。
貼上標籤
只需在網站上貼上一行標籤，不需要 SDK，也不需要複雜設定。
觀察
透過熱圖，確認使用者實際看向哪裡、點擊了什麼。
測試
把發現的改善方案透過 A/B 測試發布，用數字驗證成效。
Integrations / 整合
在你慣用的工具中直接使用。
無論是 AI 代理（支援 MCP——可從 claude.ai、Claude Desktop 或 Claude Code 連接），或是您正在使用的架站工具，只要貼上一行標籤，就能在原本所在的環境中直接開始。
- Claude Code
- Codex
- claude.ai
- WordPress
- Wix
- STUDIO
- Shopify
- BASE
- Google Tag Manager
- Google Analytics
- Microsoft Clarity
為什麼選擇 HeatMapX
HeatMapX 與其他熱力圖工具的比較
不必為熱力圖與 A/B 測試分別訂閱兩套工具。HeatMapX 用一個標籤，將兩者整合在一起——每月 $12 起。您的資料還能透過 CLI 與 MCP，直接連接到您的 AI。
| 功能 | HeatMapX | 熱力圖專用工具 | A/B 測試專用工具 |
|---|---|---|---|
| 熱力圖 | — | ||
| A/B 測試（無程式碼投放） | — | ||
| 自動統計並判定勝者 | — | ||
| CLI / MCP 讓您的 AI 存取資料（Claude Code / claude.ai） | — | — | |
| Claude Code 技能 / 代理整合 | — | — | |
| 可直接發 PR 的輸出 | — | — | |
| 一行程式碼導入 | |||
| 設定指南（WordPress / Shopify / STUDIO） | — | — | |
| 免費方案 | ✓ 1 site | — | |
| 付費方案（每月起） | $12 / mo | $80 / mo | $300+ / mo |
| 公開 API | Roadmap | — | — |
| 動態 UI | Roadmap | — | — |
※ 第三方資訊為截至 2026 年 7 月的公開價格範例。
Pricing
Simple, transparent pricing
Start free, scale as you grow. Save ~20% with yearly billing.
Lite
小型網站與獨立電商
$12/ 月
- 1 個網站
- 每月 15,000 個工作階段
- A/B 測試 同時 2 項
Plus
8 折行銷人員與成長團隊
$29/ 月
- 3 個網站
- 每月 50,000 個工作階段
- A/B 測試 同時 3 項
Pro
實驗團隊與代理商
$99/ 月
- 10 個網站
- 每月 500,000 個工作階段
- A/B 測試無限制
Enterprise
大規模應用與客製化需求
聯絡我們
- 無限網站、工作階段與測試
- 專屬支援與 SLA
- 可選擇自架部署
常見問題
- 費用是多少？
- 從免費的 Free 開始。付費方案為 Lite $12/mo、Plus $29/mo、Pro $99/mo，Enterprise 則可洽詢報價。年繳享 8 折優惠。
- 與 Hotjar / Microsoft Clarity / PostHog 有何不同？
- 那些是以 GUI 為主的熱圖瀏覽工具。HeatMapX 透過 CLI + 程式碼在 git 中管理假設，並由 Claude 直接提出改善建議。
- 支援哪些類型的網站？
- 任何能植入追蹤標籤的網站皆可使用。已驗證支援 Next.js / Nuxt / Astro / WordPress。
- 隱私保護方面如何處理？
- 我們不收集任何個人識別資訊 — 僅記錄點擊座標與匿名的工作階段 ID。
- 如何開始使用？
- 免費註冊後，新增您的網站，貼入產生的追蹤標籤，然後在終端機中執行 heatmapx analyze。幾分鐘內即可獲得第一張熱圖與 AI 改善建議。
- 也能做 A/B 測試嗎？
- 可以。使用與熱力圖相同的一行程式碼，即可分流顯示標題或按鈕的兩個版本並用數字驗證成效，無需額外安裝。
- 能與 Claude（MCP）搭配使用嗎？
- 可以 — HeatMapX 支援 MCP，這是用來將工具連接至 AI 助理的標準規格。只要在設定中發行一組 API 金鑰並完成一次連接，Claude 就能在對話中直接查詢您的熱區圖與 A/B 測試結果。所有方案皆免費。
- 我有邀請碼，該在哪裡使用？
- 請在註冊後（7 天內）於儀表板的輸入欄位中輸入，而非結帳頁面的優惠券欄位。輸入後，付費方案（按月計費）的第一個月即可免費使用。