Das Einwilligungsbanner ist das einzige Element einer Website, das Inhalte absichtlich verdeckt. Alles andere wird so gestaltet, dass es den Blick lenkt; das Banner hingegen soll eine Entscheidung erzwingen. Das macht es zur invasivsten Komponente der Benutzeroberfläche. Trotzdem landet es oft auf der Website, ohne jemals auf einem Smartphone getestet worden zu sein und ohne dass jemand darüber spricht, wie es die Zahlen im Bericht verändern wird.

Dieser Text beschreibt die praktische Implementierung: den Einfluss des Banners auf den Besuchsverlauf und die Datenvollständigkeit. Er ist weder eine Rechtsberatung noch eine Analyse der Rechtsgrundlagen für die Verarbeitung — diese klärst du mit der Person, die in deiner Organisation für Compliance verantwortlich ist.

Was das Banner mit den ersten Sekunden eines Besuchs macht

In den ersten Sekunden eines Besuchs orientiert sich der Besucher. Er prüft, ob er am gewünschten Ort gelandet ist: Er überfliegt die Überschrift, sucht nach dem Produktnamen und beurteilt, ob die Website vertrauenswürdig wirkt. Genau in diesem Moment erscheint das Banner und unterbricht ihn mit einer Frage, die aus seiner Sicht nichts mit seinem eigentlichen Ziel zu tun hat.

Die Konsequenz ist praktisch, nicht philosophisch. Die Entscheidung über die Einwilligung fällt noch vor der Entscheidung über das Interesse und wird daher schnell und ungelesen getroffen. In Aufzeichnungen wiederholt sich dasselbe Muster: einige Sekunden Stillstand, ein Klick auf die erste große Schaltfläche und erst danach das erste Scrollen. Das ist keine bewusste Wahl, sondern das Beseitigen eines Hindernisses.

  1. 00:00

    Die Seite wird gerendert, der Inhalt ist für einen Sekundenbruchteil sichtbar

  2. 00:01

    Das Banner nimmt den unteren Teil des Bildschirms ein, der Hintergrund wird abgedunkelt

  3. 00:04

    Der Cursor bewegt sich wieder nach oben, der Besucher sucht die Überschrift unter der Abdunkelung

  4. 00:06

    Klick auf die größte Schaltfläche des Banners, ohne die Einstellungen zu öffnen

  5. 00:07

    Erstes Scrollen — der eigentliche Besuch beginnt erst jetzt

Sieben Sekunden zwischen dem Seitenaufruf und dem Beginn des eigentlichen Besuchs. Im quantitativen Bericht erscheint dies als eine einzige Zahl: Verweildauer.

Zeit- und Engagement-Kennzahlen umfassen auch die Zeit, die für die Bedienung des Banners aufgewendet wird. Wenn du die Ergebnisse vor und nach seiner Einführung vergleichst, stellst du zwei verschiedene Dinge gegenüber. Dasselbe gilt für jede Änderung an Text oder Layout des Banners — sie verändert nicht das Kundenverhalten, sondern den Ausgangspunkt der Messung.

Kollisionen auf kleinen Bildschirmen

Auf einem Computer nimmt das Banner einen schmalen Streifen am unteren Rand ein und stört nur selten. Auf dem Smartphone kann dieselbe Komponente einen erheblichen Teil des sichtbaren Bereichs einnehmen, weil ihre Höhe von der Textlänge und der Anzahl der Schaltflächen abhängt und nicht von der Bildschirmgröße. Hinzu kommt alles, was sich bereits dort befindet.

  • EinwilligungsbannerMeist am unteren Rand fixiert; wächst mit der Textlänge und der Anzahl der Optionen.
  • Promo-LeisteEin Gutschein oder ein Versandhinweis, häufig ebenfalls am Bildschirmrand fixiert.
  • Chat-LauncherEine Schaltfläche in der Ecke, standardmäßig genau dort, wo auch das Banner erscheint.
  • Browser-ElementeAdressleiste und Systemnavigation beanspruchen einen weiteren Teil der Höhe.

