Cookie-Banner einbauen in WordPress, Shopify und Wix

Einen Cookie-Banner baust du in WordPress, Shopify, Wix und anderen Systemen immer nach derselben Regel ein: Der Banner und die Standard-Einwilligung laden zuerst, alle Mess- und Werbetags erst danach und nur mit passender Zustimmung. Ob du den Banner über ein Plugin, die Einstellungen des Shopsystems oder den Google Tag Manager einbindest, ist zweitrangig. Entscheidend sind die Reihenfolge und ein Test, der zeigt, dass vor der Zustimmung nichts Unerlaubtes sendet. Dieser Artikel ist keine Rechtsberatung.

Cookie-Banner einbauen: auf die Reihenfolge kommt es an

Ein Cookie-Banner erfüllt zwei Aufgaben. Er fragt den Besucher, und er sorgt dafür, dass sich alle Dienste an die Antwort halten. Die zweite Aufgabe scheitert in der Praxis viel öfter als die erste. Der Grund ist fast immer die Reihenfolge, in der die Skripte laden. Richtig sieht sie so aus:

• Zuerst lädt der Banner und setzt mit Google Consent Mode v2 alle Einwilligungsarten standardmäßig auf abgelehnt.
• Danach lädt der Google Tag Manager oder das Google-Tag, das den abgelehnten Zustand bereits kennt.
• Tags anderer Anbieter wie Meta oder LinkedIn warten, bis die passende Kategorie zugestimmt ist.
• Nach der Wahl im Banner wird die Einwilligung aktualisiert, und die erlaubten Tags feuern.

Laut der Entwicklerdokumentation von Google muss die Standard-Einwilligung gesetzt sein, bevor Google-Tags Daten senden. Lädt der Banner zu spät, etwa weil ein Optimierungs-Plugin ihn verzögert, senden Google Analytics und Google Ads schon beim ersten Seitenaufruf ohne Einwilligung. Rechtlicher Hintergrund in Deutschland ist § 25 TDDDG: Für das Speichern und Auslesen von Informationen auf dem Endgerät, die nicht unbedingt nötig sind, braucht es eine Einwilligung. Laut dem Bericht der Cookie-Banner-Arbeitsgruppe des Europäischen Datenschutzausschusses sehen die meisten Aufsichtsbehörden es kritisch, wenn auf der ersten Ebene des Banners nur Zustimmen angeboten wird und Ablehnen erst in den Einstellungen versteckt ist.

Cookie-Banner in WordPress einbauen

In WordPress gibt es drei übliche Wege. Der häufigste ist ein Banner-Plugin aus dem Plugin-Verzeichnis, das du installierst, gestaltest und mit deinen Diensten verbindest. Der zweite ist ein Skript des Banner-Anbieters, das du über ein Child-Theme oder ein Plugin für Code-Schnipsel möglichst weit oben in den Kopfbereich setzt. Der dritte ist der Einbau über den Google Tag Manager mit einer Vorlage aus der Community-Galerie.

Bei WordPress gibt es zwei typische Fehlerquellen. Erstens Optimierungs- und Cache-Plugins, die JavaScript zusammenfassen, verzögern oder ans Ende der Seite verschieben. Nimm das Skript des Banners davon aus, sonst lädt er zu spät. Zweitens alte Messcodes: Ein Analyse-Plugin, ein Pixel im Theme oder ein vergessenes Code-Feld sendet an jedem Banner vorbei. Bevor du den Cookie-Banner in WordPress einbaust, solltest du deshalb alle bestehenden Messcodes suchen und an einer Stelle zusammenführen, am besten im Google Tag Manager.

Passend dazu: Meta Pixel (Facebook Pixel) im Google Tag Manager einrichten

Cookie-Banner in Shopify einbauen

Shopify bringt einen eigenen Cookie-Banner mit. Laut Shopify-Hilfe aktivierst du ihn in den Datenschutzeinstellungen für die Kundschaft und legst dort fest, in welchen Regionen er erscheint. Die Wahl gibt Shopify über seine Schnittstelle für den Kundendatenschutz an Dienste weiter, die du über Shopify verbunden hast, etwa Pixel über Kundenereignisse oder die Kanal-Apps von Google und Meta. Alternativ nutzt du eine Banner-App, die dieselbe Schnittstelle bedient. Ob eine App die Wahl wirklich beachtet, zeigt erst ein Test.

Schwierig wird es bei Code, den du direkt in die Theme-Dateien kopiert hast. Ein Meta Pixel oder ein Google-Tag-Manager-Container im Theme kennt die Entscheidung im Banner nicht von selbst. Für einen Cookie-Banner in Shopify gilt deshalb: Messcodes möglichst über Kundenereignisse oder die offiziellen Apps einbinden, nicht von Hand ins Theme. Wo ein eigener Container nötig ist, muss er die Einwilligung ausdrücklich abfragen.

