Indie hackers
Marketing engineers
Growth hackers
獨立開發者、會寫程式的行銷人員和增長型工程師。改進任何您進行的網站轉換率 — B2C、SaaS、e-commerce、內容 — 無需離開您的終端機。
只是放著的熱圖，毫無作用。
洞察只留在某個人腦中
只有打開儀表板的人才知道發生了什麼。假設與改善歷程從未進入程式碼庫。
沒有「下一步該嘗試什麼」
你看到的只是點擊分布。如何規劃下一個實驗，仍然全靠自己。
篩選條件在 GUI 中消失
在儀表板中設定的分群與篩選，從未保存到 PR 審查流程中。
從 CLI 執行，在程式碼中追蹤。
heatmap.config.ts
import { defineHypothesis } from 'heatmapx'
export default defineHypothesis({
page: '/pricing',
goal: 'Lift CTA reach rate',
variants: [
{ name: 'control' },
{ name: 'cta-above-fold' },
],
})
- 1. 在 heatmap.config.ts 中定義假設
- 2. 執行 heatmapx analyze /pricing 進行擷取與 AI 分析
- 3. Claude 提出修正建議與 HTML 修補檔（自動 PR 功能即將推出）
- 4. 審查 → 合併
- 5. 再次執行 analyze — 找出問題的同一張熱圖，也會驗證修正效果
運作方式
從安裝到 CRO 洞察，3 個步驟搞定
無需 SDK 整合。無需儀表板設定。只需安裝、等待和分析。
01
安裝追蹤器
將 1 行指令碼標籤貼入您的網站（或執行 heatmapx init）。無需程式碼審查，無需 SDK 設定。
02
真實使用者瀏覽
HeatMapX 在背景中捕捉點擊、滾動深度和檢視窗口工作階段。通常 24 小時的流量就足夠了。
03
透過 CLI 取得 AI 修復
在終端機中執行 heatmapx analyze /pricing（或詢問 Claude Code）。取得優先排序的 CRO 洞察 + 可立即合併的 HTML 補丁。
您將獲得的功能
熱圖追蹤
透過輕量追蹤器，完整記錄點擊、捲動與滑鼠移動軌跡。
CRO as Code
在 heatmap.config.ts 中定義假設，將團隊知識保存在 PR 審查紀錄中。
Claude Code CLI
heatmapx analyze /pricing — Claude 分析問題、提出修正建議，並產生 HTML 修補檔。
為什麼選擇 HeatMapX
HeatMapX 與其他熱力圖工具的比較
單就熱力圖而言，任何工具都可行。HeatMapX 功能更強大 — AI 生成的 HTML 補丁，由 CLI 傳遞。
| 功能 | HeatMapX | 工具 A | 工具 B |
|---|---|---|---|
| 1 行追蹤器安裝 | |||
| CLI 驅動的 AI 補丁（自動生成 HTML） | — | — | |
| Claude Code 技能 / 代理整合 | — | — | |
| 可立即合併的 PR 輸出 | — | — | |
| 免費層級 | ✓ 1 site | ||
| 付費方案起價 | $29 / mo | $80 / mo | — |
| 自託管選項 | Roadmap | — | — |
| 工作階段重播（影片） | Roadmap | ||
| 點擊憤怒 / 無反應點擊偵測 | Roadmap |
* 其他工具的定價截至 2026 年 6 月，來自公開來源。
HeatMapX 適合誰
為衡量的建構者而建
從獨立 SaaS 開發者到內部開發團隊和 Claude Code 進階使用者。HeatMapX 為那些建構事物，然後改進它們的人設計。
自由職業開發者
向客戶展示具體的熱力圖資料，並證明您工作的投資回報率。AI 生成的 CRO 補丁交付速度比手寫報告快。
小型開發團隊
代理商
無需營運團隊，無需單獨的 CRO 顧問。從您的開發工作流程執行熱力圖分析，並與功能一起發佈改進。
Claude Code users
要求 Claude Code 分析您的網站，直接在對話中取得熱力圖支持的 CRO 建議。無需切換上下文。
開發路線圖
- 已上線
儀表板
視覺化呈現點擊、捲動與滑鼠移動資料
- 已上線
追蹤 API
一行程式碼即可完成的輕量追蹤器
- 已上線
Claude Code CLI
從 CLI 執行擷取、分析與改善建議
- 已上線
AI 建議 + HTML 修補檔產生
Claude 將分析結果轉化為可直接提交 PR 的改善修補檔
- 進行中
Team 方案
針對團隊的多席位協作
- 進行中
首屏 A/B 測試（設定與測量）
在首屏區域執行並測量變體
- 進行中
A/B 測試結果套用
一鍵將獲勝變體推送至正式環境
- 進行中
A/B 自動最佳化（機器學習）
自動將流量分配給獲勝變體──如同廣告 ML
Pricing
Simple, transparent pricing
Start free, scale as you grow. Save ~20% with yearly billing.
Free
Indie hackers / freelancers
$0/ 月
- 1 個網站
- 每月 5,000 個工作階段
- 每月 10 次 AI 分析
Pro
8 折Marketing engineers / growth hackers
$29/ 月
- 3 個網站
- 每月 50,000 個工作階段
- 每月 100 次 AI 分析
Team
內部團隊 / 代理商
$99/ 月
- 10 個網站
- 每月 500,000 個工作階段
- 每月 1,000 次 AI 分析
Enterprise
大流量 / 客製化需求
聯繫銷售團隊
- 無限網站、工作階段與分析次數
- 專屬支援與 SLA
- 可自架部署
常見問題
- 費用是多少？
- Free / Pro $29/mo / Team $99/mo / Enterprise — 四個方案，年繳享 8 折優惠。詳情請參閱 heatmapx.com/zh-TW/pricing。
- 與 Hotjar / Microsoft Clarity / PostHog 有何不同？
- 那些是以 GUI 為主的熱圖瀏覽工具。HeatMapX 透過 CLI + 程式碼在 git 中管理假設，並由 Claude 直接提出改善建議。
- 支援哪些類型的網站？
- 任何能植入追蹤標籤的網站皆可使用。已驗證支援 Next.js / Nuxt / Astro / WordPress。
- 隱私保護方面如何處理？
- 我們不收集任何個人識別資訊 — 僅記錄點擊座標與匿名的工作階段 ID。
- 如何開始使用？
- 免費註冊後，新增您的網站，貼入產生的追蹤標籤，然後在終端機中執行 heatmapx analyze。幾分鐘內即可獲得第一張熱圖與 AI 改善建議。