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

HeatMapX Engineering Team4 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.

Einrichtung (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.

Verfügbare Tools (nur lesend)

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

Es gibt keine schreibenden Tools — alles ist nur lesend, sodass die KI Ihre Daten niemals versehentlich ändern kann.

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
  • Client-Unterstützung: Sie brauchen einen MCP-Client, der benutzerdefinierte Header unterstützt (Claude Code, Cursor usw.). Benutzerdefinierte Connectors für Claude Desktop (OAuth) sind auf unserer Roadmap
  • 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.