Como instalar um banner de cookies com o Google Tag Manager

Todos os artigos

Você instala como a primeira coisa que o Tag Manager faz. Coloque o seu banner de consentimento, como tag Custom HTML ou template de CMP, no gatilho Consent Initialization - All Pages. Defina ali o Consent Mode como negado por padrão, antes de qualquer outra tag avaliar, e então deixe a escolha do visitante atualizar. Todos os outros passos se apoiam nessa ordem.

Por que a ordem é o trabalho inteiro

Instalar um banner no Tag Manager não é bem sobre o banner. É sobre garantir que o banner defina o estado de consentimento antes de as suas tags de análise e de publicidade decidirem se disparam. Acerte essa sequência e todo o resto se encaixa. Erre e você tem um banner que parece perfeito e não bloqueia nada, porque o GA4 já disparou enquanto o banner ainda estava carregando.

O Tag Manager te dá um gatilho feito exatamente para isso: Consent Initialization - All Pages. Ele é garantidamente executado antes de todo outro gatilho, incluindo o gatilho comum All Pages. O seu estado padrão de consentimento e o seu banner pertencem ali, e quase toda configuração quebrada que somos chamados para consertar colocou um dos dois em outro lugar.

A instalação, em ordem

Seis passos, feitos nesta ordem. Os quatro primeiros colocam o banner no ar; os dois últimos são as verificações que separam um banner que funciona de um que só parece funcionar.

1. Defina o estado padrão de consentimento primeiro

   Adicione uma tag de Consent Mode no gatilho Consent Initialization - All Pages que defina ad_storage, analytics_storage, ad_user_data e ad_personalization como negados. Isso tem que rodar antes de qualquer outra tag avaliar, que é exatamente o que o gatilho Consent Initialization garante. Os quatro sinais têm que estar presentes, não só os dois de análise.

2. Carregue o banner no mesmo gatilho

   Adicione o seu banner de consentimento como uma tag Custom HTML, ou um template de CMP da Community Gallery, no mesmo gatilho Consent Initialization - All Pages. O banner então pinta antes de as suas tags de análise e de publicidade terem chance de disparar, para o visitante fazer uma escolha enquanto as tags ainda estão esperando em vez de depois de elas já terem rodado.

3. Atualize o consentimento quando o visitante escolher

   Ligue as ações de aceitar e recusar do banner para empurrarem uma atualização de consentimento no Tag Manager, virando os sinais relevantes para concedido ou deixando negados. Tags na mesma página que estavam seguradas agora podem disparar no estado correto. Esse é o elo que transforma um banner estático em um controle de consentimento funcional.

4. Trave as tags que não são essenciais

   Trave as suas tags de terceiros. Em cada uma, abra Advanced Settings, depois Consent Settings, e adicione um requisito de consentimento adicional, para a tag só disparar quando o sinal correspondente estiver concedido. As tags do próprio Google são a exceção, e não é questão de gosto. Uma tag do GA4 ou do Google Ads já traz verificações de consentimento embutidas e aplica a escolha do visitante sozinha. Um requisito adicional por cima trava a tag em qualquer visita em que esse sinal esteja negado. Isso é comportamento básico em uma tag que você queria rodando em avançado. Deixe essas em nenhum requisito de consentimento adicional. Tags essenciais ficam sem trava. Um banner sem tags travadas é decoração: coleta uma escolha e depois a ignora.

5. Confirme que o banner dispara antes do GA4

   Abra o modo Preview e o painel de rede do navegador, e carregue a página como um visitante novo. Confirme que as tags de Consent Initialization disparam primeiro e que o estado negado padrão está definido antes de o GA4 enviar qualquer coisa. Essa é a checagem que os guias dos fornecedores pulam, e é onde a maioria das configurações quebra em silêncio: o contêiner carrega uma fração atrasado, o GA4 dispara sem estado de consentimento e o modo Preview continua verde.

6. Teste a visita repetida, não só a primeira

   Apague o cookie de consentimento e recarregue, depois carregue de novo com o cookie já definido. Um visitante que volta com uma escolha guardada tem que restaurar esse estado sem mostrar o banner de novo e sem disparar as tags que ele recusou. A primeira visita passar não significa que a de volta passa, e bugs de consentimento velho só aparecem no segundo carregamento.

Onde isso quebra em silêncio

Os passos de instalação acima são a parte fácil. As falhas estão todas nas lacunas que os tutoriais ignoram. A primeira é o timing. Se o seu contêiner carrega de forma assíncrona e uma tag do Google está na página em vez de no contêiner, essa tag pode disparar antes de o Tag Manager sequer ter lido o gatilho Consent Initialization. O modo Preview, que espera o contêiner, não vai mostrar isso. Só o painel de rede ao vivo mostra.

O segundo é a diferença entre um banner que dispara e uma tag que obedece. Um template de CMP pode carregar impecavelmente no gatilho certo e a sua tag do GA4 ainda pode disparar em uma sessão recusada, porque travar tags no consentimento é um passo à parte que é fácil de pular. Confirme recusando o consentimento e lendo o painel de rede. Com o Consent Mode avançado, uma requisição collect sem cookies marcada com gcs=G100 é esperada; uma requisição marcada com gcs=G111, um novo cookie _ga ou uma tag de fora do Google disparando é o vazamento. O terceiro é o visitante que volta com uma escolha guardada, que quase ninguém testa e que é onde casos limite regionais e cookies velhos aparecem.

Nada disso dá erro. É o que torna a coisa cara: um vazamento aqui distorce em silêncio a parte do seu tráfego medido que fica atrás do banner, enquanto todo painel continua parecendo normal. O tamanho dessa parte depende da sua região, do seu público e do design do seu banner. Para medir no seu próprio site, veja a taxa de consentimento no seu CMP ou compare as sessões do GA4 com as requisições que o seu servidor ou CDN registra para as mesmas páginas.

Essa é toda a razão de o Velo existir. Ele entrega a ordem do Consent Initialization, os quatro sinais negados por padrão, a ligação do aceitar e do recusar e a trilha de auditoria como uma única camada configurada. A sequência acima fica então correta por padrão, em vez de remontada à mão numa tag Custom HTML toda vez que o seu site muda. Você instala uma tag e a ordem fica resolvida. Para as equipes que preferem ligar tudo por conta própria, o template de GTM dá a mesma ordem como ponto de partida.

Seu próximo passo em privacidade na web.

A privacidade do seu site em um só lugar. Banners de consentimento, registros e análises com IA.