透過 MCP 將您的熱區圖連接至 Claude(1 分鐘、一行指令)

HeatMapX Engineering Team6 min read
  • how-to
  • mcp
  • claude
  • ai
  • integration

重點摘要

  • HeatMapX 支援 MCP(用來將工具接入 AI 助理的開放標準)。所有方案皆免費
  • 設定只需兩步驟 — 發行 API 金鑰、執行一行指令 — 大約一分鐘即可完成
  • 連接後,Claude 就能在對話中查詢您的熱區圖、頁面數據與 A/B 測試結果

「打開儀表板 → 複製數字 → 貼給 AI」——這樣的往返操作很快就會讓人厭倦。透過 MCP,Claude 會自己去抓取您的 HeatMapX 數據,整個分析過程一次對話就能完成。

什麼是 MCP?

MCP(Model Context Protocol)是一套用來將外部工具連接至 Claude 等 AI 助理的標準規格。可以把它想成通用電源插座:只要接上一次,AI 就能在需要時自行取得所需的數據。

從 claude.ai / Claude Desktop 連接(最簡單 — 只需 3 次點擊)

在 claude.ai 或 Claude Desktop 中,您不需要終端機或 API 金鑰:

  1. 開啟 設定 → Connectors →「Add custom connector」
  2. 輸入名稱「HeatMapX」,URL 填入 https://heatmapx.com/api/mcp → 新增 →「Connect」
  3. 登入 HeatMapX 並確認授權畫面(讀取權限 / 建立並啟動 / 停止實驗 / 註冊網站),接著點擊「Allow」

這樣就完成了 — 直接在對話中提問即可。您可以隨時在 HeatMapX 的 設定 → Connected apps 中中斷連接。

從 Claude Code 連接(終端機,2 步驟)

1. 發行 API 金鑰

在您的 HeatMapX 儀表板中,前往 設定 → API 金鑰,點擊「發行新金鑰」。金鑰只會顯示一次,請立即複製保存。

2. 執行一行指令

在終端機中執行以下指令(將 YOUR_API_KEY 替換成您複製的金鑰):

claude mcp add --transport http heatmapx https://heatmapx.com/api/mcp --header "Authorization: Bearer YOUR_API_KEY"

完成了。重新啟動 Claude Code(或開啟新對話),HeatMapX 的工具即可使用。

您可以做什麼

連接後,以下這類問題都能直接提問:

  • 顯示我的網站列表」→ 回傳您已註冊的網站與網址
  • kpop-ticket.com 上哪個頁面的捲動深度最差?」→ 從各頁面數據中找出
  • 幫我總結 /pricing 的熱區圖」→ 點擊熱點與捲動到達率
  • 我的 A/B 測試表現如何?現在能判定勝者了嗎?」→ 各版本的成效數據,以及具統計依據的勝者建議

HeatMapX 提供數據,Claude 負責解讀 — 各自發揮所長。

不只是讀取:建立並啟動 A/B 測試

以寫入權限連接後,整個流程都能在對話中完成:

  • 在我的首頁建立一個 A/B 測試:兩種 CTA 文案」→ 系統會建立一份草稿
  • 啟動它」→ Claude 會總結這個實驗並一律要求您確認 → 回覆 OK 即可上線
  • 停止它」→ 同樣需要確認,接著才會停止

從設計階段就內建的安全機制:

  • 建立結果一律為草稿狀態(不會自行開始分流流量)
  • 啟動 / 停止在未經您明確核准前絕不會執行(兩步驟確認)
  • 無法透過 AI 刪除(不可逆的操作不提供)
  • 權限會在授權畫面中列出,並可隨時在 設定 → Connected apps 中撤銷

可用的工具

Tool 回傳內容
list_sites 您已註冊的網站
get_page_stats 各頁面的工作階段、點擊數、平均捲動深度
get_heatmap_summary 單一頁面的熱區圖彙總數據(可指定時間區間)
list_experiments 您的 A/B 實驗
get_experiment_results 各版本的成效數據、提升幅度、勝者建議

提供五個讀取工具,外加五個寫入工具(create_site / create_experiment / start·pause·stop_experiment)。寫入工具僅在您明確核准寫入權限的連接上才會生效,且啟動/停止一律需要在對話中進行確認。

若無法連接 — 檢查清單

  • 金鑰貼錯了嗎? 請確認已完整貼上以 hmx_live_ 開頭的整串字串
  • 金鑰是否已被撤銷? 請至設定 → API 金鑰確認是否仍有有效金鑰

費用

MCP 存取於所有方案皆免費(僅有合理的流量上限)。熱區圖與 A/B 測試,直接從 Claude 取用 — 歡迎試試看。

從 Claude Code 執行的熱圖,免費開始。

貼上一行追蹤標籤,從 CLI 取得分析與改善建議。