Cookiebot mit Google Consent Mode verwenden

Die Google Consent Mode API ist vollständig in Cookiebot integriert. Damit die Consent Mode API verwendet werden kann, muss der Einwilligungsstatus initialisiert werden. Spätere Consent-Änderungen werden automatisch an die Consent Mode API gesendet.

Die Consent Mode API ermöglicht, dass das Verhalten von Google-Tags automatisch auf Basis der Einwilligung angepasst wird. Dadurch können anonymisierte und aggregierte Conversion- und Traffic-Daten gemessen werden - ohne die Verwendung von Cookies. In einem anderen Beitrag gehe ich ausführlicher auf die Vorteile der Google Consent Mode API ein.

Die Scripts werden im <head>-Element - so weit oben wie möglich - eingebunden. Wichtig bei der Implementierung ist die Reihenfolge der Scripts, damit sowohl der initiale Einwilligungsstatus geladen wird, aber gleichzeitig auch die automatische Cookie-Blockierung von Cookiebot funktioniert.

Um die Kompatibilität mit der automatischen Cookie-Blockierung sicherzustellen, sind die beiden Google-Scripts mit einem zusätzlichen Attribut (data-cookieconsent="ignore") ausgezeichnet. Die noscript-Version des Google Tag Managers wird von Cookiebot nicht unterstützt und entfällt deshalb.

Im folgenden Beispiel ist die Reihenfolge der Scripts dargestellt:

Google Consent Mode API
Google Tag Manager
Cookiebot

<!DOCTYPE html>
<html>
  <head>

    <!-- Google Consent Mode API -->
    <script data-cookieconsent="ignore">
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }

      gtag("consent", "default", {
        ad_storage: "denied",
        analytics_storage: "denied",
        functionality_storage: "denied",
        personalization_storage: "denied",
        security_storage: "granted",
        wait_for_update: 500,
      });

      gtag("set", "ads_data_redaction", true);
      gtag("set", "url_passthrough", false);
    </script>
    <!-- End Google Consent Mode API -->

    <!-- Google Tag Manager -->
    <script data-cookieconsent="ignore">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-0000000');</script>
    <!-- End Google Tag Manager -->

    <!-- Cookiebot -->
    <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="00000000-0000-0000-0000-000000000000" data-blockingmode="auto" type="text/javascript"></script>
    <!-- End Cookiebot -->
  
    ...

  </head>
  <body>

    ...

  </body>
</html>

Bitte ersetzen Sie die beiden Platzhalter Cookiebot-ID (00000000-0000-0000-0000-000000000000) und Google Tag Manager-ID (GTM-0000000) mit Ihren IDs.