Hubungkan Heatmap Anda ke Claude via MCP (1 Menit, Satu Perintah)

Ringkasan

• HeatMapX mendukung MCP (standar terbuka untuk menghubungkan alat ke asisten AI). Gratis di semua paket
• Pengaturannya dua langkah — terbitkan API key, jalankan satu perintah — sekitar satu menit
• Setelah terhubung, Claude bisa menanyakan heatmap, statistik halaman, dan hasil uji A/B Anda di dalam percakapan

"Buka dashboard → salin angka-angkanya → tempel ke AI" — bolak-balik seperti ini cepat terasa merepotkan. Dengan MCP, Claude sendiri yang mengambil data HeatMapX Anda, dan seluruh analisis selesai dalam satu percakapan.

Apa itu MCP?

MCP (Model Context Protocol) adalah standar untuk menghubungkan alat eksternal ke asisten AI seperti Claude. Bayangkan seperti stopkontak universal: pasang sekali, dan AI akan mengambil data yang dibutuhkannya, kapan pun diperlukan.

Hubungkan dari claude.ai / Claude Desktop (paling mudah — 3 klik)

Di claude.ai atau Claude Desktop Anda tidak perlu terminal atau API key:

1. Buka Settings → Connectors → "Add custom connector"
2. Masukkan "HeatMapX" sebagai nama dan https://heatmapx.com/api/mcp sebagai URL → add → "Connect"
3. Login ke HeatMapX dan tinjau layar persetujuan (consent screen) (akses baca / buat & mulai / hentikan eksperimen / daftarkan situs), lalu klik "Allow"

Selesai — langsung tanyakan apa saja di chat. Anda bisa memutuskan koneksi kapan saja di HeatMapX Settings → Connected apps.

Hubungkan dari Claude Code (terminal, 2 langkah)

1. Terbitkan API key

Di dashboard HeatMapX Anda, buka Settings → API keys lalu klik "Issue new key". Key hanya ditampilkan satu kali — segera salin saat itu juga.

2. Jalankan satu perintah

Di terminal Anda (ganti YOUR_API_KEY dengan key yang sudah Anda salin):

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

Selesai. Restart Claude Code (atau mulai percakapan baru) dan alat-alat HeatMapX akan tersedia.

Apa yang bisa Anda lakukan

Setelah terhubung, pertanyaan seperti ini langsung berfungsi:

• "Tampilkan situs-situs saya" → daftar situs terdaftar beserta URL-nya
• "Halaman mana di kpop-ticket.com yang kedalaman scroll-nya paling buruk?" → ditemukan dari statistik per halaman
• "Ringkas heatmap untuk /pricing" → titik-titik klik terpadat dan jangkauan scroll
• "Bagaimana perkembangan uji A/B saya? Sudah bisa menentukan pemenang?" → metrik varian plus saran pemenang berdasarkan dasar statistik

HeatMapX menyediakan angka-angkanya; Claude yang menafsirkan. Masing-masing melakukan apa yang paling dikuasainya.

Bukan cuma membaca: buat dan jalankan uji A/B

Hubungkan dengan akses tulis (write access) dan seluruh alurnya bisa dilakukan lewat percakapan:

• "Buat uji A/B di homepage saya: dua copy CTA" → draft langsung dibuat
• "Mulai" → Claude merangkum eksperimennya dan selalu meminta konfirmasi Anda → bilang OK dan langsung live
• "Hentikan" → konfirmasi yang sama, lalu dihentikan

Keamanan sejak desain:

• Pembuatan selalu berupa draft (tidak ada yang melayani traffic dengan sendirinya)
• Mulai / hentikan tidak akan pernah dieksekusi tanpa persetujuan eksplisit Anda (konfirmasi dua langkah)
• Menghapus tidak dimungkinkan lewat AI (operasi yang tidak bisa dibatalkan tidak disediakan)
• Izin dijabarkan di layar persetujuan dan bisa dicabut kapan saja di Settings → Connected apps

Alat yang tersedia

Lima alat baca ditambah lima alat tulis (create_site / create_experiment / start·pause·stop_experiment). Alat tulis hanya berfungsi pada koneksi yang secara eksplisit Anda beri akses tulis, dan start/stop selalu memerlukan konfirmasi di dalam percakapan.

Jika tidak bisa terhubung — daftar periksa

• Key salah tempel? Pastikan Anda menempelkan seluruh string yang diawali hmx_live_
• Key sudah dicabut? Periksa Settings → API keys untuk memastikan ada key yang masih aktif

Harga

Akses MCP gratis di semua paket (hanya dengan batas burst yang wajar). Heatmap dan uji A/B, langsung dari Claude — coba sekarang.