Der Traffic sagt dir, wie viele Leute eine Seite geöffnet haben. Die Klick-Heatmap zeigt, was sie dort getan haben: was sie anklicken, was sie überspringen, wo sie einen Link erwarten, den es nicht gibt, und bis wohin sie überhaupt scrollen. Alles wird direkt über deiner Site eingeblendet, nicht als Tabelle.
Im CRM findest du das unter Marketing → Klick-Heatmap, im Tarif Pro. Es gibt zwei Modi:
- Klicks — eine Heatmap: Je mehr Klicks eine Stelle bekommt, desto röter wird sie. Daneben eine Liste der meistgeklickten Elemente.
- Scrolltiefe — die Seite ist danach eingefärbt, welcher Anteil der Aufrufe bis zu dieser Höhe kam, mit Linien für „hierhin scrollten 75 %, 50 %, 25 %, 10 %“.
So schaltest du es ein
Widget-Skript auf der Site einbinden
Derselbe eine Tag wie für Statistik und Leads — siehe Schnellstart. Ist er schon eingebunden, musst du nichts hinzufügen.Erfassung auf der Heatmap-Seite einschalten
Marketing → Klick-Heatmap, der Schalter „Klick-Erfassung“ oben auf der Seite. Standardmäßig ist die Erfassung aus: Klicks auf einer Live-Site sind eine Menge Daten, und sammeln lohnt sich nur dort, wo sich jemand die Heatmap ansieht.Auf die ersten Besucher warten
Das Widget bemerkt die Einstellung innerhalb von zehn Minuten — es merkt sich die Antwort, um nicht auf jeder Seite den Server zu fragen. Danach landet jeder Klick und jedes Scrollen auf der Heatmap und ist nach wenigen Sekunden im CRM zu sehen.
Was erfasst wird und was nicht
Zu jedem Klick sendet das Widget:
- das Element, das angeklickt wurde — einen kurzen CSS-Pfad wie
#top>div:nth-of-type(1)>button:nth-of-type(1); - die Position im Element — als Anteil an Breite und Höhe, damit der Punkt auf jedem Bildschirm an derselben Stelle des Buttons landet;
- einen Ersatzpunkt auf der Seite — für den Fall, dass es das Element im aktuellen Layout nicht mehr gibt;
- die Fensterbreite — danach wird der Klick Smartphone (schmaler als 768 px), Tablet (768–1023 px) oder Computer zugeordnet;
- ob es ein „toter Klick“ war — ob er einen Link oder Button getroffen hat oder ein Bild, Text oder eine leere Fläche.
Zu jedem Seitenaufruf — bis zu wie viel Prozent der Seitenhöhe die Person gescrollt hat.
Niemals erfasst werden: der Text von Elementen, Eingaben in Felder, Tastenanschläge und Mausbewegungen. Bei einem Klick in ein Eingabefeld landet nur das Feld selbst auf der Heatmap, nicht das, was darin steht. Klicks auf unseren eigenen Chat und das Anmeldefenster landen nicht auf der Heatmap.
So siehst du dir die Heatmap an
Das CRM öffnet eine Seite deiner Site in einem Rahmen über die volle Breite — genau wie Live — und das Widget zeichnet darüber die Hotspots oder Scrollbänder. Über dem Rahmen:
- Klicks oder Scrolltiefe — der Modus der Heatmap.
- Gerät — Computer, Tablet oder Smartphone. Der Rahmen übernimmt die Breite des Geräts, und die Klicks landen auf dem Layout, in dem sie gemacht wurden.
- Seite — Seiten mit Klicks im Zeitraum, die meistgeklickten oben. Du kannst auch einen Pfad eintippen.
- Zeitraum — 7, 30, 90 Tage oder ein eigener.
- Buttons, um die Seite im Rahmen neu zu laden und sie auf der Site in einem neuen Tab zu öffnen.
Darunter steht eine Zeile mit den Zahlen der gewählten Seite. Im Klick-Modus: wie viele Klicks, wie viele Besucher geklickt haben und welcher Anteil der Klicks tote Klicks waren. Im Scrolltiefe-Modus: wie viele Aufrufe, die durchschnittliche Tiefe und wie viele Aufrufe 25, 50, 75 und 100 % der Seite erreicht haben.
Der Button „Was angeklickt wird“ in derselben Zeile öffnet über dem Rahmen die Liste der meistgeklickten Elemente. Die Beschriftungen stammen von der Seite selbst — Button-Text, Bildunterschrift —, nicht aus Besucherdaten. Klickst du eine Zeile an, scrollt das Element in die Mitte und wird hervorgehoben. Folgst du im Rahmen einem Link, öffnet sich die Heatmap der Seite, auf die du gewechselt bist.
Tote Klicks
Der Anteil „Tote Klicks“ und das Label „kein Link“ in der Liste sind die nützlichsten Hinweise der Heatmap. Das sind Klicks auf ein Produktbild, eine Überschrift, einen Preis: Die Person hat erwartet, dass es weitergeht, aber nichts ist passiert. Oft ist das direkt eine To-do-Liste — das Bild zum Link aufs Produkt machen, die Überschrift der Karte in einen Button verwandeln.
Scrolltiefe
Im Scrolltiefe-Modus zeigt die Farbe, welcher Anteil der Aufrufe bis zu dieser Höhe kam: Rot — sehen alle, Blau — fast niemand. Eine beschriftete gestrichelte Linie markiert, wo jeder Vierte aufhört zu scrollen, dann die Hälfte und so weiter. Liegt ein wichtiger Block — Preise, ein Anfrageformular — unter der 25-%-Linie, sieht ihn weniger als ein Viertel der Besucher.
Wer die Heatmap sieht und wer die Erfassung einschaltet
- Der Site-Inhaber — alles: sieht die Heatmap und schaltet die Erfassung ein oder aus.
- Manager — je nach Recht auf den Bereich „Marketing · Klick-Heatmap“ unter Manager: „Ansehen“ — die Heatmap öffnen, aber den Schalter nicht anfassen; „Bearbeiten“ — zusätzlich die Erfassung ein- und ausschalten. Ohne Recht fehlt der Bereich im Menü.
- Jedes Ein- und Ausschalten der Erfassung wird im Audit-Log der Site festgehalten: wer und wann.
Die Klick-Heatmap gibt es nur im Tarif Pro. Wechselt der Tarif zu einem ohne sie oder wird das CRM nach Ablauf des bezahlten Zeitraums geschlossen, stoppt die Erfassung von selbst — auch bei eingeschaltetem Schalter werden keine neuen Klicks gespeichert. Bereits Erfasstes bleibt bis zum Ende seiner Aufbewahrungsfrist erhalten und ist wieder sichtbar, sobald der Bereich zurückkommt.
Was deine Site braucht
- Das Widget-Skript auf den Seiten, die du auf der Heatmap sehen willst.
- Die Erlaubnis, die Site im CRM-Frame zu öffnen — dieselbe wie für Live: die Header X-Frame-Options und frame-ancestors. Ohne sie werden Klicks trotzdem erfasst, aber das CRM kann sie nicht über die Seite legen.
- Markup mit
data-crm-*und die Content API sind für die Heatmap nicht nötig.
Warum sich Punkte manchmal verschieben
Ein Klick hängt an einem Element, deshalb übersteht die Heatmap unterschiedliche Bildschirmbreiten und kleine Textänderungen. Wird das Layout aber umgebaut — ein Block ist umgezogen, es gibt mehr Buttons —, findet ein Teil der Klicks seine Elemente nicht mehr. Solche Klicks werden am Ersatzpunkt gezeichnet, und über dem Rahmen erscheint ein Hinweis, welcher Anteil „verrutscht“ ist.
Sites mit React, Vue und Next
Seitenwechsel innerhalb einer Single-Page-App erkennt das Widget selbst (wie auch Seitenaufrufe): Die Scrolltiefe der vorigen Seite wird gesendet, für die neue beginnt eine eigene. Der Query-String spielt keine Rolle — /pricing?plan=pro und /pricing sind auf der Heatmap eine Seite.
Grenzen
- Aufbewahrung — 90 Tage, danach werden Klicks und Scrolldaten gelöscht.
- Punkte auf der Heatmap — bis zu 4000 verschiedene Stellen pro Seite und Zeitraum: Klicks auf dieselbe Stelle werden zu einem gewichteten Punkt zusammengefasst, deshalb reicht das auf einer Live-Site mehr als aus.
- Die Liste „Was angeklickt wird“ — die 40 meistgeklickten Elemente, die Seitenliste — die 200 meistgeklickten Seiten.
- Klicks innerhalb des CRM zählen nicht: weder im Rahmen der Heatmap noch in Live — das ist deine Arbeit, keine Besucher. Deine eigenen Klicks auf der geöffneten Site zählen wie die jedes anderen Besuchers.
- Klicks kommen, wie die gesamte Statistik, aus den Browsern der Besucher. Bots filtern wir anhand von Browsermerkmalen heraus, und die Anfragen von einer Adresse sind begrenzt, aber eine Fälschung lässt sich von einem echten Menschen nicht mit Sicherheit unterscheiden — weder hier noch in irgendeiner anderen Webanalyse.
Wenn die Heatmap leer ist
Es erscheinen keine Klicks
- Der Schalter „Klick-Erfassung“ oben auf der Seite muss eingeschaltet sein. Klicks vor dem Einschalten wurden nicht erfasst — es gibt nichts anzuzeigen.
- Seit dem Einschalten sind weniger als zehn Minuten vergangen — das Widget weiß noch nichts davon. Lade die Seite der Site später neu.
- Einwilligungsmodus. Ist auf der Site der Einwilligungsmodus aktiv, kommen Klicks nur von denen, die eingewilligt haben.
- Falscher Zeitraum oder falsches Gerät gewählt. Prüf zum Beispiel „Smartphone“ — am Computer wurde auf dieser Seite vielleicht noch nicht geklickt.
- Das Skript fehlt auf dieser Seite — bei Sites mit eigenen Templates für verschiedene Bereiche wird es leicht vergessen.
Der Rahmen ist leer oder „Die Heatmap hat sich nicht geöffnet“
- Die Site verbietet das Einbetten — das CRM zeigt, welcher Header stört. Erlaube das Einbetten ins CRM.
- „Die Heatmap hat sich nicht geöffnet“ — die Seite wurde geladen, aber die Heatmap-Ebene hat nicht geantwortet: Auf der geöffneten Seite fehlt das Widget-Skript, oder der Browser hält eine alte Kopie der Seite. Klick auf „Erneut versuchen“ oder auf den Neuladen-Button über dem Rahmen.