> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Landingpage-Engagement: Heatmaps und Scrolltiefe

> Sieh mit Engagement-Kennzahlen, Klickkarten, Scrolltiefe und Aufmerksamkeit, wie Besucher deine Landingpage nutzen, und setze die vorgeschlagenen Verbesserungen um.

Der Tab **Engagement** zeigt, was Besucher auf einer veröffentlichten Landingpage tatsächlich tun: worauf sie klicken, wie weit sie scrollen und wo sie ihre Zeit verbringen. Nutze ihn, wenn eine Seite Traffic bekommt, aber zu wenig konvertiert, und du wissen musst, welcher Teil der Seite die Leute verliert.

Engagement-Daten werden pro Variante und pro Gerät erfasst. So kannst du die Gewinnervariante eines A/B-Tests mit der Verlierervariante vergleichen oder prüfen, ob eine Seite, die auf dem Desktop funktioniert, auch auf dem Smartphone funktioniert.

## So öffnest du den Tab Engagement

**1. Gehe zu Landing Pages**

Öffne **Landing Pages** in der linken Seitenleiste und suche die Seite, die du analysieren möchtest.

**2. Öffne die Landingpage**

Klicke auf den **Namen** der Landingpage, um die Detailansicht zu öffnen.

**3. Wähle den Tab Engagement**

Klicke auf **Engagement**, direkt neben **Overview** in der Tableiste.

**4. Wähle einen Zeitraum**

Nutze die Zeitraumauswahl rechts: **1D**, **7D**, **1M**, **3M**, **All** oder **Custom**. Der Zeitraum gilt für alle Ansichten im Tab.

![Tab Engagement auf einer Landingpage ausgewählt, darunter die Ansichten Metrics, Clicks, Scroll Depth und Attention](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-where-to-find.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=e64d813b2fc0a3905b35d9fd3940c843)

Der Tab öffnet sich mit **Metrics**. **Clicks**, **Scroll Depth** und **Attention** legen ihre Daten über eine Live-Vorschau der Seite.

## Variante und Gerät auswählen

**Variant selector**, oben rechts. Wähle, welche Variante du ansiehst. Jeder Eintrag zeigt die Besucherzahl und den Engagement-Anteil für den gewählten Zeitraum, das Label **Main** kennzeichnet die Hauptvariante, und eine Variante ohne Traffic im Zeitraum zeigt **No visitors in this range**.

![Variantenauswahl mit der Hauptvariante, ihrer Besucherzahl und ihrem Engagement-Anteil sowie einer zweiten Variante ohne Besucher im Zeitraum](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-variant-picker.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=55c9be9ec4c8b883c9fad49117230403)

**Device**, oben rechts im Datenbereich. **Metrics** berichtet immer über **All devices** und schlüsselt den Traffic für dich auf. **Clicks**, **Scroll Depth** und **Attention** zeigen jeweils ein Gerät, **Desktop**, **Tablet** oder **Mobile**, weil das Layout der Seite auf jedem Gerät anders ist.

Beim Wechsel des Geräts wird die Vorschau in dieser Breite neu gezeichnet und die Zahlen werden nur für dieses Gerät geladen. So liegt die Überlagerung immer auf dem Layout, das diese Besucher gesehen haben.

![Klickkarte der mobilen Besucher, mit der Vorschau in Smartphone-Breite und den Klickzahlen nur für Mobilgeräte im Datenbereich](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-click-map-mobile.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=46b11931dcc7ab5a6be3b66305b11f02)

> [!TIP]
>
> Ansicht und Gerät stehen beide in der URL der Seite. Du kannst also eine bestimmte Heatmap als Lesezeichen speichern oder sie einem Kollegen schicken, der dann genau dasselbe sieht.

## Metrics

**Metrics** ist die Übersicht. Die Kopfzeile zeigt die Gesamtzahl der Besucher und die eindeutigen Besucher im Zeitraum, darunter sechs Kennzahlen.

| Kennzahl | Was sie bedeutet |
| :- | :- |
| **Engaged visitors** | Anteil der Besucher, die mit der Seite interagiert haben, durch Klicken, Scrollen oder eine nennenswerte Verweildauer |
| **Avg. active time** | Wie lange Besucher die Seite wirklich genutzt haben: lesen, scrollen oder klicken |
| **Reached halfway** | Anteil der Besucher, die mindestens bis 50% der Seite gescrollt haben |
| **Clicks** | Gesamtzahl der auf der Seite erfassten Klicks und der Durchschnitt pro Besucher |
| **Rage clicks** | Drei oder mehr schnelle Klicks auf dieselbe Stelle, oft ein Zeichen von Frust |
| **Dead clicks** | Klicks auf nicht interaktive Teile der Seite, wo nichts reagiert |

![Ansicht Metrics mit engagierten Besuchern, durchschnittlicher aktiver Zeit, dem Anteil bis zur Seitenmitte, Klicks, Rage Clicks und Dead Clicks neben einer Vorschau der Landingpage](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-metrics.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=1d39406c4297f05ea0931b5ef0945147)

Unter den Kennzahlen folgen im Datenbereich drei Abschnitte.

**Visitors over time** stellt engagierte gegen nicht engagierte Besucher über den gewählten Zeitraum dar. So siehst du, ob ein Qualitätseinbruch mit einer Trafficquelle oder einer Änderung an der Seite zusammenfällt.

**By device** listet Desktop, Tablet und Mobile mit den jeweiligen Besuchern und dem jeweiligen Engagement-Anteil. Ein Gerät, das deutlich zurückfällt, deutet meist auf ein Layoutproblem hin. Öffne dann **Clicks** oder **Scroll Depth** für dieses Gerät, um das zu bestätigen.

**Funnel** nimmt sich einen Call to Action vor und zählt die Besucher, die ihn gesehen haben, und die, die darauf geklickt haben, mit dem Abfall bei jedem Schritt. Über das CTA-Dropdown wechselst du zwischen den Calls to Action der Seite.

**Insights** macht aus den Zahlen konkrete Probleme. Jede Karte nennt das Element, stuft die Auswirkung als **High impact** oder **Medium impact** ein, erklärt, was die Besucher tun, und verlinkt direkt auf die Ansicht, die es belegt: **Show in click map** für Rage Clicks und **Show dead clicks** für Klicks, die ins Leere gehen.

![Funnel mit Besuchern, denen der CTA angezeigt wurde, und denen, die darauf geklickt haben, darüber die Insight-Karten zu Rage Clicks und Dead Clicks](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-funnel-insights.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=995403f22ac8b4b687e6ed7a8fc61eea)

## Clicks

**Clicks** legt eine Klickkarte über die Seite. Warme Bereiche sind die Elemente mit den meisten Klicks, kalte die mit den wenigsten.

![Klickkarte über der Vorschau einer Landingpage, mit Klickqualität, Elementfiltern und der sortierten Liste der meistgeklickten Elemente](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-click-map.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=0f2ac96d43861fda29bf3468c60ca93f)

Der Bereich rechts schlüsselt die Klicks auf.

**Clicks** und **Clicks per visitor** liefern die Summen für das gewählte Gerät.

**Click quality** teilt jeden Klick in **Productive**, **Dead** und **Rage** ein. Ein hoher Anteil an Dead Clicks bedeutet, dass Besucher auf Dinge klicken, die interaktiv aussehen, es aber nicht sind, etwa ein Bild, ein Icon oder eine Überschrift.

**Element filters** schränkt die Karte auf **All**, **Buttons**, **Links** oder **Form fields** ein, jeweils mit eigener Anzahl.

**Ranked elements** listet die meistgeklickten Elemente der Reihe nach auf, mit dem Elementtyp daneben. Schalte **Group** ein, um wiederholte Elemente zusammenzufassen, sodass drei Links mit der Beschriftung "Get started" als eine Zeile zählen. Die Schaltfläche am Ende der Liste nennt die Gesamtzahl und klappt sie auf, zum Beispiel **Show all 50 elements**.

> [!TIP]
>
> Mit **Show element ranks** in der Werkzeugleiste der Vorschau setzt du nummerierte Markierungen auf die Seite selbst. Die Markierungen entsprechen der sortierten Liste, was das Auffinden einer weit unten liegenden Zeile erleichtert.

## Scroll Depth

**Scroll Depth** schattiert die Seite von oben nach unten und markiert die Tiefenlinien: 25%, 50% und 75% der Seite, jeweils beschriftet mit dem Anteil der Besucher, die so weit gekommen sind. Eine gestrichelte Linie markiert den **average fold**, also die Stelle, an der die Seite beim Laden abgeschnitten wird.

![Scroll-Ansicht mit Tiefenmarkierungen über der Seitenvorschau und einer Abschnittsliste mit dem Anteil der Besucher, die jeden Abschnitt gesehen haben](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-scroll-depth.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=2711b85a5aef94139a336eab5e5190dc)

**Reached halfway** und **Reached the end** sind die wichtigsten Zahlen. **Reach by depth** zeigt, wie schnell das Publikum von oben nach unten ausdünnt.

Die Liste **Section** ist der nützliche Teil. Sie nennt jeden Abschnitt der Seite der Reihe nach, gibt den Anteil der Besucher an, die ihn gesehen haben, und zeigt den Abfall in Prozentpunkten gegenüber dem Abschnitt darüber. Der größte Abfall ist die Stelle, an der du Leute verlierst. Ein Call to Action unterhalb dieser Stelle erreicht also nur einen Bruchteil deines Traffics.

