Google Analytics 4

Integração do Google Analytics 4 com o Consentio

O que é o Google Analytics 4

O GA4 é uma ferramenta de análise da Google para monitorizar o tráfego do website e o comportamento dos utilizadores. Com o Consentio, funciona automaticamente graças ao Google Consent Mode v2.

Categoria de Cookies

O Google Analytics 4 pertence à categoria analytics.

Categoria Consentio	Sinal GCM
analytics	`analytics_storage`

Abordagem Recomendada (Consent Mode)

Com o Consentio, uma instalação padrão do GA4 é suficiente. O widget configura automaticamente o Google Consent Mode.

HTML

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

<!-- 2. Depois o 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>

Dica: O GA4 com Consent Mode pode recolher dados anonimizados mesmo sem consentimento (modelação de conversões). Quando o consentimento é concedido, passa para o modo completo.

Alternativa: Bloqueio Manual

Se preferir bloquear o GA4 por completo antes do consentimento:

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 com a API JavaScript

Carregue o GA4 dinamicamente após o consentimento:

JavaScript

Consentio.onConsentChange((consent) => {
  if (consent.analytics) {
    // Carregar o 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	Sinal GCM	Descrição
necessary	`functionality_storage`	Armazenamento funcional
analytics	`analytics_storage`	Armazenamento de análise
marketing	`ad_storage` + `ad_user_data` + `ad_personalization`	Sinais publicitários

Verificação

Abra o DevTools (F12)
Verifique o separador Network — o gtag.js não deve enviar dados completos sem consentimento
Na consola, execute: dataLayer.push({event: 'consent_test'})
Conceda o consentimento e verifique que o GA4 começa a recolher dados completos

Google Tag Manager Facebook Pixel

Documentação