Wie Sie Google Tag Manager verwenden, um die Blockierung von Cookies zu vereinfachen

Im Folgenden erläutern wir, wie Google Tag Manager mit iubendas Privacy Controls and Cookie Solution für CCPA, DSGVO und kategoriebezogene Einwilligung integriert werden kann.

Einige kurze Definitionen

Weitere Informationen zum Google Tag Manager finden Sie in der offiziellen Google-Dokumentation. Oder steigen Sie hier direkt in unser Tutorial ein!

Konto erstellen und Container einrichten

Um mit Google Tag Manager loszulegen, müssen Sie ein kostenloses Konto erstellen und einen Container einrichten.

Tags erstellen

Sobald der Container eingerichtet wurde, können Sie mit der Erstellung des Tags fortfahren. Das Tag stellt auch hier das Skript dar, das nur bestimmten Regeln zufolge aktiviert wird, in unserem Fall die Einwilligung des Nutzers zur Verwendung von Cookies.

Das Tag, das wir erstellen werden, bezieht sich auf Google Analytics 4:

Klicken Sie auf das Feld Tag-Konfiguration, wie in der Abbildung unten zu sehen:

Wählen Sie den Tag-Typ Google Analytics: GA4-Konfiguration aus.

Geben Sie als nächstes Ihre Mess-ID (z. B. G-A2ABC2ABCD) für Ihre GA4-Property ein.

Jetzt können Sie die Regeln für die Aktivierung des Tags einrichten. Gehen Sie dazu wie folgt vor.

Regeln für die Aktivierung des Tags einrichten

Nachdem Sie die oben genannten Parameter eingegeben haben, müssen Sie die Trigger (die Regeln, die das Auslösen der Skripte ermöglichen) festlegen:

1. iubenda_consent_given oder, wenn Sie die Funktion kategoriebezogene Einwilligung in Ihrer Privacy Controls and Cookie Solution aktiviert haben, iubenda_consent_given_purpose_1...5
2. iubenda_preference_not_needed
3. iubenda_ccpa_opted_out
4. Wenn Sie USPR (US-Datenschutzrechte) aktiviert haben: iubenda_consent_given_purpose_s, iubenda_consent_given_purpose_sh, iubenda_consent_given_purpose_adv und iubenda_consent_given_purpose_sd8

1.1 iubenda_consent_given

Klicken Sie unten auf das Feld „Trigger“:

und anschließend auf das kleine Pluszeichen oben rechts, um einen neuen Trigger hinzuzufügen. Wählen Sie dann im Feld Triggerkonfiguration den Trigger-Typ Benutzerdefiniertes Ereignis aus (kurze Anmerkung: Achten Sie darauf, dass Sie NICHT „Alle Seiten“ als Trigger auswählen).

Geben Sie anschließend unter Ereignisname den folgenden Wert ein: iubenda_consent_given. Dadurch wird der Trigger für Alle benutzerdefinierten Ereignisse mit der Bezeichnung Consent Given aktiviert.

Speichern Sie den Trigger, indem Sie auf Speichern klicken:

1.2 iubenda_consent_given_purpose_1…5

Wenn Sie in Ihrer Privacy Controls and Cookie Solution die Funktion „kategoriebezogene Einwilligung“ aktiviert haben, müssen Sie anstelle des Ereignisses iubenda_consent_given ein benutzerdefiniertes Ereignis für jeden Zweck erstellen, den Sie in Ihrem Cookie-Banner bzw. Ihrer Cookie-Richtlinie anzeigen (mit Ausnahme des Zwecks „Erforderlich“).

Wenn Sie sich nicht sicher sind, zu welchem Zweck/welcher Kategorie die auf Ihrer Website ausgeführten Dienste gehören, können Sie einfach auf die Unterrubriken verweisen, unter die sie in Ihrer iubenda Cookie-Richtlinie fallen.

Hier sind die 5 Zwecke (und die Werte der benutzerdefinierten Ereignisse):

1. Erforderlich (Sie müssen kein benutzerdefiniertes Ereignis erstellen)
2. Funktionalität (iubenda_consent_given_purpose_2)
3. Nutzererfahrung (iubenda_consent_given_purpose_3)
4. Erfolgsmessung (iubenda_consent_given_purpose_4)
5. Marketing (iubenda_consent_given_purpose_5)

Da Google Analytics Teil der Kategorie „Analytik“ ist, die zum Zweck „Erfolgsmessung“ gehört, müssen Sie ein benutzerdefiniertes Ereignis mit dem folgenden Wert erstellen: iubenda_consent_given_purpose_4. Dadurch wird der Trigger für Alle benutzerdefinierten Ereignisse mit der Bezeichnung Consent Given Purpose 4 aktiviert.

