Wer einen Cookie-Banner erstellen will, installiert meist ein Plugin, klickt sich durch die Einstellungen und hält das Thema für erledigt. Dann zeigt ein Blick in den Browser: Google Analytics läuft schon, bevor jemand überhaupt auf „Akzeptieren“ geklickt hat.
Dieser Leitfaden zeigt Ihnen in vier Schritten, wie ein Banner entsteht, der seinen Zweck erfüllt. Er richtet sich an kleine Unternehmen in Österreich und Deutschland, die ihre Website selbst betreuen. Er ersetzt keine Rechtsberatung, hilft Ihnen aber, die richtigen Fragen zu stellen.
Inhaltsverzeichnis
Wann Ihre Website einen Cookie-Banner braucht
Die Regel ist in beiden Ländern ähnlich, weil sie auf dieselbe EU-Richtlinie zurückgeht. In Österreich steht sie in § 165 Abs. 3 Telekommunikationsgesetz 2021, in Deutschland in § 25 TDDDG. Sinngemäß gilt: Wer Informationen auf dem Gerät der Besucher speichert oder dort ausliest, braucht deren Einwilligung. Ausgenommen ist, was für den gewünschten Dienst technisch unbedingt nötig ist.
Die Einwilligung muss den Anforderungen der DSGVO genügen: freiwillig, informiert und durch eine aktive Handlung. Ein bereits angekreuztes Kästchen reicht nicht, das hat der Europäische Gerichtshof 2019 im Fall Planet49 (C-673/17) entschieden.
Praktisch heißt das: Ein Warenkorb oder eine Login-Sitzung darf ohne Zustimmung funktionieren. Statistik-Tools, Werbe-Pixel, eingebettete YouTube-Videos oder Karten brauchen sie in der Regel schon. Nutzt Ihre Website wirklich nur technisch notwendige Cookies, brauchen Sie keinen Banner. Die Information darüber gehört dann in Ihre Datenschutzerklärung.
Schritt 1: Dienste und Cookies erfassen
Bevor Sie einen Cookie-Banner erstellen, brauchen Sie eine ehrliche Liste: Was lädt Ihre Website eigentlich? Öffnen Sie die Seite in einem privaten Fenster, rufen Sie die Entwicklertools auf (Taste F12) und sehen Sie unter „Anwendung“ bzw. „Speicher“ nach, welche Cookies gesetzt werden.
Gehen Sie zusätzlich Ihre Plugins und Einbettungen durch. Häufig übersehen werden Schriften von Google-Servern, Karten und Videos. Wie Sie Schriften ohne Drittanbieter laden, zeigt unser Beitrag Google Fonts lokal einbinden.
| Dienst | Kategorie | Einwilligung? |
|---|---|---|
| Warenkorb, Login-Sitzung | notwendig | nein |
| Speicherung der Banner-Auswahl | notwendig | nein |
| Google Analytics 4 | Statistik | ja |
| Eingebettetes YouTube-Video | externe Medien | ja |
| Meta-Pixel | Marketing | ja |
Die Tabelle ist ein typisches Beispiel, keine fertige Bewertung für Ihre Seite. Die österreichische Datenschutzbehörde erklärt in ihren FAQ zu Cookies, wann sie von technischer Notwendigkeit ausgeht.
Schritt 2: Cookie-Banner erstellen mit einem Consent-Tool
Für WordPress und die gängigen Shop-Systeme gibt es Consent-Tools als Plugin oder als Online-Dienst. Die Optik ist dabei Nebensache. Entscheidend ist, dass das Tool Skripte wirklich blockiert, bis eine Zustimmung vorliegt.
- Vorab-Blockade: Statistik- und Marketing-Skripte starten erst nach dem Klick auf „Zustimmen“.
- Kategorien: Besucher können einzelne Zwecke wählen, etwa nur Statistik.
- Nachweis: Das Tool protokolliert, wer wann wozu eingewilligt hat.
- Externe Medien: Videos und Karten erscheinen erst nach Zustimmung, vorher ein Platzhalter.
- Google Consent Mode: Wichtig, wenn Sie Google Ads oder Analytics nutzen.
Einen eigenen Banner zu programmieren ist möglich. Der Text ist dabei der leichte Teil. Schwierig ist, jedes Skript zuverlässig zurückzuhalten, auch nach Updates und neuen Plugins.
Schritt 3: Gestaltung, die fair bleibt
Ein Banner soll eine echte Wahl ermöglichen. Die österreichische Datenschutzbehörde hält es für geboten, dass Ablehnen so einfach ist wie Zustimmen. Ein großer grüner Button neben einem versteckten Textlink erfüllt das nicht.
Vorher (fiktives Beispiel): „Wir verwenden Cookies, um Ihr Erlebnis zu verbessern.“ Darunter ein Button „Alles klar“. Nachher: „Wir möchten mit Google Analytics messen, welche Seiten gelesen werden, und Ihnen YouTube-Videos zeigen. Dafür brauchen wir Ihre Zustimmung.“ Darunter gleich große Buttons „Zustimmen“ und „Ablehnen“ sowie „Einstellungen“.
- Gleichwertige Buttons für Zustimmen und Ablehnen,
- keine vorab angehakten Kategorien,
- klare Sprache statt Floskeln,
- Links zu Datenschutzerklärung und Impressum, die der Banner nicht verdeckt.
Schritt 4: Testen, ob vor der Zustimmung nichts lädt
Der wichtigste Test dauert zehn Minuten. Öffnen Sie Ihre Website in einem privaten Fenster und lassen Sie den Banner unbeantwortet. Filtern Sie in den Entwicklertools unter „Netzwerk“ nach „google-analytics“, „facebook“ oder „youtube“. Solange Sie nichts gewählt haben, dürfen dort keine Anfragen erscheinen.
Klicken Sie danach auf „Ablehnen“ und laden Sie mehrere Unterseiten. Auch jetzt bleibt die Liste leer. Erst nach „Zustimmen“ dürfen die Dienste laden. Testen Sie auch eingebettete Karten, wie in Google Maps einbinden beschrieben.
Prüfen Sie zum Schluss den Widerruf. Nach Art. 7 Abs. 3 DSGVO muss er so einfach sein wie die Erteilung. Ein Link „Cookie-Einstellungen“ im Footer, der den Banner wieder öffnet, löst das.
Checkliste vor dem Livegang
- Alle Dienste erfasst und einer Kategorie zugeordnet,
- Skripte starten erst nach Zustimmung,
- Ablehnen gleich einfach wie Zustimmen,
- Datenschutzerklärung nennt dieselben Dienste wie der Banner,
- Widerruf über den Footer erreichbar,
- Test nach jedem neuen Plugin wiederholt.
Sie möchten einen Cookie-Banner erstellen lassen, der zu Ihrer Website und Ihren Tools passt? Unser Team für Webseiten richtet ihn ein und testet ihn mit Ihnen.