Google Analytics 4

Google-Analytics-4-Integration mit Consentio

Was ist Google Analytics 4

GA4 ist ein Analysetool von Google zur Erfassung von Website-Traffic und Nutzerverhalten. Mit Consentio funktioniert es dank Google Consent Mode v2 automatisch.

Cookie-Kategorie

Google Analytics 4 gehört zur Kategorie Analyse.

Consentio-Kategorie	GCM-Signal
analytics	`analytics_storage`

Empfohlenes Vorgehen (Consent Mode)

Mit Consentio genügt eine Standard-GA4-Installation. Das Widget richtet Google Consent Mode automatisch ein.

HTML

<!-- 1. Zuerst Consentio -->
<script src="https://consentio.cz/widget/YOUR_KEY/consentio.min.js" async></script>

<!-- 2. Dann Google Analytics 4 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXX');
</script>

Tipp: GA4 mit Consent Mode kann auch ohne Einwilligung anonymisierte Daten erfassen (Conversion-Modellierung). Sobald die Einwilligung erteilt wird, wechselt es in den vollständigen Modus.

Alternative: Manuelles Blockieren

Wenn Sie GA4 vor der Einwilligung vollständig blockieren möchten:

HTML

<script type="text/plain" data-category="analytics"
  async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX">
</script>

<script type="text/plain" data-category="analytics">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXX');
</script>

Alternative über die JavaScript-API

Laden Sie GA4 dynamisch, nachdem die Einwilligung erteilt wurde:

JavaScript

Consentio.onConsentChange((consent) => {
  if (consent.analytics) {
    // GA4 laden
    const script = document.createElement('script')
    script.src = 'https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX'
    script.async = true
    document.head.appendChild(script)

    script.onload = () => {
      window.dataLayer = window.dataLayer || []
      function gtag(){dataLayer.push(arguments)}
      gtag('js', new Date())
      gtag('config', 'G-XXXXXXX')
    }
  }
})

Google Consent Mode v2

Consentio-Kategorie	GCM-Signal	Beschreibung
necessary	`functionality_storage`	Funktionaler Speicher
analytics	`analytics_storage`	Analyse-Speicher
marketing	`ad_storage` + `ad_user_data` + `ad_personalization`	Werbesignale

Überprüfung

Öffnen Sie die DevTools (F12)
Prüfen Sie den Tab Netzwerk — gtag.js sollte ohne Einwilligung keine vollständigen Daten senden
Führen Sie in der Konsole aus: dataLayer.push({event: 'consent_test'})
Erteilen Sie die Einwilligung und prüfen Sie, ob GA4 beginnt, vollständige Daten zu erfassen

Google Tag Manager Facebook Pixel

Dokumentation