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.

Zuletzt aktualisiert: 4. Oktober 2026

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.

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.

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«.

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.