Vier Elemente konkurrieren um denselben Bereich des Bildschirms. Die Folgen sind vorhersehbar: Der Chat-Launcher landet unter dem Banner und bleibt bis zur Entscheidung nicht anklickbar, die Schaltfläche zum Öffnen der Einwilligungseinstellungen verschwindet unter der Promo-Leiste, und die Kaufschaltfläche auf der Produktseite wird genau dann verdeckt, wenn der Besucher sie verwenden möchte. Diesen Mechanismus erläutern wir ausführlicher im Artikel über die Conversion auf Mobilgeräten — ein Smartphone ist kein kleinerer Computer, sondern bringt andere Einschränkungen für das Layout mit sich.

  1. Öffne die Website im privaten Modus auf einem Smartphone.Nur so siehst du den Zustand, den ein neuer Besucher sieht, und nicht deine eigene gespeicherte Entscheidung.
  2. Erstelle einen Screenshot, ohne zu scrollen.Ermittle, wie viel des sichtbaren Bereichs für den Seiteninhalt übrig bleibt.
  3. Prüfe jedes fixierte Element einzeln.Banner, Promo-Leiste, Chat-Launcher und Aktionsschaltfläche auf der Produktseite.
  4. Wiederhole den Test auf dem kleinsten Bildschirm aus deinen Statistiken.Nicht auf dem neuesten Modell, sondern auf dem Gerät, das in deinen Daten tatsächlich vorkommt.
  5. Wiederhole den Test nach jeder Änderung am Bannertext.Ein zusätzlicher Satz kann eine ganze Zeile mehr beanspruchen und alles andere weiter nach unten verschieben.
Bevor du ein weiteres Element hinzufügst

Ein Chat-Launcher, der unter dem Banner verschwindet, funktioniert genauso wie gar kein Chat. Sieh dir die Kontakt-Tools in Meetlead an und lege ihre Position bewusst fest, bevor die Kampagne startet.

Startmodus für Tools: sofort oder nach der Einwilligung

Dies ist die einzige Entscheidung in diesem Text, die sich auf zwei Zahlen zugleich auswirkt: auf die Datenvollständigkeit und auf die Zahl der Gespräche. Tools können sofort gestartet, bis zur Entscheidung zurückgehalten oder voneinander getrennt werden — der Kontakt startet sofort, die Messung wartet. Jede Variante hat ihren Preis. Deshalb solltest du sie bewusst wählen und nicht einfach von einer Standardeinstellung übernehmen.

Scrolle die Tabelle seitlich, um alle Spalten zu sehen.

StartmodusFolgen für die DatenFolgen für die Zahl der Gespräche
Alles sofortVollständige Ereignisdaten ab der ersten Sekunde des BesuchsKontakt ist sofort verfügbar, konkurriert aber mit dem Banner um Platz
Kontakt sofort, Messung nach der EinwilligungVollständige Gesprächs- und Anfragedaten, unvollständige AnalysedatenEin Gespräch ist bereits vor der Einwilligungsentscheidung möglich
Alles erst nach der EinwilligungKeine Daten aus Besuchen ohne Entscheidung oder mit abgelehnter EinwilligungDer Kontakt erscheint erst nach einem Klick auf das Banner

In Meetlead ist diese Entscheidung auf zwei Ebenen aufgeteilt. Die Session-Aufzeichnung verfügt über einen eigenen Startmodus: „always“ startet sie gemeinsam mit dem Widget, „after_consent“ hält sie bis zur Einwilligung zurück. Das offizielle WordPress-Plugin bietet zusätzlich eine Auswahl auf Ebene des gesamten Widgets — es kann das Signal der WordPress Consent API verwenden oder im Modus „chat-only“ arbeiten, in dem das Gespräch sofort verfügbar ist, während die Messung wartet.

