Neu: Benutzerdefinierte Tags — Heatmaps nach eigenen A/B-Test-Varianten filtern

HeatMapX Engineering Team4 min read
  • tags
  • heatmap
  • ab-testing
  • mcp

HeatMapX unterstützt jetzt benutzerdefinierte Tags. Fügen Sie eine Zeile zu Ihrer Seite hinzu, und jedes Klick-, Scroll- und Mausbewegungsereignis dieses Besuchers trägt das Tag — so können Sie die Heatmap im Dashboard nach Tag filtern.

Diese Funktion entstand aus einem Kundenwunsch: „Unser A/B-Test läuft schon in unserem eigenen Code. Wir wollen nur die Heatmap pro Variante sehen." Sie ist nicht auf A/B-Tests beschränkt. Eingeloggt oder nicht, auf welchem Plan das Mitglied ist, über welche Kampagne jemand gekommen ist — alles, was Ihre Website bereits über den Besucher weiß, kann zu einem Segment werden.

So funktioniert's

Fügen Sie Folgendes auf jeder Seite mit dem Tracking-Tag ein. Es funktioniert vor oder nach dem Tracking-Tag (früher aufgerufene Befehle werden zwischengespeichert und angewendet, sobald das Tag geladen ist).

<script>
  window.hmx = window.hmx || function(){ (window.hmx.q = window.hmx.q || []).push(arguments) };
  hmx('set', 'ab_variant', 'B');
</script>

Wenn Ihr Server das HTML rendert, können Sie die Tags auch gesammelt vor dem Tracking-Tag übergeben.

<script>window.heatmapxTags = { ab_variant: 'B', plan: 'pro' };</script>

Tags bleiben bei Seitennavigationen innerhalb desselben Browser-Tabs erhalten, sodass es genügt, sie einmal zu Beginn eines Besuchs zu setzen. Mit hmx('unset', 'ab_variant') entfernen Sie ein Tag.

Filtern im Dashboard

Öffnen Sie eine Website und dann die Heatmap einer Seite. In der Filterzeile oben rechts, neben dem Gerätefilter, erscheint ein Dropdown „Tag". Jede Option zeigt Key, Wert und Sitzungsanzahl, etwa ab_variant = B (128). Wählen Sie eine Option, und die Klick-, Scroll- und Mausbewegungs-Heatmaps werden neu gerendert — nur für dieses Segment.

Das Dropdown ist ausgeblendet, solange eine Website noch keine getaggten Daten hat. Es wird verfügbar, sobald das erste getaggte Ereignis nach der Installation eintrifft.

Filtern über den MCP-Server

Auch der MCP-Server, der von Claude und anderen KI-Tools genutzt wird, unterstützt Tags.

  • Übergeben Sie tags: { "ab_variant": "B" } an get_heatmap_summary, um die Zusammenfassung für dieses Segment zu erhalten. Mehrere Keys werden mit UND verknüpft.
  • Das neue Tool list_tags gibt die auf einer Website beobachteten Keys und Werte zurück.

Regeln

  • Keys: Kleinbuchstaben, Ziffern, _ und -, 1 bis 32 Zeichen (Großbuchstaben werden in Kleinbuchstaben umgewandelt). Werte: 1 bis 64 Zeichen. Bis zu 10 Keys gleichzeitig.
  • Keine personenbezogenen Daten in den Werten, etwa E-Mail-Adressen, Benutzer-IDs oder Bestellnummern. Werte, die sowohl @ als auch . enthalten, werden nicht gespeichert.
  • Pro Key werden über die letzten 30 Tage bis zu 50 verschiedene Werte gespeichert. Weitere neue Werte darüber hinaus werden ignoriert.
  • Wenn Sie keine Tags verwenden, ändert sich an den übertragenen Daten nichts.

Preisgestaltung

Verfügbar auf allen Plänen, einschließlich Free.

Auswirkungsbereich

Nutzt Ihr bestehendes Tracking-Tag wie gewohnt. Websites, die keine Tags setzen, sind nicht betroffen. Das Tracking-Skript (tracker.js) wird im Browser bis zu 24 Stunden zwischengespeichert, weshalb die Änderung bei einigen wiederkehrenden Besuchern direkt nach der Installation erst am Folgetag greifen kann.

Heatmaps aus Claude Code — kostenlos starten.

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