Zum Hauptinhalt springen
Pro Plan5 minutesEinsteiger

Klick-Heatmaps

Visualisieren Sie, wo Besucher auf Ihren Seiten klicken, mit aggregierten Heatmap-Daten – identifizieren Sie beliebte Elemente und tote Zonen. Erkunden Sie Heatmap-Setup und Best Practices.

heatmapsclicksanalyticsux
Zuletzt aktualisiert:
Pro Plan

Klick-Heatmaps zeigen Ihnen genau, wo Besucher auf Ihren Seiten klicken. Jeder Klick von jedem Besucher wird in einer einzigen Farbüberlagerung auf einem Screenshot der Seite aggregiert, so dass Sie auf einen Blick erkennen können, welche Elemente Aufmerksamkeit erregen und welche Bereiche ignoriert werden.

Was sind Klick-Heatmaps?

Klick-Heatmaps aggregieren alle Klicks auf einer Seite:

AspektBeschreibung
DatenJeder Klick von jedem Besucher
AnzeigeFarbverlaufs-Overlay auf einem Seiten-Screenshot
HotspotsHohe Klickkonzentration
Kalte ZonenWenige oder keine Klicks

Farbskala

Das Overlay verwendet einen kontinuierlichen Farbverlauf von niedriger bis hoher Klickdichte. Eine Legende unter dem Heatmap kennzeichnet die Niedrig- und Hoch-Enden der Skala. Hellere, wärmere Bereiche sind dort, wo sich Klicks am meisten konzentrieren.

Zugriff auf Heatmaps

Heatmaps sind eine kostenpflichtige Funktion, verfügbar ab Pro und höher.

  1. Öffnen Sie Heatmaps

    Wählen Sie Heatmaps aus der Seitenleiste, oder öffnen Sie das Dashboard einer Website und wählen Sie die Registerkarte Heatmaps.

  2. Seite auswählen

    Das linke Panel listet Seiten mit erfassten Klickdaten auf, jede zeigt die Gesamtzahl der Interaktionen und Klicks. Nutzen Sie das Suchfeld zum Filtern und klicken Sie dann auf eine Seite, um sie zu laden.

  3. Heatmap anzeigen

    Der Seiten-Screenshot wird mit dem Klick-Heatmap geladen.

Heatmaps anzeigen

Seitenliste

Das linke Panel ist Ihr Seitenauswähler:

MethodeBeschreibung
SeitenlisteWählen Sie aus Seiten mit erfassten Daten
SucheFiltern Sie die Liste nach URL-Pfad
ZählerJede Seite zeigt die Gesamtzahl der Interaktionen und Klicks

Sie können das Panel mit dem Schalter an seinem Rand einklappen, um dem Heatmap mehr Platz zu geben.

Klick- und Scroll-Modi

Über dem Heatmap wechselt ein Klick / Scroll-Umschalter zwischen dem Klick-Heatmap und der Scroll-Tiefe-Ansicht für dieselbe Seite.

Zeitraum

Ein Periodenwähler ermöglicht es Ihnen, das Heatmap auf ein aktuelles Fenster zu begrenzen: 7 Tage, 30 Tage, 90 Tage oder 6 Monate. Längere Fenster sind auf höheren Tarifen verfügbar; gesperrte Optionen zeigen ein Schloss-Symbol und den erforderlichen Tarif.

Heatmap-Anzeige

Overlay-Ansicht

Das Heatmap überlagert einen Screenshot Ihrer Seite:

  • Sehen Sie den tatsächlichen Inhalt unter dem Overlay
  • Zoomen Sie mit den On-Screen-Steuerelementen hinein und heraus, oder pinchen Sie auf Touch-Geräten
  • Ziehen Sie zum Verschieben, wenn Sie vergrößert sind

Die Kopfzeile über dem Heatmap fasst die Daten zusammen und zeigt die Anzahl der Klickpunkte und die Gesamtzahl der Interaktionen im ausgewählten Zeitfenster.

Vollseitenansicht

