Auslösen eines dataLayer Events, wenn der Nutzer Cookies mit Cookiebot akzeptiert

Cookiebot ist einer der beliebtesten Cookie-Consent-Manager.
Er macht seinen Job im Allgemeinen gut, aber es fehlt ihm stark an Integration, wenn er zusammen mit dem Google Tag Manager verwendet wird, was ich angesichts der Tatsache, dass GTM bei weitem das beliebteste Tag-Management-System ist, für einen erheblichen Mangel halte.

Obwohl Cookiebot eine nette JavaScript API hat, bietet es kein eingebautes Ereignis, das wirklich nur dann ausgelöst wird, wenn der Nutzer aktiv auf die Schaltfläche “Alle Cookies erlauben” oder “Auswahl erlauben” geklickt hat.

Das CookiebotOnAccept-Ereignis und die CookiebotCallback_OnAccept-Callback-Funktion klingen zwar so, als würden sie das tun, aber sie werden auch ausgelöst, wenn ein bereits zugestimmter Nutzer die Seite lädt, was nicht meinem speziellen Anwendungsfall entspricht.

Hier ist also, wie man ein dataLayer Event auslöst, wenn der Nutzer Cookies mit Cookiebot akzeptiert:

<script>
;(function(){
    window.addEventListener("CookiebotOnAccept", function (e) {
        if (window.Cookiebot.changed) {
            window.dataLayer = window.dataLayer || [];
            window.dataLayer.push({
                event: "cookiebot_accept"
            });
        }
    });
})();
</script>

Dies wird ein cookiebot_accept-Event im dataLayer auslösen, wenn der Nutzer

• neu allen Cookies zustimmt
• neu der “aktuellen Auswahl” mit mindestens einem aktiven Zustimmungsniveau zustimmt

Es wird nicht ausgelöst, wenn der Nutzer

• bereits einigen oder allen Cookies zugestimmt hat und einfach die Seite lädt
• neu der “aktuellen Auswahl” mit allen inaktiven Zustimmungsniveaus zustimmt
• alle Cookies ablehnt oder abgelehnt hat

Verwende dies auf eigenes Risiko, da die window.Cookiebot.changed-Eigenschaft undokumentiert ist und sich jederzeit ändern kann.