7 typische Bannerfallen – und wie du sie umgehst
Warum überhaupt vermeiden?
Cookie-Banner sind aus drei Gründen ein Problem. Erstens: Sie kosten Aufmerksamkeit. In den entscheidenden ersten Sekunden auf einer Seite soll Wirkung entstehen – ein Pop-up mit Buttons ist das Gegenteil davon. Zweitens: Die meisten Banner sind rechtlich angreifbar, weil die Buttons nicht gleichberechtigt gestaltet sind. Drittens: Ein Banner sagt „Wir tracken dich" – und das ist heute kein Verkaufsargument mehr.
Die einfachere Lösung: gar nicht erst tracken, was du nicht wirklich brauchst – und für das, was du brauchst, datenschutzfreundliche Alternativen wählen.
Wann ist ein Banner Pflicht?
Ein Einwilligungsbanner ist immer dann nötig, wenn deine Website Cookies oder Technologien einsetzt, die nicht technisch notwendig sind: Tracking, Marketing-Pixel, externe Embeds mit Cookies, Drittanbieter-Schriften, A/B-Testing-Tools, Heatmaps.
Kein Banner brauchst du für: Session-Cookies, Login-Status, Warenkorb, gespeicherte Spracheinstellung, Dark-Mode-Wahl, CSRF-Schutz und – nach Klarstellung im TTDSG – auch für die gespeicherte Cookie-Wahl selbst.
Schlecht raus – gut rein: die Ersatzlösungen
Für jeden bannerpflichtigen Dienst gibt es eine datenschutzfreundliche Alternative. Hier die wichtigsten Ersatzpaare:
- Google AnalyticsPlausible Analytics
EU-gehostet, cookielos, DSGVO-konform out of the box. Ca. 9 €/Monat. Kein Banner nötig.
- Google Fonts (CDN)Schriften lokal
next/font/google bei Next.js automatisiert. Alternativ Bunny Fonts oder WOFF2 selbst hosten.
- YouTube-iframe direktKlick-zu-Laden + Vorschau
Vorschaubild mit Play-Button. Erst beim Klick wird der YouTube-iframe geladen.
- Google Maps eingebettetStatisches Kartenbild
Screenshot der Karte als Bild + Link „in Maps öffnen". Für interaktive Karten: OpenStreetMap mit Leaflet.
- Google reCAPTCHAHoneypot + Cloudflare Turnstile
Unsichtbares Feld für Bots plus optional Turnstile-Widget. Beides ohne Cookies, ohne Datentransfer.
- Font Awesome CDNreact-icons / SVG-Sprite
Icons als lokale SVG-Dateien oder über react-icons direkt im Build. Kein externes Netzwerkrequest mehr.
Was bleibt: die Datenschutzerklärung
Auch eine Website ohne Banner braucht eine vollständige Datenschutzerklärung. Darin steht, welche Daten warum verarbeitet werden – auch welche technisch notwendigen Cookies gesetzt werden, was im Server-Log gespeichert wird, wie das Kontaktformular funktioniert und wo die Hosting-Plattform sitzt. Eine Vorlage ohne Anpassung reicht nicht – aber generierte Texte (z. B. von e-recht24) sind ein solider Startpunkt.
Mehr zu den Datenschutz-Pflichten findest du im Beitrag Datenschutz auf der Website.
Was du dadurch gewinnst
- Bessere User Experience: kein Pop-up beim ersten Besuch, sofortiger Zugriff
- Höhere Conversion: Besucher bleiben länger und sehen direkt deine Botschaft
- Schnellere Ladezeit: keine Tracking-Skripte, keine Banner-Bibliothek
- Bessere Core Web Vitals: kein Layout-Shift durch Banner
- Klares Signal an Besucher: du gehst mit Daten verantwortungsvoll um
- Kein Abmahnrisiko: wo keine Drittanbieter eingebunden sind, gibt es nichts abzumahnen
Wann ein Banner sich nicht vermeiden lässt
Wenn du auf Google Ads, Facebook-Werbung oder ein professionelles Marketing-Setup mit Conversion-Tracking angewiesen bist, kommst du um einen sauber gebauten Consent-Banner nicht herum. Wichtig dann: beide Buttons (Akzeptieren und Ablehnen) gleichwertig gestalten, Auswahl revidierbar machen und kein Tracking laden, bevor die Zustimmung erfolgt ist. Dann ist der Banner zwar da, aber rechtskonform – und das ist deutlich besser als ein „freundlicher" Banner, der trotzdem abmahnfähig ist.