Die Schaltfläche Vollseite öffnet einen Vollbild-Inspector für die Seite:

  • Zoomen und verschieben Sie über das gesamte Heatmap
  • Drücken Sie Escape, um zu beenden

Screenshot-Chronologie

Wenn eine Seite Screenshots von mehr als einem Datum hat, erscheint unter dem Heatmap ein Datums-Navigator. Gehen Sie vorwärts und rückwärts durch die Daten, um zu sehen, wie die Seite im Laufe der Zeit aussah.

Die Daten verstehen

Die Kopfzeile zeigt zwei Zahlen für die ausgewählte Seite und den Zeitraum:

MetrikBeschreibung
KlickpunkteVerschiedene Positionen, an denen Klicks aufgezeichnet wurden
GesamtinteraktionenAlle Klick-Ereignisse im Zeitfenster

Das Lesen des Overlays selbst sagt Ihnen den Rest: dichte, warme Cluster sind dort, wo sich die Aufmerksamkeit konzentriert, und dunkle oder leere Bereiche sind dort, wo Besucher nicht klicken.

Anwendungsfälle

CTA-Optimierung

Analysieren Sie Ihre Call-to-Action-Buttons:

  • Werden sie geklickt?
  • Wo klicken Besucher stattdessen?
  • Über dem Fold vs. unter dem Fold

Überprüfen Sie die Navigationsnutzung:

  • Welche Menüpunkte verwendet werden
  • Hamburger-Menü-Engagement
  • Footer-Navigation

Formularoptimierung

Verstehen Sie die Formularinteraktion:

  • Welche Felder Klicks erhalten
  • Wo Besucher zögern oder abbrechen

Content-Interaktion

Sehen Sie die Inhaltsinteraktion:

  • Bildklicks
  • Klicks auf Elemente, die Besucher erwarten, anklickbar zu sein

Wenn eine Ansammlung von Klicks auf etwas landet, das nicht tatsächlich anklickbar ist, ist das ein starkes Signal für einen Mismatch zwischen dem, was Besucher erwarten, und dem, was die Seite bietet.

Heatmap-Daten verwalten

Seite zurücksetzen

Wenn Sie Bearbeitungszugriff haben, löscht die Schaltfläche Zurücksetzen die erfassten Heatmap-Daten für die aktuelle Seite dauerhaft. Dies kann nicht rückgängig gemacht werden, daher werden Sie gebeten, zuerst zu bestätigen. Viewer ohne Bearbeitungszugriff sehen die Schaltfläche deaktiviert.

Heatmap-Genauigkeit

Datenerfassung

Heatmaps werden aus echten Klick-Ereignissen erstellt, die vom Tracking-Script erfasst und auf Koordinaten auf einem Screenshot der Seite abgebildet werden.

Einschränkungen

Beachten Sie, dass Heatmaps beeinträchtigt sein können durch:

  • Dynamische Inhalte, die sich zwischen Besuchen ändern
  • Responsive Breakpoints, die das Layout verschieben
  • A/B-Test-Variationen derselben URL

Mindestdaten

Für ein zuverlässiges Heatmap geben Sie einer Seite Zeit, um eine aussagekräftige Anzahl von Interaktionen zu erfassen. Seiten mit wenig Traffic sehen spärlich aus, bis mehr Daten ankommen.

Best Practices

Regelmäßige Überprüfung

Überprüfen Sie Heatmaps regelmäßig:

  • Nach Designänderungen
  • Nach neuen Kampagnen
  • Vor einem Redesign

Maßnahmen

Nutzen Sie Ihre Erkenntnisse um:

  • CTAs zu den Hotspots verschieben
  • Echte Links dort hinzufügen, wo Besucher bereits klicken
  • Verwirrende Elemente entfernen oder überarbeiten

Mit Sitzungen kombinieren

Heatmaps sagen Ihnen wo und wie viel. Um zu verstehen warum, schauen Sie sich einzelne Sitzungsaufzeichnungen für dieselbe Seite an.

Nächste Schritte

War dieser Artikel hilfreich?