Einwilligungsmodus auf Websites einrichten

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

Sie können den Einwilligungsmodus auf einfache oder erweiterte Weise implementieren. Sehen Sie in den Richtlinien Ihres Unternehmens nach, welche Implementierungsmethode und welche Standardeinstellungen Sie verwenden sollten. Weitere Informationen zum einfachen und erweiterten Einwilligungsmodus

Hinweis

Vor dem Implementieren des Einwilligungsmodus bitte Folgendes beachten:

Wenn Sie Tag Manager verwenden und Ihr eigenes Banner beibehalten möchten, empfiehlt es sich, das Banner ü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 eingefügt werden. Der Code für den Einwilligungsmodus wird auf jeder Seite Ihrer Website eingefügt.

Einwilligungsmodus einrichten

Bei einer einfachen Implementierung des Einwilligungsmodus wird das Laden des Google-Tags blockiert, bis ein Nutzer seine Einwilligung erteilt hat. So implementieren Sie den einfachen Einwilligungsmodus:

Blockieren Sie die Datenerhebung in Analytics und legen Sie den Standardstatus für die Einwilligung fest, bevor ein Nutzer seine Einwilligung erteilt.
Aktivieren Sie die Analytics-Erhebung, nachdem ein Nutzer die Einwilligung erteilt hat.

gtag.js

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

Ihr Google-Tag wird dadurch 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 Interaktionen mit Ihren Einwilligungs-Schaltflächen überwacht und die Interaktion mit localStorage oder Cookies speichert. Tipp: Achten Sie darauf, dass alle Schaltflächen in Ihrem Einwilligungsbanner IDs haben.
Laden Sie das Einwilligungsbanner.
Interaktion mit dem Einwilligungsbanner in die Datenschicht übertragen
Das Google-Tag wird geladen, 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 das dataLayer-Objekt im <head>-Tag einer Webseite ein, bevor Sie den Code für das Einwilligungsbanner laden. Legen Sie die Standardeinstellungen für die Einwilligung im Data Layer fest.

Dadurch wird Ihr Tag Manager-Container 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 Interaktionen mit Ihren Einwilligungs-Schaltflächen überwacht und die Interaktion mit localStorage oder Cookies speichert. Tipp: Achten Sie darauf, dass alle Schaltflächen in Ihrem Einwilligungsbanner IDs haben.
Laden Sie das Einwilligungsbanner. Laden Sie das Einwilligungsbanner nicht über Ihren Tag Manager-Container, da es blockiert wird, bis ein Nutzer seine Einwilligung erteilt.
Interaktion mit dem Einwilligungsbanner in die Datenschicht übertragen
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)

Nutzer des 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

Überprüfen, ob der Einwilligungsmodus funktioniert

Alte Tag-Einstellungen

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: