Google Analytics 4

Integración de Google Analytics 4 con Consentio

Qué es Google Analytics 4

GA4 es una herramienta de analítica de Google para medir el tráfico del sitio web y el comportamiento de los usuarios. Con Consentio, funciona automáticamente gracias a Google Consent Mode v2.

Categoría de cookies

Google Analytics 4 pertenece a la categoría analytics.

Categoría de Consentio	Señal de GCM
analytics	`analytics_storage`

Enfoque recomendado (Consent Mode)

Con Consentio, basta con una instalación estándar de GA4. El widget configura automáticamente Google Consent Mode.

HTML

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

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

Consejo: GA4 con Consent Mode puede recopilar datos anonimizados incluso sin consentimiento (modelado de conversiones). Cuando se concede el consentimiento, pasa al modo completo.

Alternativa: bloqueo manual

Si prefieres bloquear GA4 por completo antes del consentimiento:

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 la API de JavaScript

Carga GA4 dinámicamente tras obtener el consentimiento:

JavaScript

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

Categoría de Consentio	Señal de GCM	Descripción
necessary	`functionality_storage`	Almacenamiento funcional
analytics	`analytics_storage`	Almacenamiento de analítica
marketing	`ad_storage` + `ad_user_data` + `ad_personalization`	Señales publicitarias

Verificación

Abre las herramientas de desarrollo (F12)
Comprueba la pestaña Red — gtag.js no debería enviar datos completos sin consentimiento
En la consola, ejecuta: dataLayer.push({event: 'consent_test'})
Concede el consentimiento y comprueba que GA4 empieza a recopilar datos completos

Google Tag Manager Facebook Pixel

Documentación