HeatMapXHeatMapX
HargaMasuk
HeatMapX

Heatmap yang dijalankan dari Claude Code.

CLI + CRO as Code. AI merekam, menganalisis, dan mengirim PR perbaikan — untuk growth engineer.

~/your-site

$ heatmapx analyze /pricing

✓ Captured 1,240 clicks · 3,180 scroll samples

✓ Claude analyzing heatmap…

→ CTA sits below the fold — 62% never reach it

→ Generated patch → PR #42 (cta-above-fold)

Heatmap yang cuma dilihat, tidak ditindaklanjuti.

Insight hanya ada di kepala satu orang

Siapa yang buka dashboard, dia yang tahu. Hipotesis dan riwayat perbaikan tidak pernah masuk ke codebase.

Tidak ada "langkah selanjutnya"

Kamu melihat distribusi klik. Menentukan eksperimen berikutnya tetap jadi tugasmu.

Filter menghilang di GUI

Segmen dan filter yang dibuat di dashboard tidak pernah bertahan sampai ke PR review.

Jalankan dari CLI. Lacak dalam kode.

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. 1. Definisikan hipotesis di heatmap.config.ts
  2. 2. Jalankan heatmapx analyze /pricing untuk rekam + analisis AI
  3. 3. Claude mengusulkan perbaikan dan HTML patch (auto-PR segera hadir)
  4. 4. Review → merge
  5. 5. Jalankan analyze lagi — heatmap yang sama yang menemukan masalah kini mengonfirmasi perbaikan

Cara kerjanya

Dari instalasi hingga insights CRO dalam 3 langkah

Tidak ada integrasi SDK. Tidak ada konfigurasi dashboard. Cukup instalasi, tunggu, dan analisis.

01

Instalasi tracker

Tempel tag skrip 1 baris ke situs Anda (atau jalankan heatmapx init). Tidak ada review kode, tidak ada setup SDK.

02

Pengguna nyata menjelajahi situs

HeatMapX menangkap klik, kedalaman scroll, dan sesi viewport di latar belakang. 24 jam traffic biasanya sudah cukup.

03

Dapatkan perbaikan AI via CLI

Jalankan heatmapx analyze /pricing di terminal Anda (atau minta Claude Code). Dapatkan insights CRO prioritas + patch HTML siap gabung.

Yang kamu dapatkan

Heatmap tracking

Klik, scroll, dan gerakan mouse direkam oleh tracker ringan.

CRO as Code

Definisikan hipotesis di heatmap.config.ts. Simpan pengetahuan tim dalam PR review.

Claude Code CLI

heatmapx analyze /pricing — Claude menganalisis, mengusulkan perbaikan, dan menghasilkan HTML patch.

Mengapa HeatMapX

HeatMapX vs alat heatmap lainnya

Untuk heatmap saja, alat apa pun berfungsi. HeatMapX lebih jauh — patch HTML yang dihasilkan AI, dikirimkan dari CLI.

KemampuanHeatMapXAlat AAlat B
Instalasi tracker 1 baris
Patch AI berbasis CLI (HTML auto-generated)
Integrasi Claude Code skill / agent
Output PR siap gabung
Tier gratis✓ 1 site
Paket berbayar mulai dari$29 / mo$80 / mo
Opsi self-hostedRoadmap
Session replay (video)Roadmap
Pendeteksian rage / dead clickRoadmap

* Harga alat lain per Juni 2026, dari sumber publik.

Siapa HeatMapX untuk

Dibangun untuk builder yang mengukur

Dari pembuat SaaS solo hingga tim dev in-house dan pengguna Claude Code power. HeatMapX untuk orang yang membangun sesuatu dan kemudian meningkatkannya.

Indie hackers

Marketing engineers

Growth hackers

Developer solo, pemasar yang bisa coding, dan engineer yang fokus pada pertumbuhan. Tingkatkan konversi situs apa pun yang Anda kerjakan — B2C, SaaS, e-commerce, konten — tanpa meninggalkan terminal Anda.

Pengembang freelance

Tunjukkan klien data heatmap konkret dan buktikan ROI pekerjaan Anda. Patch CRO yang dihasilkan AI dikirimkan lebih cepat daripada laporan yang ditulis tangan.

Tim dev kecil

Agensi

Tidak ada tim ops, tidak ada konsultan CRO terpisah yang diperlukan. Jalankan analisis heatmap dari alur kerja dev Anda dan kirimkan perbaikan bersama fitur.

Claude Code users

Minta Claude Code untuk menganalisis situs Anda dan dapatkan saran CRO yang didukung heatmap langsung dalam percakapan. Tidak ada perubahan konteks.

Roadmap

  • Live

    Dashboard

    Visualisasikan klik, scroll, dan gerakan mouse

  • Live

    Tracking API

    Tracker ringan satu baris

  • Live

    Claude Code CLI

    Jalankan rekam, analisis, dan saran dari CLI

  • Live

    Saran AI + pembuatan HTML patch

    Claude mengubah analisis menjadi patch perbaikan siap PR

  • Dalam pengerjaan

    Plan Team

    Kolaborasi multi-pengguna untuk tim

  • Dalam pengerjaan

    A/B testing First-View (setup & pengukuran)

    Jalankan dan ukur varian di area di atas lipatan

  • Dalam pengerjaan

    Penerapan hasil A/B

    Promosikan varian pemenang ke produksi dengan satu klik

  • Dalam pengerjaan

    Optimasi otomatis A/B (ML)

    Alokasikan traffic otomatis ke varian pemenang — seperti ML iklan

Pricing

Simple, transparent pricing

Start free, scale as you grow. Save ~20% with yearly billing.

Free

Indie hackers / freelancers

$0/ bln
  • 1 situs
  • 5.000 sesi / bulan
  • 10 analisis AI / bulan
See details

Pro

HEMAT 20%

Marketing engineers / growth hackers

$29/ bln
  • 3 situs
  • 50.000 sesi / bulan
  • 100 analisis AI / bulan
See details

Team

Tim in-house / agensi

$99/ bln
  • 10 situs
  • 500.000 sesi / bulan
  • 1.000 analisis AI / bulan
See details

Enterprise

Volume tinggi / kustom

Hubungi sales
  • Situs, sesi, dan analisis tanpa batas
  • Dukungan dedicated & SLA
  • Opsi self-hosted tersedia
See details

FAQ

Berapa biayanya?
Free / Pro $29/mo / Team $99/mo / Enterprise — empat paket, diskon 20% untuk paket tahunan. Lihat heatmapx.com/id/pricing untuk detail.
Apa bedanya dengan Hotjar / Microsoft Clarity / PostHog?
Mereka adalah penampil heatmap berbasis GUI. HeatMapX mengelola hipotesis di git via CLI + kode, dan Claude mengusulkan perbaikan nyata.
Situs seperti apa yang didukung?
Situs apa pun yang bisa dipasangi tag. Sudah diverifikasi pada Next.js / Nuxt / Astro / WordPress.
Bagaimana dengan privasi?
Tidak ada informasi pengenal pribadi yang dikumpulkan — hanya koordinat klik dan ID sesi anonim.
Bagaimana cara memulai?
Daftar gratis, tambahkan situs, pasang tag tracker, lalu jalankan heatmapx analyze di terminal. Heatmap pertama dan saran perbaikan AI tersedia dalam hitungan menit.

Tidak perlu menunggu lama.

Daftar gratis, tambahkan situs, pasang tracker, dan jalankan heatmapx analyze — heatmap pertamamu, hari ini.