Unabhängig vom Startmodus solltest du separat festlegen, was überhaupt aufgezeichnet wird: die Maskierung von Feldern und Text, das Blockieren ausgewählter Seitenbereiche mithilfe von Selektoren sowie die Aufbewahrungsdauer. Dies sind drei verschiedene Einstellungen. Sie mit dem Startmodus zu verwechseln, führt häufig zu Missverständnissen. Die wichtigsten Konfigurationsfragen haben wir im Artikel über Session-Aufzeichnungen und die DSGVO zusammengestellt.

Die Datenlücke und wie du transparent darüber berichtest

Jeder andere Modus als „Alles sofort“ erzeugt eine Datenlücke: Besuche, die stattgefunden haben, aber nicht erfasst wurden. Das ist kein Fehler und lässt sich nicht durch besseres Tagging beheben. Du kannst jedoch aufhören, so zu tun, als gäbe es diese Lücke nicht.

Der häufigste Fehler besteht nicht in der Lücke selbst, sondern darin, ein Ergebnis ohne Hinweis auf diese Lücke anzugeben. Der Satz „Die Conversion beträgt X“ klingt in einem Monat, in dem das Banner Einwilligungen für den Großteil des Traffics erfasst hat, genauso wie im Monat nach einer Textänderung, durch die sich die Einwilligungsquote verschoben hat. Eine Veränderung im Diagramm sieht dann wie eine Veränderung des Kundenverhaltens aus, ist aber in Wirklichkeit eine Veränderung der Messabdeckung.

  1. Gib die Messabdeckung zusammen mit dem Ergebnis an.Ergänze jede Kennzahl um den Anteil des Traffics, der im jeweiligen Zeitraum überhaupt in die Messung einbezogen wurde.
  2. Vergleiche keine Zeiträume mit unterschiedlicher Messabdeckung.Eine Änderung am Banner macht den Vergleich von Monat zu Monat unzulässig, selbst wenn die Website unverändert geblieben ist.
  3. Behalte eine von Einwilligungen unabhängige Datenquelle bei.Die Zahl der Gespräche oder Anfragen zeigt den Umfang des Traffics, den die Analyse nicht erfasst.
  4. Kennzeichne fehlende Daten als fehlend.Eine Sitzung ohne gespeicherte Quelle ist eine nicht abgedeckte Sitzung und kein direkter Traffic.
  5. Notiere das Datum jeder Änderung am Banner.Ohne diesen Hinweis kann in einem halben Jahr niemand einen Sprung oder Rückgang im Diagramm erklären.

Die letzten beiden Punkte entsprechen dem Grundsatz, den wir in Meetlead anwenden: Sitzungen ohne gespeicherte Quelle werden als nicht abgedeckt gekennzeichnet, statt ihnen eine erfundene Herkunft zuzuweisen. Es ist besser, eine Lücke einzugestehen, als sie mit einer Annahme zu füllen, die auf dem Weg in eine Präsentation zur vermeintlichen Tatsache wird. Mehr über die Grenzen quantitativer Daten erfährst du im Artikel darüber, was Google Analytics nicht zeigt.

Banner-Muster, die unnötig verärgern

Einige Lösungen in Einwilligungsbannern gehen nicht auf eine konkrete Anforderung zurück, sondern auf Gewohnheit oder den Versuch, die Einwilligungsquote zu erhöhen. Sie kosten mehr, als sie einbringen, denn der erste Kontakt mit der Website hinterlässt den Eindruck, dass jemand etwas erzwingen möchte — und dieser Eindruck bleibt für den Rest des Besuchs bestehen.

Scrolle die Tabelle seitlich, um alle Spalten zu sehen.