Cookie-Banner in Wix, Squarespace und anderen Baukästen

Wix hat einen eingebauten Cookie-Banner, der Dienste aus den eigenen Marketing-Integrationen steuert. Für eigenen Code gilt laut Wix-Hilfe: Er ist standardmäßig als unbedingt erforderlich eingestuft und lädt damit ohne Einwilligung. Für einen sauberen Cookie-Banner in Wix ordnest du deshalb jedes Code-Stück in den Einstellungen für eigenen Code der passenden Kategorie zu, also Analyse, Marketing oder Funktional.

Squarespace bietet ebenfalls einen eigenen Banner mit der Variante Zustimmen und Ablehnen. Er steuert die eingebaute Google-Analytics-Anbindung, aber nicht automatisch Code, den du über die Code-Injektion einfügst. Bei anderen Baukästen wie Jimdo oder Webflow ist es ähnlich: Prüfe, ob der Banner des Systems eigenen Code erfasst. Wenn nicht, ist ein externer Banner mit Consent Mode v2 im Kopfbereich oft die verlässlichere Lösung. Achte dann darauf, den eingebauten Banner auszuschalten, damit Besucher nicht zwei Banner sehen.

Passend dazu: Borlabs Cookie mit Consent Mode v2 und Tag Manager verbinden

Über den Google Tag Manager oder direkt einbauen?

Beide Wege funktionieren, wenn die Reihenfolge stimmt. Die Entscheidung hängt davon ab, wo deine übrigen Tags liegen.

Wie testest du den Cookie-Banner nach dem Einbau?

Ein Test gehört zu jedem Einbau. Öffne die Seite in einem privaten Fenster, damit keine alte Einwilligung gespeichert ist, und wiederhole den Test für jede der drei Situationen:

• Banner nicht beantwortet: Im Netzwerk-Tab der Entwicklertools darf kein Aufruf an Meta, LinkedIn oder TikTok gehen.
• Banner abgelehnt: Google-Aufrufe gibt es gar nicht (einfacher Consent Mode) oder nur ohne Cookies (erweiterter Consent Mode), der Parameter gcs zeigt dann G100.
• Banner akzeptiert: Alle Dienste senden, gcs zeigt G111, und die Ereignisse erscheinen in der DebugView von GA4.
• Der Link zum Ändern der Auswahl ist auf jeder Seite erreichbar, etwa im Fußbereich.

Im Vorschaumodus des Google Tag Managers zeigt der Bereich zur Einwilligung, welcher Zustand beim Laden und nach der Wahl galt. Steht dort beim ersten Ereignis noch kein Standardwert, lädt der Banner zu spät.

Beispiel aus der Praxis: kleiner Onlineshop

Eine Kaffeerösterei verkauft über Shopify und hat vor Jahren den Meta Pixel und Google Analytics von Hand ins Theme kopiert. Später kam der eingebaute Banner von Shopify dazu. Ein Test zeigt: Pixel und Google Analytics senden schon vor der Wahl, weil sie im Theme stehen und den Banner nicht kennen. Die Lösung: beide Codes aus dem Theme entfernen und über die offiziellen Kanal-Apps verbinden. Danach senden sie erst nach Zustimmung, und die Zahlen sind trotzdem vollständig für alle, die zustimmen.

Cookie-Banner einbauen lassen

Wenn du dir den Einbau sparen willst, richtet Trackum einen schlanken eigenen Banner für dich ein, auch einzeln ohne weitere Einrichtung. Der Banner ist eine einzige Datei mit 6,6 KB, lädt nichts nach, spricht Deutsch und Englisch, setzt Consent Mode v2 und zeigt Alle ablehnen gleichwertig auf der ersten Ebene. Einwilligungsnachweise werden in der EU ohne IP-Adresse gespeichert. In einer Messung von Trackum auf einer leeren Testseite, am Handy mit Slow 4G und als Median aus 7 Läufen war er nach 0,4 Sekunden sichtbar. Bekannte Banner-Anbieter brauchten unter denselben Bedingungen 1,3 bis 4,3 Sekunden und luden 7 bis 15 Dateien mit 150 bis 210 KB.

Der Cookie-Banner kostet 50 € plus 4,90 € im Monat zzgl. MwSt., inklusive Cookie-Scan und Datenschutz-Texten, und ist im Abo von Trackum für 19 € im Monat enthalten. Getestet wird nach dem Einbau in drei Durchgängen: Banner ignoriert, abgelehnt und akzeptiert.