4 Min. Lesedauer

Heatmaps

Pro Feature

Visualisieren Sie, wo Benutzer klicken, wie weit sie scrollen und welche Bereiche Ihrer Seiten die meiste Aufmerksamkeit erhalten. Heatmaps aggregieren Tausende von Interaktionen in leicht verständliche visuelle Overlays.

Heatmaps sind in den Plänen Pro, Scale und Enterprise verfügbar. Upgraden Sie Ihren Plan, um diese Funktion zu aktivieren.

Übersicht

Heatmaps aggregieren einzelne Benutzerinteraktionen zu visuellen Overlays. Statt einzelne Sessions anzuschauen, sehen Sie Muster über alle Besucher hinweg, um UX-Probleme und Optimierungsmöglichkeiten zu identifizieren.

Heatmap-Typen

Typ	Was wird angezeigt	Am besten für
Click Heatmap	Wo Benutzer klicken	Button-Platzierung, CTA-Optimierung
Scroll Heatmap	Wie weit Benutzer scrollen	Content-Platzierung, Fold-Optimierung
Move Heatmap	Mausbewegungsmuster	Benutzeraufmerksamkeit, Lesemuster

Heatmaps aktivieren

Öffnen Sie Domains, klicken Sie auf Ihre Website und gehen Sie zu den Domain-Einstellungen und wählen Sie den Tab Advanced aus
Unter Feature Flags schalten Sie Heatmaps auf aktiviert
Speichern Sie die Änderungen

Die Heatmap-Datenerfassung beginnt sofort für neue Besucher.

Heatmaps benötigen ausreichend Daten, um aussagekräftig zu sein. Wir empfehlen mindestens 100 Sessions pro Seite, bevor Sie Schlussfolgerungen ziehen.

Click Heatmaps

Klick-Muster verstehen

Click Heatmaps zeigen, wo Benutzer klicken oder tippen:

Hot Spots (rot): Hohe Klick-Konzentration
Warm Spots (gelb/orange): Moderate Klick-Aktivität
Cold Spots (blau/grün): Niedrige Klick-Aktivität

Häufige Erkenntnisse

Dead Clicks: Benutzer klicken auf nicht-interaktive Elemente (deutet auf Verwirrung hin)
Rage Clicks: Mehrfaches schnelles Klicken (deutet auf Frustration hin)
Verpasste CTAs: Wichtige Buttons erhalten wenige Klicks
Unerwartete Hot Spots: Benutzer klicken auf dekorative Elemente

Klicks filtern

Filtern nach:

Gerätetyp (Desktop, Mobile, Tablet)
Datumsbereich
Traffic-Quelle
Land

Scroll Heatmaps

Scroll-Tiefe verstehen

Scroll Heatmaps zeigen, wie weit Benutzer die Seite nach unten scrollen:

100% (Oben): Alle Besucher sehen diesen Bereich
80-100%: Zone mit hoher Sichtbarkeit
50-80%: Über der Falte für die meisten
< 50%: Unter der Falte, abnehmende Aufmerksamkeit

Wichtigste Metriken

Metrik	Beschreibung
Durchschnittliche Scroll-Tiefe	Wie weit der durchschnittliche Besucher scrollt
Falt-Linie	Wo die "Falte" für die meisten Benutzer endet
Absprungpunkte	Wo Benutzer aufhören zu scrollen

Optimierungstipps

CTAs über der Falte platzieren: Stellen Sie sicher, dass primäre Aktionen sofort sichtbar sind
Visuelle Hinweise hinzufügen: Pfeile oder Gradienten, die weiteren Inhalt anzeigen
Lange Inhalte aufteilen: Verwenden Sie Überschriften, Bilder und Abstände
Seitenlänge testen: Manchmal konvertieren kürzere Seiten besser

Heatmaps anzeigen

Heatmap-Dashboard

Öffnen Sie Domains, klicken Sie auf Ihre Website und wählen Sie den Tab Heatmaps:

Wählen Sie eine Seite aus der Liste aus
Wählen Sie den Heatmap-Typ (Click, Scroll, Move)
Stellen Sie Datumsbereich und Filter ein
Sehen Sie das Overlay auf einem Screenshot Ihrer Seite an

Screenshots erstellen

Zenovay erfasst automatisch Seiten-Screenshots für die Heatmap-Visualisierung. Screenshots werden aktualisiert:

Wenn sich der Seiten-Inhalt erheblich ändert
Wöchentlich für aktive Seiten
Bei Bedarf über das Dashboard

Screenshots spiegeln möglicherweise keine dynamischen Inhalte oder personalisierten Seiten wider. Verwenden Sie die Schaltfläche "Screenshot aktualisieren", um den aktuellen Status zu erfassen.

Geräte vergleichen

Desktop- und Mobile-Benutzer verhalten sich unterschiedlich. Vergleichen Sie Heatmaps immer über Geräte hinweg:

Desktop vs Mobile

Verhalten	Desktop	Mobile
Scroll-Tiefe	Typischerweise tiefer	Kürzere Sessions
Klick-Ziele	Präzise Klicks	Größere Touch-Ziele erforderlich
Viewport	Breit, horizontal	Schmal, vertikal
Navigation	Hover-States sichtbar	Nur Touch-Interaktion

Datenschutz

Heatmaps aggregieren anonyme Daten:

Keine persönlichen Informationen erfasst
Einzelne Benutzer sind nicht identifizierbar
Nur aggregierte Muster werden angezeigt
Respektiert DNT-Einstellungen

API-Zugriff

Greifen Sie programmgesteuert auf Heatmap-Daten zu:

GET /api/websites/:websiteId/heatmaps/:pageUrl
Authorization: Bearer YOUR_API_KEY

Die Antwort enthält Klick-Koordinaten, Scroll-Tiefe-Daten und Session-Zähler.

Best Practices

Warten Sie auf ausreichend Daten: Minimum 100+ Sessions für zuverlässige Muster
Vergleichen Sie Geräte: Mobile und Desktop unterscheiden sich oft erheblich
Überprüfen Sie mehrere Seiten: Nicht nur die Homepage
Korrelieren Sie mit Analytics: Nutzen Sie quantitative Daten, um zu priorisieren, welche Seiten analysiert werden sollen
Testen Sie Änderungen: Erstellen Sie A/B-Tests basierend auf Heatmap-Erkenntnissen

Nächste Schritte

Session Replay - Beobachten Sie einzelne Benutzersessions
Error Tracking - Erfassen Sie JavaScript-Fehler
Custom Events - Verfolgen Sie spezifische Interaktionen