MusterWas der Besucher erlebtVernünftigere Lösung
Vollbild-Banner auf dem SmartphoneDie Website ist nicht zugänglich, bevor der Besucher sie gesehen hatEin Streifen am Rand mit kurzem Text und gut erkennbaren Schaltflächen
Ablehnung in einer zweiten Ansicht verstecktDie Auswahl wird gelenkt, also klickt der Besucher auf irgendetwasBeide Entscheidungen auf derselben Ebene und im selben Schritt
Banner erscheint bei jedem Besuch erneutImmer wieder dasselbe HindernisGespeicherte Entscheidung und eine sichtbare Möglichkeit, sie zu ändern
Textwand mit einer langen Liste von NamenDer Text ist unlesbar und wird deshalb nicht gelesenZwei zusammenfassende Sätze und ein Link zu den Einzelheiten
Banner verdeckt die AktionsschaltflächeDas wichtigste Element der Seite ist verdecktFixierte Elemente während der Entscheidung entsprechend versetzen

Der gemeinsame Nenner ist derselbe wie bei Pop-ups: Ein Element, das Aufmerksamkeit beansprucht, muss einen sichtbaren und schnellen Ausweg bieten. Ein Banner erscheint außerdem immer und bei allen Besuchern. Jeder seiner Mängel wirkt sich daher auf den gesamten Traffic aus und nicht nur auf ein ausgewähltes Segment.

Der einfachste Test lautet: Weiß der Besucher nach dem Schließen des Banners, wo er sich befindet? Wenn das Banner die Überschrift und das Produktbild verdeckt hat, muss sich die Person von Neuem orientieren — nur mit einer schlechteren Grundstimmung als zu Beginn. Hat es lediglich die Fußzeile verdeckt, ist der gesamte Vorgang unbemerkt geblieben und niemand nimmt Anstoß daran.

Checkliste vor und nach der Implementierung

Die folgende Liste betrifft nicht die Compliance, sondern Punkte, die du in wenigen Minuten selbst prüfen kannst und die häufig im Prozess untergehen, weil das Banner bereits mit dem Einfügen des Skripts als erledigte Aufgabe gilt. Geh die Liste zweimal durch: bei der Einführung und nach jeder Textänderung. Gerade Textänderungen verschieben das Layout auf dem Smartphone.

  • Das Banner wurde auf einem Smartphone mit der kleinsten in den Statistiken vorkommenden Bildschirmgröße geprüft und nicht nur auf dem Computer des Designers.
  • Es ist bekannt, wie viel des sichtbaren Bereichs beim Seitenaufruf für den eigentlichen Inhalt übrig bleibt.
  • Kein fixiertes Element — Chat-Launcher, Promo-Leiste oder Aktionsschaltfläche — verschwindet unter dem Banner.
  • Der Startmodus der Tools wurde bewusst gewählt und zusammen mit der Begründung dokumentiert.
  • Das Team weiß, welcher Anteil des Traffics nicht in die Messung einfließt, und gibt diese Information zusammen mit den Ergebnissen an.
  • Das Datum jeder Änderung am Text oder Layout des Banners ist neben den Diagrammen vermerkt.
  • Eine getroffene Entscheidung lässt sich nachträglich ändern, und der Weg zu dieser Änderung ist auf der Website sichtbar.

Ein Punkt fehlt bewusst in dieser Liste, weil er einen eigenen Themenbereich bildet: Die Daten, die im Gespräch selbst entstehen, beschreiben wir im Artikel über Live-Chat und die DSGVO. Das Banner bildet die vorgelagerte Ebene und sollte separat behandelt werden, statt sämtliche Datenentscheidungen in einer einzigen Aufgabe zusammenzufassen.

Kontakt, der ab der ersten Sekunde funktioniert

Das Gespräch ist die einzige Datenquelle, die bei einer abgelehnten Einwilligung zur Messung nicht verschwindet. Sieh dir die Kontaktkanäle in Meetlead an und konfiguriere ihren Start so, dass sie nicht mit dem Banner kollidieren.