Google Analytics 4

Integrazione di Google Analytics 4 con Consentio

Cos'è Google Analytics 4

GA4 è uno strumento di analisi di Google per monitorare il traffico del sito e il comportamento degli utenti. Con Consentio funziona automaticamente grazie a Google Consent Mode v2.

Categoria cookie

Google Analytics 4 appartiene alla categoria analytics.

Categoria Consentio	Segnale GCM
analytics	`analytics_storage`

Approccio consigliato (Consent Mode)

Con Consentio, un'installazione standard di GA4 è sufficiente. Il widget configura automaticamente Google Consent Mode.

HTML

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

<!-- 2. Poi 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>

Suggerimento: GA4 con Consent Mode può raccogliere dati anonimizzati anche senza consenso (conversion modelling). Quando il consenso viene concesso, passa alla modalità completa.

Alternativa: blocco manuale

Se preferisci bloccare completamente GA4 prima del consenso:

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>

Alternativa con API JavaScript

Carica dinamicamente GA4 dopo il consenso:

JavaScript

Consentio.onConsentChange((consent) => {
  if (consent.analytics) {
    // Carica GA4
    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

Categoria Consentio	Segnale GCM	Descrizione
necessary	`functionality_storage`	Archiviazione funzionale
analytics	`analytics_storage`	Archiviazione analytics
marketing	`ad_storage` + `ad_user_data` + `ad_personalization`	Segnali pubblicitari

Verifica

Apri gli Strumenti per sviluppatori (F12)
Controlla la scheda Rete — gtag.js non dovrebbe inviare dati completi senza consenso
Nella console, esegui: dataLayer.push({event: 'consent_test'})
Concedi il consenso e verifica che GA4 inizi a raccogliere dati completi

Google Tag Manager Facebook Pixel

Documentazione