In diesem Artikel lernst du Schritt-für-Schritt, wie du die Cookie Banner Lösung Cookiebot in Kombination mit dem Google Tag Manager und dem Google Consent Mode v2 auf deiner Website einbinden kannst.
Wir werden die Cookiebot Google Consent Mode Implementierung dabei so aufsetzen, dass am Ende alle deine Tracking Skripte (wie z.B. Google Analytics 4, Meta Pixel, etc.) nur dann ausgeführt werden, wenn der Websitebesucher über den Cookie Banner die entsprechenden Einwilligungen erteilt hat.
Du wirst also von der Cookiebot Account Erstellung, bis hin zur fertigen Einrichtung und Implementierung auf deiner Website alles Schritt-für-Schritt von A bis Z aufgezeigt bekommen.
Wir werden das Ganze beispielhaft anhand einer WordPress Website umsetzen. Cookiebot kann über den Google Tag Manager aber auch auf jeder beliebigen anderen Website eingebunden werden (du musst also nicht zwangsläufig eine WordPress Website besitzen, um diese Cookie Banner Lösung zu nutzen, was sie eben so vielseitig und für jedes Unternehmen einsetzbar macht).
Genug der Vorrede, lass uns nun direkt mit der Umsetzung starten.
Disclaimer: Dieser Artikel (bzw. das Video) stellt keine Rechtsberatung dar. Bei Unklarheiten solltest du in jedem Fall einen entsprechenden Fachanwalt konsultieren.
Inhaltsverzeichnis
1. Cookiebot Account Erstellung
Im ersten Schritt müssen wir einen Cookiebot Account erstellen. Hierzu gehen wir auf die offizielle Cookiebot Website*.
Auf der Seite angekommen, klicken wir oben rechts auf den Button „Kostenlos starten“.
Wenn du einen Account erstellst, wird automatisch ein kostenloser Testzeitraum für dich erstellt. Du kannst das Tool also 14 Tage direkt mit allen Premium Features testen.
Nach Ablauf des Testzeitraums bist du aber nicht dazu gezwungen, auf einen bezahlten Plan upzugraden. Du kannst auch im kostenlosen Plan bleiben und Cookiebot folglich komplett kostenlos nutzen.
Das setzt aber voraus, dass deine Website weniger als 50 Unterseiten aufweist. Du wirst dann im weiteren Verlauf dieses Artikels noch sehen, dass Cookiebot deine Seiten automatisch zählt. Solange du unter den 50 Seiten bleibst, kannst du es weiterhin kostenlos nutzen.
Im kostenlosen Paket hat man dann natürlich einen eingeschränkten Funktionsumfang. Man kann das Design beispielsweise nicht anpassen. Die wichtigsten Funktionalitäten wie die Cookiebot Google Tag Manager und die Cookiebot Google Consent Mode Integration bleiben aber verfügbar.
Auf der Account Erstellungsseite gibst du nun einfach deine E-Mail und dein gewünschtes Passwort ein und anschließend klickst du auf „Continue“. Daraufhin landest du auf der Bestätigungsseite, welche dir mitteilt, dass du nun gleich eine Aktivierungs E-Mail erhältst, um deine E-Mail zu verifizieren.
Sobald du den darin enthaltenen Bestätigungslink geklickt hast, wird dein Account aktiviert und du landest automatisch auf der Login-Seite. Auf dieser kannst du dich nun mit deiner E-Mail und dem zuvor festgelegten Passwort einloggen.
Nach dem ersten Login erscheint dieses Pop-up, welches wir aber direkt wegklicken.
Daraufhin befindest du dich automatisch in einer Schnellstart-Anleitung. Damit in diesem Artikel aber auch weiterhin alle folgen können, die bereits in der Vergangenheit einen Cookiebot Account angelegt haben und diese Schellstart-Anleitung jetzt nicht zur Verfügung haben, überspringen wir diese durch einen klick auf den „Skip“ Button.
Daraufhin landen wir nun im Dashboard, in welchem man fortan immer landet, wenn man sich in erneut in den Account einloggt.
2. Cookiebot konfigurieren
Im nächsten Schritt möchten wir den Cookie Banner auf unserer WordPress Website einbinden.
Das schöne an Cookiebot ist, dass man diese Lösung auch auf Websites verwenden kann, die NICHT auf WordPress basieren. Weil man Cookiebot über den Google Tag Manager bequem auf jeder Website einbinden kann. In diesem Artikel werden wir uns aber auf die WordPress Variante beziehen.
Falls du bei deiner individuellen Implementierung Hilfe benötigst, so kannst du uns jederzeit über unser Kontaktformular unverbindlich kontaktieren.
Spare dir Frust, Zeit & unnötige Fehler beim Thema Tracking.
Wir nehmen dir den technisch anspruchsvollsten Part im Online Marketing ab und bauen dir dein schlüsselfertiges Tracking Setup, das sofort perfekt funktioniert.
Um die Cookiebot WordPress Implementierung Schritt-für-Schritt zu demonstrieren, habe ich unsere Testseite dv-demoshop.com vorbereitet. Auf dieser Seite möchten wir Cookiebot inklusive Cookiebot Google Consent Mode Integration nun einbinden.
Aus diesem Grund müssen wir uns jetzt zunächst einmal die URL der Website in die Zwischenablage kopieren.
Im Anschluss daran gehen wir im Cookiebot Dashboard auf den Menüpunkt „Domains & Aliasse“.
Dann klicken wir auf „Add Domain“.
Dadurch öffnet sich nun ein Pop-up in welches wir die gewünschte Domain (in unserem Beispiel dv-demoshop.com) einfügen und anschließend klicken wir auf den „Add Domain“ Button.
Hierdurch wird nun automatisch im Hintergrund ein Scan der Website angestoßen. Das heißt Cookiebot scannt jetzt unsere Website, um beispielsweise zu prüfen, wie viele Unterseiten unsere Webseite besitzt. Zudem wird auch ermittelt, welche Cookies auf der Website gesetzt werden und vieles mehr.
Dieser Scan benötigt mehrere Minuten (je nach Größe der Website). Aktualisiere die Seite zwischendurch immer mal wieder, um zu prüfen, ob der Scan bereits abgeschlossen ist.
Sobald du hier bei „Pages“ eine konkrete Zahl siehst, weißt du das der Scan abgeschlossen ist.
Im Bild kannst du erkennen, dass auf meiner Test Website insgesamt 24 Seiten enthalten sind. Du kannst rechts daneben in dem Kasten aber auch auf den Pfeil klicken, wodurch du zu weiteren Details Informationen gelangst, die durch den Scan ermittelt wurden. Auf der Detailseite könntest du zudem über den Button „Start domain scan“ auch jederzeit einen neuen Scan starten.
Zudem siehst du hier ebenfalls, welche Tracker und Cookies auf der Website gefunden wurden. Das soll uns fürs erste aber mal nicht interessieren, da wir den Cookie Banner nun erstmal auf der Website einbinden müssen.
Hierzu klicken wir im nächsten Schritt links im Menü auf „Configuration“.
Dadurch gelangen wir auf eine Seite, auf welcher wir den Cookie Banner nun Schritt-für-Schritt konfigurieren können.
Wir können beispielsweise das Layout festlegen, also ob der Cookie Banner in der Mitte oder ganz unten erscheinen soll. Man kann einen Style Effekt hinzufügen, man kann das Design Anpassen indem man ein vorgefertigtes Theme oder alternativ ein Custom Theme wählt, man kann die Button Styles anpassen, das eigene Unternehmenslogo hochladen und auch direkt Compliance Einstellungen definieren.
Sobald man diese Einstellungen wie gewünscht vorgenommen hat, so scrollt man nach oben und wechselt in den Tab „Content“.
Auf der Seite angekommen sieht man links im Menü, dass man die Standardsprache für den Cookie Banner hinterlegen kann. Standardmäßig ist hier die Sprache Englisch hinterlegt.
Wir möchten diese aber auf Deutsch umstellen, weshalb wir nun auf “Add language” Button klicken und im sich dann öffnenden Menü „German“ auswählen. Dadurch ist die Sprache Deutsch nun im Dropdown Menü verfügbar und wir können die Standardsprache somit durch einen Klick auf Deutsch umstellen.
Wie du siehst, ändert sich damit im rechten Bereich alles auf die Sprache Deutsch.
Hier könntest du die Texte jetzt natürlich nach Belieben anpassen. Wir belassen es aber hier bei diesen Standardeinstellungen und klicken rechts oben auf „Save changes“.
Daraufhin wechseln wir noch abschließend in den letzten Tab, nämlich auf „Privacy“.
Und hier können wir jetzt noch den sogenannten Privacy Trigger bzw. Privacy Button definieren.
Wenn also ein Nutzer auf die Website kommt, sieht dieser fortan immer den Cookie Banner und muss erstmal eine Entscheidung treffen. Sobald der Nutzer eine Entscheidung getroffen hat, verschwindet der Cookie Banner und links unten wird dann standardmäßig dieser Privacy Button auf jeder Seite eingebunden.
Das ist ein Icon, auf welchen man klicken kann, um die Consent Einstellungen nochmal nachträglich zu modifizieren. Das muss man nicht zwingend über solch einen Icon realisieren, der dann immer sichtbar ist, sondern man könnte es stattdessen beispielsweise auch als Link im Footer platzieren. Hierzu müsste man den Toggle Button hier oben einfach deaktivieren, aber der Nutzer sollte auf jeder Seite die Möglichkeit haben, seine Einwilligungseinstellungen nachträglich anzupassen.
Wir lassen den Privacy Button hier deshalb aktiviert und diese Vorgehensweise würde ich dir ebenfalls empfehlen.
Auf dieser Seite finden wir jetzt noch zahlreiche Einstellungsmöglichkeiten vor, um diesen Button anzupassen. Man könnte beispielsweise die Farbe, die Position oder das Theme verändern.
Wir belassen es hier auf den Standardeinstellungen und klicken rechts oben erneut auf „Save changes“.
3. Cookiebot Cookie Banner Auf Website einbinden - Cookiebot WordPress Implementierung
Damit haben wir den Cookie Banner nun fertig konfiguriert und sind nun bereit, diesen auf der gewünschten Website einzubinden. Wir klicken hierfür im Menü auf den Menüpunkt „Implementation“.
Auf der sich nun öffnenden Seite scrollen wir etwas nach unten, bis die sogenannte „Domain group ID“ erscheint. Diese ID benötigen wir jetzt, um den Cookie Banner auf unserer Website einzufügen. Wir kopieren diese also schonmal in die Zwischenablage.
Als nächstes navigieren wir auf unserer Website im WordPress Backend auf den Menüpunkt „Plugins“ und klicken anschließend auf „Neues Plugin hinzufügen“.
In der Suchleiste geben wir „cookiebot“ ein und dann installieren wir das Plugin von Usercentrics.
Im Anschluss klicken wir noch auf den „Aktivieren“ Button, um es direkt zu aktivieren.
Dadurch erscheint jetzt links im Menü der Reiter „Cookiebot“. Sobald wir auf diesen klicken, landen wir direkt im Einstellungsmenü des Cookie Banners.
Hier klicken wir nun auf „Einstellungen“, scrollen etwas herunter und fügen in das entsprechende Feld die Domain Group ID ein, welche wir zuvor in die Zwischenablage kopiert haben.
Die Sprache stellen wir auf „Deutsch“.
Und bei Cookie Blockiermodus stellen wir sicher, dass „Manueller Cookie-Blockiermodus“ ausgewählt ist.
Alles andere belassen wir bei den Standardeinstellungen. Wir scrollen nun wieder nach oben und klicken auf „Änderungen speichern“.
Und damit ist der Cookie Banner jetzt schon erfolgreich auf der Website eingebunden. Sobald du nun also deine Website öffnest, hat jeder Besucher über den Cookie Banner fortan die Möglichkeit, selbst zu entscheiden, welchem Tracking er zustimmen möchte.
Spare dir Frust, Zeit & unnötige Fehler beim Thema Tracking.
Wir nehmen dir den technisch anspruchsvollsten Part im Online Marketing ab und bauen dir dein schlüsselfertiges Tracking Setup, das sofort perfekt funktioniert.
4. Google Tag Manager über Cookiebot einbinden
Jetzt erscheint der Cookie Banner zwar auf der Website, aber er hat noch keine wirkliche Funktion. Denn wir möchten den Consent, welchen Nutzer im Cookie Banner erteilen, jetzt gleich über den Google Tag Manager korrekt aussteuern. Sodass nur die Trackingskripte geladen werden, welchen der Nutzer auch wirklich zugestimmt hat.
Und das machen wir über die Cookiebot Google Tag Manager Integration.
Um den Google Tag Manager nun über Cookiebot einzubinden, benötigst du nur eine Voraussetzung, nämlich einen Google Tag Manager Account inklusive Container.
Wenn du solch einen Account noch nicht hast, dann weißt du vermutlich noch gar nicht was der Google Tag Manager überhaupt ist. Das ist aber nicht schlimm, denn ich habe einen umfassenden Google Tag Manager Einsteigerkurs (sowohl in Form eines Artikels als auch in Form eines 1 ½ stündigen Videos) für dich vorbereitet. In diesem lernst du Schritt-für-Schritt die Basics des Google Tag Managers und natürlich auch, wie du dir solch einen Account erstellst.
Ich habe hier jetzt schon einen beispielhaften Tag Manager Account geöffnet. Und in diesem siehst du nun oben mittig die Container-ID, welche wir uns direkt in die Zwischenablage kopieren.
Dann gehen wir zurück auf die Website in das Cookiebot WordPress Backend, klicken erneut auf „Einstellungen“ und dann oben im Tab auf den Menüpunkt „Google Tag Manager“.
Auf der Seite angekommen, aktivieren wir den Toggle Button. Direkt darunter geben wir anschließend die Google Tag Manager Container ID ein, welche wir zuvor in die Zwischenablage kopiert haben.
Beim Feld „Name des DataLayers“ musst du nichts eintragen, solange du den Namen des DataLayers nicht selbst manuell angepasst hast. Wenn dir der Begriff aber ohnehin nichts sagt, hast du daran nichts angepasst, weshalb du hier einfach alles bei den Standardeinstellungen belassen kannst.
Und da wir in einem der Schritte zuvor das manuelle Blocking ausgewählt haben, müssen wir hier nun alle Cookie-Gruppe auswählen, für welche das Skript entsprechend ausgeführt werden soll. Wir setzen hierfür bei jeder Gruppe das Häkchen.
Im Anschluss daran scrollen wir nach ganz oben und klicken auf „Änderungen speichern“.
4.1. Cookiebot Google Consent Mode v2 aktivieren
Damit haben wir den Google Tag Manager jetzt erfolgreich auf der Website eingebunden. Jetzt ist es aber noch ganz wichtig, dass wir die Cookiebot Google Consent Mode Integration noch aktivieren.
Dies gelingt, indem wir im Cookiebot WordPress Plugin im Einstellungsmenü auf den Tab „Google Consent Mode“ klicken.
Anschließend müssen wir dafür sorgen, dass der Toggle bei „Google Consent Mode enabled“ aktiviert ist.
Und auch hier müssen wir ganz unten wieder bei allen Cookie-Gruppen das Häkchen setzen, damit auch das Consent Skript überall ausgeführt wird.
Anschließend scrollen wir wieder nach ganz oben und klicken auf „Änderungen speichern“.
Diese Cookiebot Google Consent Mode Integration müssen wir unbedingt auf die hier gezeigte Art und Weise aktivieren. Denn nur so werden die Cookiebot Google Consent Mode Signale korrekt an den Google Tag Manager übermittelt.
Wenn du zu diesem Zeitpunkt noch gar nicht weißt, was der Google Consent Mode im Detail ist (also wieso wir diesen benötigen, wie er funktioniert, etc.), dann sieh dir hierzu bitte unbedingt unseren kompletten Google Consent Mode Komplettguide an. In diesem Artikel (inklusive Video) lernst du alles was du zum Thema Google Consent Mode wissen musst.
Damit haben wir im Cookiebot WordPress Plugin nun alles erfolgreich konfiguriert und den Cookie Banner somit komplett fertig aufgesetzt. Alle weiteren Änderungen nehmen wir jetzt fortan im Google Tag Manager vor.
5. Überblick des Google Tag Manager Containers
Wenn wir zurück auf die Überssichtsseite des Google Tag Mangers wechseln, so sehen wir, dass dieser Google Tag Manager Container nicht leer ist. Es wurden nämlich bereits ein paar Tags implementiert.
Zum einen wurde bereits das Google Analytics 4 Basis Tracking implementiert, welches die page_view Ereignisse an Google Analytics 4 sendet.
Das gleich gilt für den Meta Pixel (welcher früher im übrigen Facebook Pixel hieß). Auch hier werden die PageView Ereignisse auf jeder Seite an Meta gesendet.
Und zusätzlich ist hier ebenfalls implementiert, dass ein generate_leadEreignis an Google Analytics gesendet wird, sobald ein Lead generiert wurde.
Das ist also der gegenwärtige Stand dieses Google Tag Manager Containers.
Gegenwärtig wird der Consent, der über den Cookie Banner eingeholt wird, aber noch NICHT beachtet (da wir das noch nicht konfiguriert haben).
Das können wir uns auch mal im Vorschau Modus veranschaulichen.
Wir klicken also auf „In Vorschau ansehen“. In dem sich nun öffnenden Fenster tragen wir die gewünschte Website ein, die wir mithilfe des Tag Assistants nun prüfen möchten.
Nachdem du auf den Button „Connect“ geklickt hast, öffnet sich die Website und uns wird direkt der Cookie Banner angezeigt. Solange wir im Cookie Banner noch nirgendwo klicken, erteilen wir auch noch keine Einwilligung.
Wenn wir nun aber in den Tag Assistant gucken, dann siehst du, dass die page_view Ereignisse bereits an Google Analytics 4 und an den Meta Pixel gesendet werden, weil die Tags bereits ausgelöst werden.
Und das soll so natürlich NICHT sein. Denn alle Trackingskripte sollen erst gefeuert werden, wenn wir vom Nutzer über den Cookie Banner die entsprechende Einwilligung erhalten haben.
6. Konzept der Consent Aussteuerung über die Cookiebot Google Consent Mode API
Was wir aber sehen können ist, dass die Einwilligungssignale über die Cookiebot Google Consent Mode API bereits korrekt im Google Tag Manager ankommen.
Denn wenn wir auf den „Consent“ Tab klicken, dann sehen wir, dass der Bereich nicht leer ist, sondern es werden alle 7 Einwilligungsarten des Google Consent Mode bereits angezeigt.
Und gegenwärtig ist es so konfiguriert, dass bis auf security_storage alle Einwilligungsparameter standardmäßig auf „Denied“ gesetzt sind. Was wiederum bedeutet, dass man für diese gegenwärtig noch KEINE Zustimmung über den Cookie Banner erhalten hat.
Das ist auch vollkommen richtig so, denn wenn wir jetzt nochmal zurück auf die Website wechseln, dann siehst du, dass der Cookie Banner noch angezeigt wird, weil wir bisher noch keine Entscheidung getroffen haben, welchem Tracking wir zustimmen möchten.
Wir klicken auf dem Cookie Banner nun aber mal auf „Alle zulassen“. Damit verschwindet der Cookie Banner und wenn wir nun erneut in den Tag Assistant Tab wechseln, dann siehst du zum einen, dass hier nun einige Ereignisse erscheinen, die durch den Cookie Banner ausgelöst werden. Zum anderen sieht man nun im „Consent“ Tab aber, dass ab der Einwilligungsentscheidungen durch den Nutzer (die erfolgt genau bei diesem Ereignis), alle Einwilligungsarten über die Cookiebot Google Consent Mode API auf „Granted“ gesetzt wurden.
Das zeigt uns nun also, dass die Cookiebot Google Consent Mode API korrekt arbeitet und die Einwilligungsentscheidung des Nutzers korrekt an den Google Tag Manager übermittelt.
Weil der Consent nun also über die Cookiebot Google Consent Mode API im Google Tag Manager vorliegt, müssen wir jetzt einfach nur noch die Trigger der bestehenden Tags so anpassen, dass der Consent zusätzlich zur Triggerbedingung mit abgefragt wird. Und dann sind wir auch schon fertig.
Spare dir Frust, Zeit & unnötige Fehler beim Thema Tracking.
Wir nehmen dir den technisch anspruchsvollsten Part im Online Marketing ab und bauen dir dein schlüsselfertiges Tracking Setup, das sofort perfekt funktioniert.
7. Triggerbedingung mithilfe der durch die Cookiebot Google Consent Mode API übermittelten Einwilligungsarten anpassen
Wie man die Trigger anpasst, werden wir uns nun im folgenden ansehen.
Als erstes schließen wir jetzt nochmal den Vorschau Modus und öffnen diesen erneut, denn jetzt siehst du, dass sich die Consent Einstellungen von zuvor gemerkt wurden. Der Cookie Banner erscheint also nicht erneut, da wir in der letzten Sitzung bereits unsere Consent Einstellungen mitgeteilt haben.
Im Tag Assistant siehst du zudem, dass der Consent über die Cookiebot Google Consent Mode API auch korrekt im Tag Manager ankommt.
Wir verändern jetzt mal nachträglich die Consent Einstellung, indem wir auf der Website links unten auf den Privacy Button klicken und dort z.B. die Cookiegruppe Marketing deaktivieren. Mit der gegenwärtigen Konfiguration ist also nur noch der Cookiegruppe Präferenzen und Statistik zugestimmt, aber NICHT Marketing.
Wir wechseln zurück in den Tag Assistant und hier sehen wir nun, dass mit der Übermittlung der neuen Consent Entscheidung ein weiteres consent_update Ereignis in den DataLayer gepusht wird. Wir klicken nun auf dieses Ereignis und sehen uns hiervon den Consent Tab an.
Und jetzt siehst du, dass die Marketing Einwilligungsarten, also überall wo der Präfix ad_ davor steht, auf „Denied“ gesetzt wurden. Weil wir der Cookiegruppe Marketing ja soeben KEINE Zustimmung erteilt haben.
Im nächsten Schritt können wir jetzt nochmal auf die Website wechseln, erneut über den Privacy Button die Cookie Einstellungen öffnen und nun auch noch zusätzlich die Cookiegruppe „Statistik“ abwählen.
Wenn wir nun erneut in den Tag Assistant wechseln, siehst du, dass es nun ein weiteres cookie_consent_update Ereignis gab und wenn wir uns von diesem den Consent Tab ansehen, dann ist ersichtlich, dass nun auch zusätzlich kein analytics_storage mehr gesetzt wird.
Die beiden anderen Einwilligungsarten („functionality_storage“ und „personalization_storage“) sind weiterhin auf „Granted“ gesetzt und auf die Cookiegruppe „Präferenzen“ zurückzuführen. Würden wir nun auch noch diese Cookiegruppe abwählen, so wäre am Ende nur noch der security_storage auf „Granted“ gesetzt.
Über diese Einwilligungsarten, die über die Cookiebot Google Consent Mode API an den Tag Manager übermittelt werden, wissen wir nun also, welcher Cookiegruppe der Nutzer über den Cookie Banner zugestimmt hat.
Wenn also die Einwilligungsart „analytics_storage“ auf „Denied“ gesetzt ist, so dürfen wir KEINE Statistik Tools wie beispielsweise Google Analytics 4 laden.
Und wenn die Einwilligungsart „ad_storage“ auf „Denied“ gesetzt ist, so dürfen wir KEINE Marketing Tools wie beispielsweise den Meta Pixel laden.
Das heißt, wir müssen jetzt bei JEDEM Tag den wir feuern, noch zusätzlich hinterlegen, welche Einwilligungsart auf „Granted“ gesetzt sein muss, damit der Tag auch wirklich auslösen darf, weil der Consent vorliegt.
7.1. Google Analytics 4 über Cookiebot Google Consent Mode API aussteuern
Starten wir mit dem „GA4 – Config & page_view“ Tag.
Wir klicken diesen Tag im Google Tag Manager an und klicken anschließend auf „Tag-Konfiguration“.
Dann klicken wir auf „Erweiterte Einstellungen“. Daraufhin klicken wir auf „Einstellungen zur Nutzereinwilligung“.
Dann wechseln wir die Option hier von „Nicht festgelegt“ auf „Zusätzliche Einwilligung zur Auslösung des Tags erforderlich“. Daraufhin klicken wir auf „Erforderliche Einwilligung hinzufügen“ und hinterlegen „analytics_storage“.
Damit legen wir nun fest, dass dieser Tag nur ausgelöst werden darf, wenn zum einen der Trigger feuert (in diesem Fall „All Pages“) und zum anderen muss auch zusätzlich über den Cookie Banner der Consent für die Cookiegruppe „Statistik“ erteilt worden sein, damit analytics_storage über die Cookiebot Google Consent Mode API auf „Granted“ gesetzt ist.
Wir speichern diese Konfiguration nun, indem wir oben rechts auf den „Speichern“ Button klicken.
An dieser Stelle möchte ich schonmal anmerken, dass wir noch nicht ganz fertig sind. Das letzte Problem möchte ich dir aber nun nochmal im Vorschau Modus aufzeigen.
Wir starten den Vorschau Modus also erneut und stimmen über den Cookie Banner allen Cookiegruppen zu.
Wenn wir nun in den Tag Assistant wechseln, dann siehst du, dass obwohl wir allen Cookiegruppen zugestimmt haben, der „GA4 – Config & page_view“ Tag noch NICHT gefeuert wird.
Doch woran liegt das nun? Ganz einfach, es liegt am gegenwärtig hinterlegten Trigger „All Pages“.
Dieser Trigger wird nämlich immer beim Ereignis „Container Loaded“ ausgelöst. Wenn wir auf dieses Ereignis klicken, dann siehst du, dass der „GA4 – Config & page_view“ Tag hier zwar feuern möchte, er aber NICHT auslöst, weil er durch den Consent blockiert wird.
Wenn wir nun in den Consent Tab wechseln, sehen wir auch den Grund hierfür. Denn zu diesem Zeitpunkt, sind die Einwilligungen die über den Cookie Banner erteilt wurden, noch NICHT angekommen. Hier ist noch alles auf „Denied“ gesetzt. Folglich feuert der Tag auch richtigerweise nicht.
Die Ereignisse sind nämlich immer erst beim Ereignis cookie_consent_update mit Sicherheit vorhanden.
Das heißt wir können das Problem super einfach lösen, indem wir den Tag nicht beim „All Pages“ Trigger auslösen lassen, sondern stattdessen beim Ereignis „cookie_consent_update“. Denn bei diesem Ereignis ist der erteilte Consent ja immer zur Abfrage verfügbar. Und wenn dann „analytics_storage“ auf „Granted“ gesetzt sein sollte, so wäre hier der erstmögliche Zeitpunkt, den „GA4 – Config & page_view“ Tag sinnvollerweise zu feuern.
Und genau das setzen wir jetzt um. Wir kopieren uns den Ereignisnamen „cookie_consent_update“ hierzu in die Zwischenablage. Dann erstellen wir uns einen neuen Trigger vom Typ „Benutzerdefiniertes Ereignis“, den wir „Event – cookie_consent_update“ nennen. Und in das Feld Ereignis geben wir den zuvor in die Zwischenablage kopierten Ereignisnamen „cookie_consent_update“ ein.
Hierbei ist es wichtig, den Ereignisnamen wirklich exakt wie im Bild gezeigt zu schreiben. Im Anschluss daran klicken wir oben rechts auf den „Speichern“ Button, um den Trigger zu speichern.
Dieser Trigger löst nun immer aus, wenn das „cookie_consent_update“ Ereignis feuert. Und genau deshalb binden wir den zuvor definierten „GA4 – Config & page_view“ Tag jetzt an diesen eben erstellten Trigger.
Wir klicken also erneut den Tag an, löschen den „All Pages“ Trigger und fügen stattdessen den „Event – cookie_consent_update“ Trigger hinzu. Und dann speichern wir das Ganze.
Daraufhin starten wir den Vorschaumodus erneut und prüfen wieder beide Fälle durch (nämlich einmal mit und einmal ohne Consent). Und bei diesem erneuten Test wirst du feststellen, dass der GA4 Tag nun korrekterweise über die Cookiebot Google Consent Mode API ausgesteuert wird.
Das gleiche was wir soeben für den GA4 Tag gemacht haben, machen wir nun im Folgenden noch für den Meta Pixel Tag.
7.2. Meta Pixel über Cookiebot Google Consent Mode API aussteuern
Da der Meta Pixel ein Werbetool ist, dürfen wir diesen nur feuern, wenn der Nutzer der Kategorie Marketing zugestimmt hat. Und diese Zustimmung ist gegeben, wenn beispielsweise „ad_storage“ auf „Granted“ gesetzt ist.
Wir klicken also den „Meta – Config & page_view“ Tag an. Hier klicken wir nun auf „Tag Konfiguration“ und hinterlegen als zusätzliche erforderliche Einwilligung noch „ad_storage“.
Im nächsten Schritt entfernen wir hier ebenfalls wieder den „All Pages“ Trigger und fügen stattdessen den „Event – cookie_consent_update“ Trigger hinzu, welchen wir im Abschnitt zuvor bereits erstellt haben.
Anschließend speichern wir die Änderungen und starten erneut den Vorschau Modus, um die Funktionalität zu testen. Auch hier sollte man das Feuern des Tags einmal mit und einmal ohne Einwilligung des Nutzers testen. Um so eben sicherzustellen, dass das Tracking nur erfolgt, wenn die Zustimmung des Nutzers auch tatsächlich gegeben wurde.
Wenn du alles richtig implementiert hast, dann ist das bei dir nun der Fall.
7.3. Engagement Ereignisse über Cookiebot Google Consent Mode API aussteuern
Du hast nun in den letzten beiden Abschnitten bereits gelernt, wie man die Basis Tracking Pixel, welche auf allen Seiten gefeuert werden sollen, korrekt über die Cookiebot Google Consent Mode API aussteuern kann.
Jetzt gibt es aber auch noch spezielle Trigger, die nur auf ganz bestimmten Unterseiten ausgelöst werden sollen oder bei ganz bestimmten Engagement Ereignissen (wie zum Beispiel bei Button Klicks).
Wie können wir für diese Trigger nun korrekt feuern? Denn hier haben wir ja das Problem, dass wir als Trigger nicht einfach den „Event – cookie_consent_update“ Trigger nutzen können. Denn dann würden die Tags, die mit diesem Trigger verbunden sind, ja auf JEDER Unterseite auslösen. Weil dieser Trigger auf jeder Seite ausgelöst wird.
Die Lösung sind sogenannte Trigger-Gruppen.
Mit einer Trigger-Gruppe können wir einen Trigger definieren, der erst dann auslöst, wenn zwei oder mehrere Trigger (die eben der Trigger-Gruppe angehören) auf einer Seite ausgelöst wurden.
Sehen wir uns das beispielhaft an unserem „GA4 – generate_lead“ Ereignis an. Das ist ein Tag, der das Ereignis „generate_lead“ an Google Analytics sendet. Und zwar immer dann, wenn der aktuell hinterlegte Trigger auslöst. Dieser löst immer dann aus, wenn der Nutzer auf einer bestimmten Unterseite, nämlich der Dankeseite des Lead Magnets, landet.
Den gegenwärtig hinterlegten Trigger löschen wir nun weg.
Stattdessen legen wir einen neuen Trigger an und zwar vom Typ Trigger-Gruppe.
Dieser Trigger-Gruppe geben wir im ersten Schritt direkt einen Namen, nämlich „TG – generate_lead“ (das TG steht hierbei für Trigger-Gruppe).
Zu dieser Trigger-Gruppe müssen wir nun alle Trigger hinzufügen, die zusammen gefeuert werden müssen, damit dann im Anschluss auch die Trigger-Gruppe auslöst.
Wir fügen also sowohl den zuvor gelöschten „GA4 – generate_lead“ Trigger als auch den „Event – cookie_consent_update“ Trigger hinzu.
Die eben erzeugte Trigger-Gruppe wird also nur gefeuert, wenn beide in der Trigger-Gruppe enthaltenen Trigger auf einer Seite gefeuert wurden.
Durch den „Event – cookie_consent_update“ Trigger in der Abfrage können wir sichergehen, dass wir dann zum Zeitpunkt, an dem diese Triggergruppe auslöst, IMMER den Consent verfügbar haben. Der eben über die Cookiebot Google Consent Mode API im Google Tag Manager verfügbar gemacht wird.
Und den Consent fragen wir nun wieder im Tag über die zusätzliche Einwilligung ab. Nämlich genauer gesagt mit „analytics_storage“, da GA4 ja ein Statistik Tool ist:
Dann speichern wir die Änderung und testen die Funktionsweise wieder wie gewohnt im Tag Assistant.
Wir haben das jetzt in diesem Beispiel für ein relativ einfaches Ereignis umgesetzt. Nämlich für ein Ereignis, dass bei einem speziellen Seitenaufruf gesendet werden soll.
Das geht natürlich auch noch bei beliebigen anderen Engagement Ereignissen, wie beispielsweise bei Button Klicks, bei Formularabsendung, beim Videotracking und vielen mehr.
Wie diese ganzen Mechanismen umgesetzt werden können, lernst du aber detailliert in unserem Google Tag Manager Expert Training.
Darin lernst du dann natürlich auch, wie du die End-to-End Tests durchführen musst, um zu prüfen, ob die Daten die der Tag Manager sendet, dann auch wirklich korrekt bei den Plattformen Google Analytics, Meta, etc. ankommen.
Da wir jetzt alle Änderungen vorgenommen haben, müssen wir diese über den „Senden“ Button nur noch live schalten.
Und damit hast du Cookiebot nun von A bis Z auf deiner Website eingebunden und dafür gesorgt, dass alle deine Trackingskripte korrekt über den Google Tag Manager ausgesteuert werden. Nämlich immer dann, wenn der Websitebesucher auch über den Cookiebanner die entsprechende Einwilligung erteilt hat.
Wenn du jetzt noch tiefer in den Google Tag Manager eintauchen möchtest, dann empfehlen wir dir mal einen Blick auf unser umfassendes Google Tag Manager Expert Training zu werfen.
Und falls du dich lieber auf dein Kerngeschäft konzentrieren und die Implementierung Experten überlassen möchtest,dann melde dich gerne jederzeit unverbindlich über unser Kontaktformular bei uns.
*Affiliatelink
Spare dir Frust, Zeit & unnötige Fehler beim Thema Tracking.
Wir nehmen dir den technisch anspruchsvollsten Part im Online Marketing ab und bauen dir dein schlüsselfertiges Tracking Setup, das sofort perfekt funktioniert.