Verwenden Sie für die Datenschutzgesetze der US-Bundesstaaten folgende Ereignisse:

1. iubenda_consent_given_purpose_s: Verkauf meiner personenbezogenen Informationen
2. iubenda_consent_given_purpose_sh: Weitergabe meiner personenbezogenen Informationen
3. iubenda_consent_given_purpose_adv: Verarbeitung meiner personenbezogenen Informationen für zielgerichtete Werbung
4. iubenda_consent_given_purpose_sd8: Verarbeitung meiner genauen Standortdaten

Speichern Sie den Trigger anschließend wie gewohnt.

2. iubenda_preference_not_needed

Verwenden Sie dasselbe Verfahren, um ein weiteres benutzerdefiniertes Ereignis mit der Bezeichnung iubenda_preference_not_needed zu erstellen, das immer dann aufgerufen wird, wenn keine Präferenz benötigt wird (z. B. wenn gdprApplies:false oder gdprAppliesGlobally:false, countryDetection:true und der Nutzer außerhalb der EU ansässig ist):

3. iubenda_ccpa_opted_out

Wenn das CCPA auf Sie zutrifft und – wie in diesem Fall – das Tag/der Dienst als Verkauf angesehen wird, sollte dies deaktiviert werden, wenn sich der Nutzer für die Opt-out-Option entscheidet. Zu diesem Zweck müssen Sie eine Ausnahme mit der Bezeichnung iubenda_ccpa_opted_out erstellen.

Bevor Sie dieses Ereignis erstellen, müssen Sie einen Filter dafür definieren. Klicken Sie auf Variablen und dann auf Neu (rechts neben Benutzerdefinierte Variablen). Geben Sie als Bezeichnung iubenda_ccpa_opted_out ein und klicken Sie dann auf das Feld Variable konfigurieren. Wählen Sie den Variablentyp Datenschichtvariable aus, geben Sie iubenda_ccpa_opted_out als Name der Datenschichtvariable ein und wählen Sie Version 2 als Datenschichtversion. Klicken Sie anschließend auf Speichern.

Nachdem Sie nun die Variable definiert haben, erstellen Sie einen neuen Trigger mit der Bezeichnung iubenda_ccpa_opted_out. Gehen Sie dann unter Trigger konfigurieren wie folgt vor:

• Wählen Sie Benutzerdefiniertes Ereignis als Triggertyp aus.
• Geben Sie .* als Ereignisname ein und markieren Sie das Kästchen Übereinstimmung mit regulärem Ausdruck verwenden.
• Wählen Sie unter Diesen Trigger auslösen bei die Option Einige benutzerdefinierte Ereignisse, wählen Sie iubenda_ccpa_opted_out, ist gleich und true.

Klicken Sie anschließend auf Speichern.

Am Ende wird Ihr Google Analytics: GA4-Konfigurations-Tag wie folgt aussehen:

Klicken Sie auf Speichern, um das Tag zu speichern.

Durch Einrichten dieser Regel aktiviert Google Tag Manager das oben erstellte Google Analytics GA4-Konfigurations-Tag nur dann, wenn diese Regeln zutreffen. Das bedeutet, dass der Trigger jedes Mal ausgelöst wird, wenn Google Tag Manager ein Ereignis mit dem Wert iubenda_consent_given oder iubenda_consent_given_purpose_4 oder iubenda_preference_not_needed empfängt.

Google Tag Manager auf der eigenen Website installieren

Um Google Tag Manager zu installieren, rufen Sie die Admin-Seite von GTM auf, kopieren Sie den von Google bereitgestellten Code und fügen Sie ihn gemäß den Anweisungen in alle Seiten Ihrer eigenen Website ein. Wenn Sie ein CMS verwenden, das den Seitenkopf aus einer Header-Vorlagendatei (z. B. header.php) bezieht, sollte es ausreichen, den Code in diese Datei einzufügen.

Bitte beachten: Sie müssen Ihren eigenen Google Analytics-Code entfernen.

Google Analytics wird durch das Google Tag Manager-Skript erst dann automatisch aktiviert, wenn der Nutzer/Besucher seine Einwilligung zur Verwendung von Cookies erteilt hat.

iubenda-Skript installieren

Gehen Sie zu Ihrem iubenda-Dashboard > [Ihre Website] > Privacy Controls and Cookie Solution und klicken Sie auf den Button Einbetten, um zum Einbettungsbereich zu gelangen:

Rufen Sie dort den Code für Ihr Cookie-Banner ab (wenn Sie die Privacy Controls and Cookie Solution noch nicht aktiviert haben, klicken Sie einfach auf Aktivieren, richten Sie den Head-Bereich ein und gehen Sie dann zum Einbettungsbereich, um den Code wie beschrieben abzurufen).

Ihr Code wird in etwa so aussehen:

