Google Tag Manager mit Borlabs Cookie nutzen

Für Version:Borlabs Cookie 2.1

Du bist hier:

Support
Borlabs Cookie (2.x Legacy)
Dokumentation
Google Tag Manager + Events

Geschätzte Lesezeit: 4 min

Inhaltsverzeichnis

Den Artikel für Borlabs Cookie 3.0 und Google Tag Manager findest du hier: https://de.borlabs.io/kb/google-tag-manager-lokal-in-borlabs-cookie-3-0-einrichten/

In diesem Artikel zeigen wir dir, wie du über Borlabs Cookie Einwilligungen für deine Tags im Google Tag Manager einholen kannst, um nur die Tags auszuführen, für die eine Einwilligung erfolgt ist.

Ob der Google Tag Manager als essenziell bzw. technisch notwendig eingestuft werden kann ist derzeit rechtlich umstritten und wir würden davon abraten.

Schritt 1: Google Tag Manager einrichten

Klicke in Borlabs Cookie auf Cookies und dort auf Neu hinzufügen bei der Cookie Gruppe Essenziell.

Bei den Services wählst du jetzt Google Tag Manager aus und klickst auf Weiter.

Borlabs Cookie füllt alle notwendigen Daten aus. Scrolle runter zu Zusätzliche Einstellungen und trage dort deine GTM ID ein. Aktiviere außerdem “Priorisieren” und “Cookie vor Einwilligung”.

Ob der Google Tag Manager als essenziell bzw. technisch notwendig eingestuft werden kann ist derzeit rechtlich umstritten. Im Zweifelsfall sollte die Option “Cookie vor Einwilligung” deaktiviert bleiben.

Wenn das Plugin "Google Tag Manager für WordPress" von "Thomas Geiger" verwendet wird, muss die Einstellung "Container Code ON/OFF" unter "Allgemein" auf "AUS" gesetzt werden.

Schritt 2: Cookie hinzufügen

Wir müssen für alle Tags aus dem Google Tag Manager, für die wir eine Einwilligung benötigen, ein Cookie in Borlabs Cookie anlegen. Dieser Cookie dient nur dazu, den Status der Einwilligung an den Google Tag Manager zu übertragen. In diesem Beispiel nutzen wir das Tag für Google Analytics.

Google Analytics anlegen

Klicke in Borlabs Cookie auf Cookies und dort auf Neu hinzufügen bei der Cookie Gruppe Statistiken.

Bei den Services wählst du jetzt Google Analytics aus und klickst auf Weiter.

Borlabs Cookie füllt alle notwendigen Daten aus. Scrolle runter zu Zusätzliche Einstellungen und trage dort im Feld Tracking ID irgend etwas ein. Das Feld ist ein Pflichtfeld, aber wir benötigen es nicht.

Unter Opt-in Code fügst du folgenden Code ein:

<script>
window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
    event: 'borlabsCookieOptInGoogleAnalytics',
  });
</script>

Wenn der Besucher der Verwendung von Google Analytics einwilligt, wird an den Google Tag Manager das Event borlabsCookieOptInGoogleAnalytics gesendet. Dieses Event werden wir später für unseren Trigger verwenden, der das Tag von Google Analytics in Google Tag Manager auslösen soll.

Der Eventname borlabsCookieOptInGoogleAnalytics ist von uns frei gewählt worden. Wir könnten als Eventname auch dsgvoBlaBla nehmen. Wichtig ist nur, der Eventname muss eindeutig sein und sollte von keinem anderen System oder Cookie ausgelöst werden.

Klicke anschließend auf Alle Einstellungen speichern. Du hast erfolgreich ein Cookie angelegt, für das wir uns eine Einwilligung holen und diese Information an den Google Tag Manager übergeben können.

Schritt 3: Tag anlegen

Klicke in Google Tag Manager links auf Tag und dort auf Neu.

Es öffnet sich ein Overlay, klicke dort unter Tag-Konfiguration einfach auf das Baustein-Symbol in der Mitte.

Den Tag nennen wir Google Analytics. Wie im Video gezeigt, wählen wir Google Analytics: GA4-Konfiguration aus. Anschließend kopieren wir die Google Analytics Mess-ID (G-XXXXXXXXXX) in das Feld Mess-ID.

