# Live Heatmaps im Überblick

> Live Heatmaps zeigen dir direkt auf deiner Website, worauf Besucher*innen klicken. In diesem Artikel zeige ich dir, wie du sie öffnest und was du auf den ersten Blick siehst.

## Voraussetzungen

- Das Snippet ist auf deiner Website eingebaut.

- Du nutzt Google Chrome und hast die sitebrunch Extension installiert.

## Live Heatmaps öffnen

Klicke im Menü unter »User Experience« auf »Live Heatmaps«. Der kleine Pfeil daneben zeigt dir: Die Heatmaps öffnen sich in einem neuen Tab, nicht im Dashboard.

![Screenshot sitebrunch: Das Menü mit Übersicht, Comments & Tasks und User Experience. Unter User Experience stehen Metrics, Conversions, Journeys und Live Heatmaps. Live Heatmaps hat einen Pfeil, weil es sich in einem neuen Tab öffnet.](https://website-assets.sitebrunch.com/storage/hilfecenter/ux/live-heatmaps/menue-live-heatmaps.jpg)

Dafür brauchst du die sitebrunch Extension für Chrome. Ist sie noch nicht installiert, fragt sitebrunch dich beim ersten Mal danach und bringt dich mit »Zum Extension Store« zur Installation.

## Was du siehst

Im neuen Tab öffnet sich deine echte Website, mit sitebrunch drumherum. Die Heatmap ist schon eingeschaltet. Jedes klickbare Element, also Links, Buttons, Menüpunkte und Formularfelder, bekommt eine Zahl. Sie sagt dir, wie oft es im gewählten Zeitraum geklickt wurde.

Die Farbe zeigt dir, wo am meisten passiert: Rot sind die Elemente mit den meisten Klicks, danach kommen Gelb, Grün und Blau. Elemente ohne Klicks sind grau und zeigen eine 0.

![Screenshot der sitebrunch Extension auf vinodo.de mit eingeschalteter Heatmap. Jeder Menüpunkt und Button trägt eine Zahl mit Laptop-Symbol, zum Beispiel Weißweinproben 39 im Menü und 66 auf dem Button weiter unten. Der Button mit den meisten Klicks leuchtet rot, seltener geklickte Elemente grün und blau. Unten die Leiste mit 780 Personen, 780 Seitenaufrufen, 29 Sekunden Besuchsdauer, den Geräteanteilen und dem Zeitraum 05.09. bis 04.10.2026.](https://website-assets.sitebrunch.com/storage/hilfecenter/ux/live-heatmaps/heatmap-startseite.jpg)

Bei vinodo.de sieht man sofort: Der große Button »Weißweinproben« auf der Startseite wird öfter geklickt als derselbe Punkt im Menü. Die Startseite führt also gut zur wichtigsten Seite.

> **Notiz:** Bei sehr kleinen Elementen, zum Beispiel Pfeilen in einem Slider, lässt sitebrunch die Zahl weg, damit sie nichts verdeckt. Die Farbe siehst du trotzdem, und die Zahl steht im Fenster, wenn du mit der Maus darüber fährst.

## Die Leiste unten

Unten fasst sitebrunch die Seite für den Zeitraum zusammen:

- Personen, Seitenaufrufe und die durchschnittliche Besuchsdauer.

- Wie viel Prozent der Besuche am Handy, am Tablet und am Computer waren.

- Rechts der Zeitraum.

## Zeitraum ändern

Klicke unten rechts auf den Zeitraum. Wähle »Heute«, »Gestern«, »7 Tage« oder »30 Tage«, oder markiere mit »Frei wählen« selbst einen Zeitraum im Kalender. Klicke dann auf »Speichern«.

![Screenshot der sitebrunch Extension: Der geöffnete Kalender für den Zeitraum mit September und Oktober 2026. Vom 5. September bis 4. Oktober ist markiert. Unten die Knöpfe Heute, Gestern, 7 Tage, 30 Tage (ausgewählt) und Frei wählen sowie der Button »Speichern«.](https://website-assets.sitebrunch.com/storage/hilfecenter/ux/live-heatmaps/zeitraum-waehlen.jpg)

> **Tipp:** Nimm 30 Tage, wenn deine Website nicht so viele Besuche hat. Mit mehr Klicks werden die Unterschiede zwischen den Elementen deutlicher.

## Heatmap aus- und einschalten

Rechts am Rand findest du das Flammen-Symbol »Heatmap«. Damit blendest du die Heatmap aus, zum Beispiel wenn du die Seite ohne Farben ansehen willst. Ein zweiter Klick blendet sie wieder ein.

---

- Vorheriger Artikel: [Live Heatmaps](https://www.sitebrunch.com/hilfecenter/user-experience/live-heatmaps.md)
- Nächster Artikel: [Klicks lesen](https://www.sitebrunch.com/hilfecenter/user-experience/live-heatmaps/klicks-lesen.md)

## Hilfecenter: Inhalt

- [Accessibility](https://www.sitebrunch.com/hilfecenter/accessibility.md)
  - [Erste Schritte](https://www.sitebrunch.com/hilfecenter/accessibility/erste-schritte.md)
    - [Ein Projekt erstellen](https://www.sitebrunch.com/hilfecenter/accessibility/erste-schritte/ein-projekt-erstellen.md)
    - [WCAG-Monitoring einrichten](https://www.sitebrunch.com/hilfecenter/accessibility/erste-schritte/wcag-monitoring-einrichten.md)
    - [PDF prüfen](https://www.sitebrunch.com/hilfecenter/accessibility/erste-schritte/pdf-pruefen.md)
  - [WCAG-Monitoring](https://www.sitebrunch.com/hilfecenter/accessibility/wcag-monitoring.md)
    - [Die Monitoring-Übersicht](https://www.sitebrunch.com/hilfecenter/accessibility/wcag-monitoring/das-monitoring-dashboard.md)
    - [Seiten zum Monitoring hinzufügen](https://www.sitebrunch.com/hilfecenter/accessibility/wcag-monitoring/seiten-zum-monitoring-hinzufuegen.md)
    - [E-Mail Benachrichtigungen](https://www.sitebrunch.com/hilfecenter/accessibility/wcag-monitoring/e-mail-benachrichtigungen.md)
  - [Audits](https://www.sitebrunch.com/hilfecenter/accessibility/audits.md)
    - [Ein Audit anlegen](https://www.sitebrunch.com/hilfecenter/accessibility/audits/ein-audit-anlegen.md)
    - [Einen Prüfschritt durchführen](https://www.sitebrunch.com/hilfecenter/accessibility/audits/einen-pruefschritt-durchfuehren.md)
    - [Der Prüfbericht](https://www.sitebrunch.com/hilfecenter/accessibility/audits/der-pruefbericht.md)
    - [Ein Re-Audit erstellen](https://www.sitebrunch.com/hilfecenter/accessibility/audits/ein-re-audit-erstellen.md)
- [User Experience](https://www.sitebrunch.com/hilfecenter/user-experience.md)
  - [Erste Schritte](https://www.sitebrunch.com/hilfecenter/user-experience/erste-schritte.md)
    - [Ein Projekt anlegen](https://www.sitebrunch.com/hilfecenter/user-experience/erste-schritte/ein-projekt-anlegen.md)
    - [Das Snippet einbauen](https://www.sitebrunch.com/hilfecenter/user-experience/erste-schritte/das-snippet-einbauen.md)
    - [Vom Einbau bis zum ersten Besuch](https://www.sitebrunch.com/hilfecenter/user-experience/erste-schritte/vom-einbau-bis-zum-ersten-besuch.md)
    - [Die Wochenübersicht lesen](https://www.sitebrunch.com/hilfecenter/user-experience/erste-schritte/die-wochenuebersicht-lesen.md)
  - [Metrics](https://www.sitebrunch.com/hilfecenter/user-experience/metrics.md)
    - [Die Metrics-Übersicht](https://www.sitebrunch.com/hilfecenter/user-experience/metrics/die-metrics-uebersicht.md)
    - [Filtern und vergleichen](https://www.sitebrunch.com/hilfecenter/user-experience/metrics/filtern-und-vergleichen.md)
    - [Seiten und Bereiche](https://www.sitebrunch.com/hilfecenter/user-experience/metrics/seiten-und-bereiche.md)
    - [Kampagnen auswerten](https://www.sitebrunch.com/hilfecenter/user-experience/metrics/kampagnen-auswerten.md)
  - [Conversions](https://www.sitebrunch.com/hilfecenter/user-experience/conversions.md)
    - [Ereignisse und Ziele einrichten](https://www.sitebrunch.com/hilfecenter/user-experience/conversions/ereignisse-und-ziele-einrichten.md)
    - [Die Conversions-Übersicht](https://www.sitebrunch.com/hilfecenter/user-experience/conversions/die-conversions-uebersicht.md)
    - [Interaktionen auswerten](https://www.sitebrunch.com/hilfecenter/user-experience/conversions/interaktionen-auswerten.md)
    - [Einen Trichter anlegen](https://www.sitebrunch.com/hilfecenter/user-experience/conversions/einen-trichter-anlegen.md)
  - [Journeys](https://www.sitebrunch.com/hilfecenter/user-experience/journeys.md)
    - [Journeys im Überblick](https://www.sitebrunch.com/hilfecenter/user-experience/journeys/journeys-im-ueberblick.md)
    - [Sehen, wohin Besuche gehen](https://www.sitebrunch.com/hilfecenter/user-experience/journeys/wohin-besuche-gehen.md)
    - [Eine Strecke anlegen](https://www.sitebrunch.com/hilfecenter/user-experience/journeys/eine-strecke-anlegen.md)
    - [Vom Ziel rückwärts lesen](https://www.sitebrunch.com/hilfecenter/user-experience/journeys/vom-ziel-rueckwaerts-lesen.md)
  - [Live Heatmaps](https://www.sitebrunch.com/hilfecenter/user-experience/live-heatmaps.md)
    - [Live Heatmaps im Überblick](https://www.sitebrunch.com/hilfecenter/user-experience/live-heatmaps/live-heatmaps-im-ueberblick.md) (dieser Artikel)
    - [Klicks lesen](https://www.sitebrunch.com/hilfecenter/user-experience/live-heatmaps/klicks-lesen.md)
    - [Scrolltiefe und Geräte](https://www.sitebrunch.com/hilfecenter/user-experience/live-heatmaps/scrolltiefe-und-geraete.md)
    - [Nach Herkunft und Zielen filtern](https://www.sitebrunch.com/hilfecenter/user-experience/live-heatmaps/nach-herkunft-und-zielen-filtern.md)
