CRO-Notizen, Benchmarks und Fallstudien von HeatMapX.
Von der Bedeutung von Web Engagement bis zum Einstieg – so erklärt, dass jeder ohne Vorkenntnisse folgen kann. Wir behandeln Anwendungsfälle für Popups und feste Leisten, Design-Tipps sowie die Kombination mit Heatmaps und A/B-Tests.
Wie die HeatMapX-Empfehlungskampagne aus beiden Perspektiven funktioniert: wie man Codes weitergibt, wo man sie eingibt (das Dashboard, nicht die Kassenseite), wann der kostenlose erste Monat gilt, wie die Gutschrift ausgezahlt wird, und Antworten auf häufige Fragen — alles in einem Artikel.
Eine produktübergreifende Untersuchung öffentlicher APIs und des Umfangs von Datenexporten bei 10 Heatmap-/Session-Recording-Produkten und 9 A/B-Testing-Produkten – mit Blick auf Bezahlschranken und Datengranularität. Dieser Forschungsbericht ordnet jedes Unternehmen anhand der Frage „Kann man seine eigenen Daten jederzeit herausnehmen?" in drei Stufen ein.
Schritt-für-Schritt-Anleitung zur Verbindung von Claude Code mit dem HeatMapX-MCP-Server: API-Key erstellen, einen Befehl ausführen, dann Fragen stellen wie „Welche Seite hat die schlechteste Scroll-Tiefe?“ oder „Wer gewinnt meinen A/B-Test?“. Inklusive Troubleshooting.
Drei Wege, um Heatmap-Tracking zu WordPress hinzuzufügen – über die Header-Einstellungen des Themes, ein Plugin zum Einfügen von Code oder direkte Bearbeitung der header.php – beginnend mit der einfachsten Option ohne Plugin und mit nur einer Codezeile. Inklusive einer Anleitung, wie Sie prüfen, ob es tatsächlich funktioniert.
So fügen Sie einem Shopify-Shop ein Heatmap-Tracking hinzu – ganz ohne App-Installation, nur mit einer Zeile Code in theme.liquid. Enthält die Sicherung des Themes vor der Bearbeitung, warum Checkout-Seiten nicht erfasst werden und wie Sie prüfen, ob alles funktioniert.
Schritt-für-Schritt-Anleitung zur Installation des HeatMapX Heatmap-Trackings über Google Tag Manager (GTM): ein Custom-HTML-Tag mit All-Pages-Trigger in 5 Schritten, eine Checkliste für den Fall, dass das Tag nicht auslöst, und wie Sie sich von Claude Code durch den Prozess führen lassen.
Von der Bedeutung des A/B-Tests bis zum Einstieg – verständlich erklärt, auch ohne Vorkenntnisse. Häufig getestete Elemente, die Vorgehensweise in 5 Schritten, typische Anfängerfehler und die Kombination mit Heatmaps.
Wir haben untersucht, warum das Dashboard mehrere Sekunden zum Laden braucht — die Ursache war ein Roundtrip zwischen der Vercel-Funktion (USA) und Supabase (Tokio). Mit einer festen Region und parallelisierten Abfragen konnten wir die gefühlte Ladezeit deutlich verbessern.
Eine Erklärung des oft verwirrenden Unterschieds zwischen der „Traffic-Zuteilung“ (dem Anteil der Besucher, die überhaupt in den Test einbezogen werden) und der „A/B-Verteilung“ beim A/B-Testing. Wenn man beide getrennt betrachtet, kann man Risiken minimieren und trotzdem korrekt testen.
Wie zeigt man in der „Vorschau nach der Änderung" eines A/B-Tests die externe Website eines Nutzers sicher über die eigene Origin an? Wir erklären das Zusammenspiel aus SSRF-Schutz, Entfernung externer JS, CSP und iframe Sandbox – inklusive der Stolperfalle, in die wir beim Sandbox-Attribut tatsächlich getappt sind.
Worin unterscheiden sich Heatmaps und A/B-Tests, und wann sollte man welches Werkzeug einsetzen? Wir erklären verständlich den Unterschied zwischen der Heatmap, die „Probleme aufdeckt", und dem A/B-Test, der „Lösungen überprüft" – inklusive der richtigen Reihenfolge.
Denken Sie, A/B-Tests seien nur mit kostenpflichtigen Tools möglich? Wir zeigen, wie Sie mit einem einzigen Code-Snippet, ganz ohne Programmierung und ohne Kreditkarte, noch heute mit No-Code-A/B-Tests starten können.
Beim Design einer A/B-Test-Funktion stellt sich die Frage, ob man den „Anteil der Besucher, die ins Experiment einbezogen werden (Teilnahmequote)“ und die „A/B-Aufteilung“ zu einem einzigen Wert zusammenfasst oder trennt. Wir teilen, warum wir uns – dem Branchenstandard folgend – für eine Trennung der beiden entschieden haben.
Von Optimizely bis PostHog — ein Forschungsbericht vom Juni 2026 zu Features, Preisstufen, Abrechnungsmodellen und technischen Ansätzen von 8 führenden A/B-Testing-Tools. Inklusive der jüngsten Konsolidierungswelle und dem aktuellen Stand der WordPress-Unterstützung.
Von einem einseitigen Dump zu einem 5-seitigen Sidebar-Layout. Sticky-Sidebar-Koexistenz, gemeinsames CSS Grid Template, Coming-Soon-Muster und ein einzelnes i18n-Dictionary als SSOT für LP und Dashboard — gebaut in 2 Stunden mit Claude Code.
Wie wir das HeatMapX-Dashboard in einem einzigen Tag mit Claude Code von Grund auf neu gebaut haben — inklusive Tailwind v4 Dark Mode, CSS Grid Tabular Alignment Fallstricken und wie 16 Design-Iterationen in der Praxis aussehen.
Ein Tracker-Tag einfügen, dann Analyse und CRO-Vorschläge aus der CLI bekommen.
