Google Analytics 4

Dokumentation: Mehr Details zur Konfiguration von Google Analytics findest du in der offiziellen Dokumentation: Beispiel-Services.

Google Analytics 4 – Script Blocking Demo

Diese Seite demonstriert, wie der CF Cookie Manager das GA4-Tracking-Script blockiert, bis der Nutzer der Kategorie Analytik zugestimmt hat.

Live Status

Aktueller Consent-Status für Google Analytics 4:

Aktiviert die Kategorie „Analytik“ (betrifft auch GTM & Matomo)

Simulierte Console

Hier siehst du in Echtzeit, wann das Script aktiviert oder deaktiviert wird:

Google Analytics 4 Console

[Start] Seite geladen – GA4 wartet auf Consent...

Geblocktes Script

Das folgende Script wird erst nach Consent ausgeführt. Beachte type="text/plain" und data-service="google_analytics":

Blocked Script

<script type="text/plain" data-service="google_analytics">
  // Simuliertes GA4 Tracking
  console.log("[GA4] Google Analytics 4 wurde geladen");
</script>

So wird es konfiguriert

Schritt 1: Cookie-Service "Google Analytics 4" mit identifier: google_analytics anlegen.
Schritt 2: Service der Kategorie "Analytik" zuweisen.
Schritt 3: Script-Tags mit type="text/plain" und data-service="google_analytics" markieren.
Schritt 4: Optional: opt_in_code für zusätzliche Aktionen bei Consent definieren.

Konfiguration

// Backend-Konfiguration des Services:
name: Google Analytics 4
identifier: google_analytics
provider: googletagmanager.com,google-analytics.com
category: analytics

// opt_in_code (wird bei Consent ausgeführt):
document.querySelectorAll('[data-consent-status="google_analytics"]')
  .forEach(el => el.textContent = "Consent: Erteilt");

// Im HTML:
<script type="text/plain" data-service="google_analytics">
  // Dein GA4 Code hier
</script>