Heatmaps per MCP mit Claude verbinden (1 Minute, ein Befehl)

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

Kurzfassung

  • HeatMapX unterstützt MCP (den offenen Standard zum Verbinden von Tools mit KI-Assistenten). In jedem Plan kostenlos
  • Die Einrichtung besteht aus zwei Schritten — API-Key erstellen, einen Befehl ausführen — etwa eine Minute
  • Nach der Verbindung kann Claude Ihre Heatmaps, Seitenstatistiken und A/B-Testergebnisse direkt im Gespräch abfragen

„Dashboard öffnen → Zahlen kopieren → in die KI einfügen" — dieser Umweg nervt schnell. Mit MCP holt sich Claude Ihre HeatMapX-Daten selbst, und die gesamte Analyse findet in einem einzigen Gespräch statt.

Was ist MCP?

MCP (Model Context Protocol) ist der Standard zum Verbinden externer Tools mit KI-Assistenten wie Claude. Man kann es sich wie eine universelle Steckdose vorstellen: einmal anschließen, und die KI holt sich die Daten, die sie braucht, wann immer sie sie braucht.

Verbindung über claude.ai / Claude Desktop (am einfachsten — 3 Klicks)

Auf claude.ai oder in Claude Desktop benötigen Sie kein Terminal und keinen API-Key:

  1. Öffnen Sie Einstellungen → Connectors → „Benutzerdefinierten Connector hinzufügen"
  2. Geben Sie „HeatMapX" als Namen und https://heatmapx.com/api/mcp als URL ein → hinzufügen → „Verbinden"
  3. Melden Sie sich bei HeatMapX an und prüfen Sie den Zustimmungsbildschirm (Lesezugriff / Erstellen & Starten / Experimente stoppen / Sites registrieren), dann klicken Sie auf „Erlauben"

Das war's — legen Sie im Chat einfach los. Sie können die Verbindung jederzeit unter HeatMapX Einstellungen → Verbundene Apps trennen.

Verbindung über Claude Code (Terminal, 2 Schritte)

1. API-Key erstellen

Gehen Sie in Ihrem HeatMapX-Dashboard zu Einstellungen → API-Keys und klicken Sie auf „Neuen Key erstellen". Der Key wird nur einmal angezeigt — kopieren Sie ihn sofort.

2. Einen Befehl ausführen

Führen Sie in Ihrem Terminal Folgendes aus (ersetzen Sie YOUR_API_KEY durch den kopierten Key):

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

Fertig. Starten Sie Claude Code neu (oder beginnen Sie ein neues Gespräch), und die HeatMapX-Tools stehen zur Verfügung.

Was Sie damit machen können

Nach der Verbindung funktionieren Fragen wie diese einfach:

  • Zeig mir meine Sites" → Ihre registrierten Sites und URLs
  • Welche Seite auf kpop-ticket.com hat die schlechteste Scroll-Tiefe?" → aus den Seitenstatistiken ermittelt
  • Fasse die Heatmap für /pricing zusammen" → Klick-Hotspots und Scroll-Reichweite
  • Wie läuft mein A/B-Test? Kann ich schon einen Gewinner ausrufen?" → Varianten-Metriken plus ein statistisch fundierter Gewinner-Vorschlag

HeatMapX liefert die Zahlen, Claude übernimmt die Interpretation. Jede Seite macht das, was sie am besten kann.

Nicht nur lesen: A/B-Tests erstellen und starten

Verbinden Sie sich mit Schreibzugriff, und der gesamte Ablauf findet im Gespräch statt:

  • Erstelle einen A/B-Test auf meiner Startseite: zwei CTA-Texte" → es wird ein Entwurf erstellt
  • Starte ihn" → Claude fasst das Experiment zusammen und fragt immer nach Ihrer Bestätigung → sagen Sie OK, und es geht live
  • Stoppe ihn" → dieselbe Bestätigung, dann wird gestoppt

Sicherheit von Grund auf:

  • Die Erstellung landet immer als Entwurf (nichts liefert von selbst Traffic aus)
  • Start / Stopp werden niemals ohne Ihre ausdrückliche Zustimmung ausgeführt (zweistufige Bestätigung)
  • Löschen ist per KI nicht möglich (unumkehrbare Vorgänge sind ausgeschlossen)
  • Berechtigungen werden auf dem Zustimmungsbildschirm klar aufgeführt und können jederzeit unter Einstellungen → Verbundene Apps widerrufen werden

Verfügbare Tools

Tool Was es liefert
list_sites Ihre registrierten Sites
get_page_stats Sessions, Klicks und durchschnittliche Scroll-Tiefe pro Seite
get_heatmap_summary Heatmap-Aggregate für eine Seite (mit Zeitfenster)
list_experiments Ihre A/B-Experimente
get_experiment_results Varianten-Metriken, Uplift, Gewinner-Vorschlag

Fünf lesende Tools plus fünf schreibende Tools (create_site / create_experiment / start·pause·stop_experiment). Schreibende Tools funktionieren nur bei Verbindungen, bei denen Sie den Schreibzugriff ausdrücklich genehmigt haben, und Start/Stopp erfordern immer eine Bestätigung im Gespräch.

Checkliste, falls die Verbindung nicht klappt

  • Key falsch eingefügt? Stellen Sie sicher, dass Sie die gesamte Zeichenfolge beginnend mit hmx_live_ eingefügt haben
  • Key widerrufen? Prüfen Sie unter Einstellungen → API-Keys, ob ein aktiver Key vorhanden ist

Preise

MCP-Zugriff ist in jedem Plan kostenlos (nur mit einem angemessenen Burst-Limit). Heatmaps und A/B-Tests, direkt aus Claude — probieren Sie es aus.

Heatmaps aus Claude Code — kostenlos starten.

Ein Tracker-Tag einfügen, dann Analyse und CRO-Vorschläge aus der CLI bekommen.