Skript-Aufruf blockieren
Damit das Google-Analytics-Skript beim Laden der Seite nicht ausgelöst wird, bevor die passende Einwilligung der Nutzer vorliegt:
- Öffne die Einstellungen deiner Website und suche das Google-Analytics-Skript.
- Ändere den Parameter type auf text/plain.
- Füge das Attribut data-easycookie-{type} hinzu, das dem benötigten Einwilligungstyp entspricht.
Verfügbare Einwilligungstypen:
- data-easycookie-aduser
- data-easycookie-adpersonalization
- data-easycookie-analytics
- data-easycookie-functionality
- data-easycookie-personalization
- data-easycookie-security
Im folgenden Beispiel siehst du, wie du dein Skript anpasst.
Ursprüngliches Skript:
Angepasstes Skript:
Das Easycookie-Skript funktioniert ganz einfach: Sobald die Einwilligung für einen bestimmten Cookie-Typ vorliegt, werden Skripte dieses Typs automatisch wieder auf das korrekte type=text/javascript umgestellt. Dadurch werden sie mit der Einwilligung ausgelöst.
Asynchrone Skript-Ausführung
Ein mögliches Problem bei solchen Skripten ist, dass sie durch ein DOM-Event ausgelöst werden, z. B. DOMContentLoaded. Wenn dieses Event eintritt, sind die Skripte unter Umständen noch nicht verfügbar, weil Easycookie sie noch blockiert. Das häufigste Beispiel für dieses asynchrone Szenario ist der Meta-Pixel.
In diesem Fall empfehlen wir, das Skript über GTM einzubinden. Wenn du dich trotzdem für die manuelle Konfiguration entscheidest, gehe so vor:
-
Entferne das noscript-Tag.
-
Nutze die Events, die dir die Consent API von Meta bereitstellt:
fbq(‘consent’, ‘revoke’); // Widerruft die Einwilligung für Cookies fbq(‘consent’, ‘grant’); // Erteilt die Einwilligung für Cookies
Beispiel für den unveränderten Pixel-Code:
Angepasster Code:
So wird beim Laden der Seite die Einwilligung für Cookies zunächst verweigert. Warte anschließend auf das von Easycookie ausgelöste Event easycookieUpdateConsent, das e.detail sendet, und erteile die Einwilligung erst danach je nach Typ: ad, aduser, adpersonalization, analytics, personalization, security.