<script type="text/javascript">
    var _iub = _iub || [];
    _iub.csConfiguration = {
        "lang": "en",
        "siteId": XXXXXX, //use your siteId
        "cookiePolicyId": YYYYYY, //use your cookiePolicyId
        "banner": {
            "position": "float-top-center",
            "acceptButtonDisplay": true,
            "customizeButtonDisplay": true
        }
    };
</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>

Dies muss wie folgt bearbeitet werden:

<script type="text/javascript">
    var _iub = _iub || [];
    _iub.csConfiguration = {
        "lang": "en",
        "siteId": XXXXXX, //use your siteId
        "cookiePolicyId": YYYYYY, //use your cookiePolicyId
        "banner": {
            "position": "float-top-center",
            "acceptButtonDisplay": true,
            "customizeButtonDisplay": true
        },
        "callback": {
                  onPreferenceExpressedOrNotNeeded: function (preference) {
                    dataLayer.push({
                      iubenda_ccpa_opted_out: _iub.cs.api.isCcpaOptedOut(),
                    });

                    // preferences parameter may be undefined if both GDPR and LGPD do not apply
                    // we may need the line below to find USPR preferences instead of relying
                    // on preferences parameter
                    var otherPreferences = _iub.cs.api.getPreferences();

                    if (otherPreferences) {
                      var usprPreferences = otherPreferences.uspr;
                      if (usprPreferences) {
                        for (var purposeName in usprPreferences) {
                          if (usprPreferences[purposeName]) {
                            dataLayer.push({
                              event: 'iubenda_consent_given_purpose_' + purposeName,
                            });
                          }
                        }
                      }
                    }

                    if (!preference) {
                      dataLayer.push({
                        event: 'iubenda_preference_not_needed',
                      });
                    }
                    else if (preference.consent === true) {
                      dataLayer.push({
                        event: 'iubenda_consent_given',
                      });
                    }
                    else if (preference.consent === false) {
                      dataLayer.push({
                        event: 'iubenda_consent_rejected',
                      });
                    }
                    else if (preference.purposes) {
                      for (var purposeId in preference.purposes) {
                        if (preference.purposes[purposeId]) {
                          dataLayer.push({
                            event: 'iubenda_consent_given_purpose_' + purposeId,
                          });
                        }
                      }
                    }
                  }		
        }
    };
</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>

Wir haben daher eine Rückruffunktion hinzugefügt, die bei Einwilligung des Nutzers den Code durch Google Tag Manager aufruft, um das Ereignis freizuschalten, das wir für die Aktivierung von Google Analytics eingerichtet haben

Jetzt müssen Sie den nun für die Integration mit Google Tag Manager angepassten Code nur noch vor dem Schließen des BODY-Tags in Ihre Seiten einfügen.

Erweiterte Konfigurationen

In diesem Abschnitt wenden wir uns „Variablen“ und „Triggerausnahmen“ zu, um noch spezifischer zu werden. Mit Google Tag Manager können Sie Variablen erstellen und Ausnahmen in die Bedingungen des Triggers für das Tag aufnehmen.

Sie können sich diese Ausnahmen wie „blockierende Trigger“ vorstellen. Wenn Sie beispielsweise möchten, dass Ihr Google Analytics-Tag nur auf der Warenkorbseite ausgelöst wird, können Sie eine Ausnahme für die Auslösungsregel einrichten und festlegen, dass das Tag nicht ausgelöst wird, wenn es sich nicht um die Warenkorbseite handelt. Diese Ausnahme blockiert das Auslösen des Tags auf allen anderen Seiten. Ebenso können Sie einen Trigger so einstellen, dass er nur ausgelöst wird, wenn die Bedingungen für eine bestimmte Variable erfüllt sind.

Auf diese Weise ermöglichen sowohl Variablen als auch Ausnahmen eine größere Flexibilität bei der Tag-Verwaltung (lesen Sie hier, was Google über Ausnahmen und Variablen zu sagen hat).

Container veröffentlichen

Nachdem Sie die Regeln eingerichtet haben, müssen Sie den Container veröffentlichen, damit die Änderungen auf Ihrer Website übernommen werden:

Klicken Sie dazu auf der Container-Übersichtsseite oben rechts auf die Schaltfläche SENDEN und bestätigen Sie dann.

Diese Beispiele können für alle anderen Skripte oder JavaScript-Funktionen wiederverwendet werden.

Siehe auch

• Einführung in die vorherige Blockierung von Skripten
• Vergleichende Übersicht: Cookie-Anforderungen in europäischen Ländern
• Die vorherige Blockierung von Cookies: Manuelles Tagging (mit praktischen Beispielen)
• Google Consent Mode: So können Sie Cookies für Anzeigen und Analysen verwalten (alternativ zur vorherigen Blockierung)