Schritt 4: Trigger für Tag anlegen

Es ist fast geschafft! Wir haben in Schritt 3 einen Tag angelegt, aber noch nicht gespeichert. Damit der Tag ausgeführt werden kann, benötigen wir einen Trigger.

Wie im Video gezeigt klicke auf das graue Symbol in der Mitte und anschließend im Overlay oben rechts auf das + Symbol.

Im sich nun öffnenden Overlay klickst du wieder auf das graue Symbol in der Mitte und wählst dann den Trigger-Typ Benutzerdefiniertes Ereignis aus.

Im Feld Ereignisname gibst du den von uns festgelegten Eventnamen borlabsCookieOptInGoogleAnalytics ein. Bei einem Opt-in in Borlabs Cookie löst unser Google Analytics Cookie dieses Event in Google Tag Manager aus und der Trigger wiederum aktiviert unseren Tag.

Benenne den Trigger Google Analytics Trigger und klicke anschließend oben auf Speichern.

Anschließend bist du wieder in der Übersicht unseres Google Analytics Tags. Klicke auch hier oben rechts auf Speichern.

Warnung: Wenn du zusätzliche Trigger einfügen willst, die mit Google Analytics oder anderen Tags wie Facebook verbunden sind, wird die möglicherweise fehlende Zustimmung umgangen. Für diesen Fall folge bitte der Anleitung Optional: Zusätzliche Trigger hinzufügen.

Ein Anwendungsbeispiel: Bei Klick auf einen Button soll ein Event an Google Analytics gesendet werden.

Optional: Zusätzliche Trigger hinzufügen

Im Folgenden zeigen wir dir mit einem Beispiel, wie du zusätzliche Trigger hinzufügen kannst. Dieselbe Anleitung kann auch für andere Trigger verwendet werden. Bitte beachte dabei: Für alle Triggerarten muss die Bedingung Google Analytics Consent | ist gleich | true hinzugefügt werden und die Consent-Variable Google Analytics Consent muss davor einmal erstellt worden sein. Das einmalige Erstellen der Consent-Variable wird in “Variable zum Sperren erstellen” erklärt.

Variablenvorlage hinzufügen

Dieser Schritt muss nur einmal durchgeführt werden, egal welche Trigger noch hinzugefügt werden. Auch wenn andere Tags wie zum Beispiel Facebook irgendwann hinzugefügt werden, kann diese Vorlage verwendet werden um den Trigger zu sperren.

Zum Sperren eines Triggers auf einen Consent benötigen wir eine Variable für den Zustand des Consents. Um das Erstellen dieser Variable so einfach wie möglich zu machen haben wir eine Vorlage in der Google Tag Manager Template Gallery veröffentlicht. Diese Vorlage muss importiert werden damit sie verwendet werden kann.

Gehe dazu zu “Vorlagen” und klicke auf “In Gallerie suchen”.

Wähle nun die Vorlage “Borlabs Cookie Consent Variable” aus.

Klicke nun rechts oben auf “Zum Arbeitsbereich hinzufügen”.

Nun fragt der Google Tag Manager noch einmal nach den notwendigen Berechtigungen. Klicke hier auf “Hinzufügen”.

Nun sollte die Vorlage hinzugefügt worden sein.

Variable zum Sperren erstellen

Damit der Trigger nur ausgelöst wird, wenn die Einwilligung für Google Analytics bereits gegeben wurde, erstellen wir eine benutzerdefinierte Variable. Gehe dazu im Google Tag Manager in der linken Navigation zu Variablen und klicke auf Neu bei Benutzerdefinierte Variablen.

Wähle nun die “Borlabs Cookie Consent Variable” Vorlage aus.

Nun musst du noch in das Eingabefeld “Key of the service/cookie” die ID des Cookies im Borlabs Cookie Plugin einfügen. In unserem Fall ist die ID “google-analytics”.

Sollte unklar sein, was genau in das Feld gehört, kannst du im Borlabs Cookie Plugin die ID in den Cookie Einstellungen nachschauen und kopieren.