## Attention

**Attention** färbt die Seite nach Verweildauer statt nach Klicks. Grüne Abschnitte halten die Aufmerksamkeit kurz, rote am längsten. Jeder Abschnitt trägt ein Label mit seiner Zeit und dem Anteil der Besucher, die ihn gesehen haben.

![Aufmerksamkeitsansicht, in der jeder Abschnitt der Landingpage nach Verweildauer eingefärbt ist, mit durchschnittlicher aktiver Zeit und einer Zeitliste pro Abschnitt](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-attention.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=5850f040b6704e8bf2b340424c25a6d9)

**Avg. active time** zählt die Zeit, in der Besucher die Seite genutzt haben. **Avg. visible time** zählt die Zeit, in der die Seite geöffnet und sichtbar war. Ein großer Abstand zwischen beiden bedeutet, dass Besucher den Tab offen gelassen haben, ohne zu lesen.

Lies Attention zusammen mit Scroll Depth. Ein Abschnitt mit langer Verweildauer, aber niedrigem **seen by** Anteil ist Inhalt, der funktioniert, nur zu weit unten platziert.

> [!NOTE]
>
> Viel Aufmerksamkeit ist nicht automatisch gut. Viel Zeit auf einem Formular oder einer Preistabelle kann bedeuten, dass der Inhalt verwirrt statt zu überzeugen.

## Steuerung der Seitenvorschau

Die Werkzeugleiste sitzt in allen drei visuellen Ansichten unten in der Vorschau.

![Werkzeugleiste der Vorschau mit Desktop-, Tablet- und Smartphone-Breite, Zoomsteuerung, Breitenanpassung, Elementmarkierungen und der Legende der Klickkarte](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-preview-toolbar.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=75346891d64d37e755c5c7f5da4a69ca)

| Steuerung | Was sie macht |
| :- | :- |
| **Desktop**, **Tablet**, **Mobile** | Zeichnet Vorschau und Überlagerung in dieser Gerätebreite neu |
| **Zoom** | Vergrößert und verkleinert die Vorschau, mit dem aktuellen Prozentwert zwischen den Schaltflächen |
| **Fit to width** | Passt die Vorschau an den verfügbaren Platz an |
| **Show element ranks** | Nur bei **Clicks**. Setzt nummerierte Markierungen auf die Seite, die zur Elementliste passen |
| **Legend** | Erklärt die Überlagerung: von wenigen zu vielen Klicks, Scrollreichweite oder von kurzer zu langer Zeit |

Jede der drei visuellen Ansichten endet mit einer Vorschlagskarte unter den Daten, deren Link **Show on page** die Vorschau zum genannten Element scrollt.

## Wenn der Tab Engagement leer ist

Steht im Tab **No visitors in this range yet**, hat die Seite im gewählten Zeitraum keinen Traffic erfasst. Klicke auf **Show the period with traffic**, um zu einem Zeitraum mit Daten zu springen, oder erweitere den Zeitraum auf **All**.

Prüfe das, bevor du von fehlenden Daten ausgehst:

> [accordion] Die Seite ist nicht veröffentlicht
>
> Engagement wird aus den Besuchen der veröffentlichten Seite erfasst. Ein Entwurf, der nie veröffentlicht wurde, hat nichts zu melden.

> [accordion] Die falsche Variante ist ausgewählt
>
> Jede Variante sammelt ihre eigenen Daten. Eine gerade erst hinzugefügte Variante oder eine mit kleinem Anteil an der Trafficverteilung kann leer sein, während die Hauptvariante es nicht ist.

> [accordion] Das falsche Gerät ist ausgewählt
>
> **Clicks**, **Scroll Depth** und **Attention** zeigen jeweils ein Gerät. Sieh unter **By device** in der Ansicht **Metrics** nach, welche Geräte tatsächlich Traffic haben.

> [accordion] Die Seite wurde nach der Datenerfassung geändert
>
> Die Überlagerung wird auf der aktuellen Version der Seite gezeichnet. Wenn seitdem Abschnitte hinzugefügt, entfernt oder umsortiert wurden, vergleiche mit einem Zeitraum, der zum aktuellen Layout passt.

## Verwandte Themen

* [Landingpage-Analysen und Performance-Kennzahlen](https://docs.landerlab.io/de/features/analytics/landing-page.md)
* [A/B Tests](https://docs.landerlab.io/de/features/analytics/ab-testing.md)
* [Reporting](https://docs.landerlab.io/de/features/analytics/reporting.md)
* [Conversion-Tracking](https://docs.landerlab.io/de/features/analytics/conversions-tracking.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.