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.