Nun gib der Variable noch einen aussagekräftigen Namen im Header des “Variable erstellen”-Bereichs und speichere anschließend, etwa Google Analytics Consent.

Beispiel 1: Tag erstellen um Klick auf spezielle Links als Event zu tracken

Als Beispiel werden wir einen Trigger erstellen, mit dem ein Klick auf einen Link eine bestimmte CSS-Klasse als Event an Google Analytics gesendet wird. Dafür geben wir dem Link im WordPress eine CSS-Klasse. In diesem Beispiel ist diese Klasse sales-link.

Als erstes muss dafür ein Trigger angelegt werden. Gehe dazu im Google Tag Manager zu Trigger in der linken Navigation und klicke auf Neu.

Klicke auf den Bereich Triggerkonfiguration und wähle bei „Trigger-Typ auswählen“ die Option Nur Links aus.

Wähle nun Einige Klicks auf Links und fügen anschließend folgende Bedingungen hinzu:

Click Classes | enthält | sales-link
Google Analytics Consent | ist gleich | true

Ist “Click Class” nicht in der Liste zu finde, wähle “Integrierte Variable auswählen” und wähle anschließend “Click Class”.

Den Trigger nennen wir dann Klick – Sales Link und drücken auf Speichern.

Zum Schluss müssen wir noch einen Tag für das Google Analytics Event erstellen. Gehe dazu im Google Tag Manager zu Tags in der linken Navigation und klicke auf Neu.

Klicke auf den Bereich Tag-Konfiguration und wähle bei Tag-Typ auswählen die Option Google Analytics: GA4-Ereignis aus.

Wähle nun bei Konfigurations-Tag den Google Analytics Tag aus. Als Ereignisname wähen wir für dieses Beispiel sales_link.

Um nun den Tag mit dem eben erstellten Trigger zu verbinden, klicke auf den Bereich Trigger und wähle unter Trigger auswählen den Trigger Klick – Sales Link aus. Anschließend speicherst du den Tag mit einem beliebigen Namen (in unserem Fall Google Analytics Sales Link Event) ab.

Beispiel 2: “Enhanced Ecommerce tracking” mit dem “Google Tag Manager Plugin”

Dieses Beispiel funktioniert nur, wenn das Plugin "Google Tag Manager for WordPress" von "Thomas Geiger" verwendet wird.

Folge dem folgenden Guide um den Google Tag Manager für das “Enhanced Ecommerce Tracking” zu konfigurieren: https://gtm4wp.com/how-to-articles/how-to-setup-enhanced-ecommerce-tracking

Bei dem Erstellen eines Triggers ist zu beachten, dass die Bedingung "Google Analytics Consent | ist gleich | true" hinzugefügt werden muss.

Hier ein Beispiel aus dem Guide:

Zum Schluss müssen die Änderungen noch gespeichert werden. Drücke dafür den Button Senden rechts oben in der Navigation.

Fertig & letzte Tipps

Wenn du den Schritten vollständig gefolgt bist, wird Borlabs Cookie nach der Einwilligung für Google Analytics fragen und der Google Tag Manager wird dann Google Analytics ausführen.

Wenn du jetzt ein weiteres Tag z. B. für Facebook anlegen möchtest, wiederhole Schritt 2 bis Schritt 4 und tausche den Eventnamen borlabsCookieOptInGoogleAnalytics aus durch z. B. borlabsCookieOptInFacebook.

Bonus: Testen

Möchtest du sicherstellen, dass deine Einrichtung funktioniert hat, kannst du mit Hilfe des Google Tag Managers deinen Trigger und die Ausführung des Tags testen. Klicke dazu in Google Tag Manager oben auf In Vorschau ansehen.

Anschließend kannst du deine Website in einem anderen Tab (nicht Inkognito-Modus!) öffnen und siehst die Konsole von Google Tag Manager wie im Video gezeigt.

Tipp

Wenn du Änderungen in Google Tag Manager vornimmst und diese zunächst testen möchtest, klicke auf Aktualisieren, damit deiner Änderungen für den Vorschaumodus übernommen werden.

War der Artikel hilfreich?

Hilfreich 174 Nicht hilfreich 2

Google Tag Manager + Events