Diese Seite wurde von der Cloud Translation API übersetzt.

Einwilligungsmodus auf Websites einrichten

Diese Seite richtet sich an Entwickler, die auf ihrer Website eine eigene Einwilligungslösung verwenden und den Einwilligungsmodus einbinden möchten. Eine Einführung in den Einwilligungsmodus finden Sie unter Einwilligungsmodus. Wenn Sie die Nutzereinwilligung über eine Plattform zur Einwilligungsverwaltung (Consent Management Platform, CMP) einholen, finden Sie hier weitere Informationen zum Einrichten des Einwilligungsmodus mit einer CMP.

Der Einwilligungsmodus kann sowohl grundlegend als auch komplex implementiert werden. Wählen Sie in den Richtlinien Ihres Unternehmens eine Implementierungsmethode und die Standardeinstellungen aus. Weitere Informationen zum einfachen und erweiterten Einwilligungsmodus

Hinweis

Vor dem Implementieren des Einwilligungsmodus bitte Folgendes beachten:

Wenn Sie Tag Manager verwenden und ein eigenes Banner verwalten möchten, empfehlen wir, es über den Tag Manager-Container zu laden. Dazu müssen Sie eine Vorlage für den Einwilligungsmodus erstellen. Alternativ können Sie eine Vorlage für den Einwilligungsmodus aus der Community-Galerie für Vorlagen verwenden.
Wenn Sie gtag.js verwenden, muss das Google-Tag auf jeder Seite Ihrer Website eingebunden sein. Der Code für den Einwilligungsmodus wird jeder Seite Ihrer Website hinzugefügt.

Einwilligungsmodus einrichten

Mit einer einfachen Implementierung des Einwilligungsmodus verhindern Sie, dass das Google-Tag geladen wird, bis ein Nutzer seine Einwilligung erteilt hat. So implementieren Sie den einfachen Einwilligungsmodus:

Bevor ein Nutzer die Einwilligung erteilt, müssen Sie die Erfassung von Analytics blockieren und den standardmäßigen Einwilligungsstatus festlegen.
Nachdem ein Nutzer seine Einwilligung erteilt hat, aktivieren Sie die Erfassung in Analytics.

gtag.js

Richten Sie im <head>-Tag einer Webseite das Objekt dataLayer vor dem Code für das Einwilligungsbanner ein. Legen Sie Standardeinstellungen für die Einwilligung in der Datenschicht fest.

Dadurch wird das Google-Tag nicht ausgelöst, da Sie die Google-Tag-Bibliothek noch nicht geladen haben.

Beispiel:

  <script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('consent', 'default', {
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
    'ad_storage': 'denied',
    'analytics_storage': 'denied',
    'wait_for_update': 500,
  });
  gtag('js', new Date());
  gtag('config', 'Google tag ID');
  </script>

Fügen Sie eine Funktion hinzu, die die Interaktionen mit Ihren Einwilligungsschaltflächen überwacht, und speichern Sie die Interaktion mithilfe von localStorage oder Cookies. Tipp: Achten Sie darauf, dass Sie in Ihrem Einwilligungsbanner für alle Schaltflächen Kennungen angeben.
Laden Sie das Einwilligungsbanner.
Übertragen Sie die Interaktion des Einwilligungsbanners in die Datenschicht.
Laden Sie das Google-Tag, wenn der Nutzer seine Einwilligung erteilt.

  grantButton.addEventListener("click", function() {
    localStorage.setItem("consentGranted", "true");
    function gtag() { dataLayer.push(arguments); }

    gtag('consent', 'update', {
      ad_user_data: 'granted',
      ad_personalization: 'granted',
      ad_storage: 'granted',
      analytics_storage: 'granted'
    });
  });

  // Load gtag.js script.
  var gtagScript = document.createElement('script');
  gtagScript.async = true;
  gtagScript.src = 'https://www.googletagmanager.com/gtag/js?id=Google tag ID';

  var firstScript = document.getElementsByTagName('script')[0];
  firstScript.parentNode.insertBefore(gtagScript,firstScript);

Tag Manager

Richten Sie im <head>-Tag einer Webseite das dataLayer-Objekt ein, bevor Sie den Code für das Einwilligungsbanner laden. Legen Sie auf der Datenebene Standardeinstellungen für die Einwilligung fest.

Ihr Tag Manager-Container wird dadurch nicht ausgelöst, da Sie die Google Manager-Bibliothek noch nicht geladen haben.

Beispiel:

  <script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('consent', 'default', {
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
    'ad_storage': 'denied',
    'analytics_storage': 'denied',
    'wait_for_update': 500,
  });
  dataLayer.push({'gtm.start': new Date().getTime(), 'event': 'gtm.js'});
  </script>
  ```

Fügen Sie eine Funktion hinzu, die die Interaktionen mit Ihren Einwilligungsschaltflächen überwacht, und speichern Sie die Interaktion mithilfe von localStorage oder Cookies. Tipp: Achten Sie darauf, dass Sie in Ihrem Einwilligungsbanner für alle Schaltflächen Kennungen angeben.
Laden Sie das Einwilligungsbanner. Laden Sie das Einwilligungsbanner nicht über den Tag Manager-Container, da es blockiert wird, bis der Nutzer seine Einwilligung erteilt.
Übertragen Sie die Interaktion des Einwilligungsbanners in die Datenschicht.
Laden Sie den Tag Manager-Container, wenn der Nutzer seine Einwilligung erteilt.

  grantButton.addEventListener("click", function() {
    localStorage.setItem("consentGranted", "true");
    function gtag() { dataLayer.push(arguments); }

    gtag('consent', 'update', {
      ad_user_data: 'granted',
      ad_personalization: 'granted',
      ad_storage: 'granted',
      analytics_storage: 'granted'
    });
  });

  // Load Tag Manager script.
  var gtmScript = document.createElement('script');
  gtmScript.async = true;
  gtmScript.src = 'https://www.googletagmanager.com/gtm.js?id=Container ID';

  var firstScript = document.getElementsByTagName('script')[0];
  firstScript.parentNode.insertBefore(gtmScript,firstScript);

Im Rahmen unserer kontinuierlichen Bemühungen um eine datenschutzorientierte Plattform für digitale Werbung verstärken wir die Maßnahmen zur Durchsetzung unserer Richtlinie zur Einwilligung der Nutzer in der EU.

Weitere Informationen zu den Änderungen am Einwilligungsmodus für Traffic im Europäischen Wirtschaftsraum (EWR) von Google

Nutzer im Einwilligungsmodus müssen zusätzlich zu ad_storage und analytics_storage zwei neue Parameter senden:

Feldname	Zulässige Werte	Beschreibung
`ad_user_data`	`'granted' \| 'denied'`	Legt die Einwilligung zum Senden von werbebezogenen Nutzerdaten an Google fest.
`ad_personalization`	`'granted' \| 'denied'`	Legt die Einwilligung für personalisierte Anzeigen fest

Nächste Schritte

Funktion des Einwilligungsmodus prüfen

Alte Tag-Steuerelemente

Wenn Sie alte Tags wie ga.js, analytics.js oder conversion.js verwenden, stellen Sie auf gtag.js oder Google Tag Manager um.

Weitere Informationen zu den Datenschutzeinstellungen anderer Legacy-Tags finden Sie in der folgenden Dokumentation: