Como Adicionar Consentimento de Cookies ao Seu Site

Para adicionar consentimento de cookies, primeiro liste o que o seu site armazena no navegador dos visitantes e separe em estritamente necessário e opcional. Depois, adicione um banner — de uma plataforma de gestão de consentimento (CMP) ou feito por você — que bloqueie scripts opcionais, como analytics e pixels de anúncios, até o visitante aceitar, ofereça “Recusar” com a mesma facilidade de “Aceitar”, lembre da escolha e permita que a pessoa a altere depois. Um banner que aparece, mas não bloqueia nada, não cumpre a função.

Este guia traz informações gerais sobre como os banners de consentimento funcionam tecnicamente, não é aconselhamento jurídico. As regras de privacidade variam de país para país e mudam; verifique as regras que se aplicam aos seus visitantes ou consulte um advogado.

O que exige consentimento (em termos gerais)

As regras de cookies costumam cobrir cookies e tecnologias semelhantes: localStorage, pixels de rastreamento, identificação por impressão digital do dispositivo. A divisão comum, com base nas orientações da UE e do Reino Unido:

Alguns pontos específicos que são fáceis de errar:

• A UE e o Reino Unido usam um modelo de opt-in: cookies opcionais esperam até o visitante concordar. Orientações de reguladores como o ICO do Reino Unido dizem que o consentimento precisa ser uma ação positiva e clara, e que as pessoas devem conseguir ativar ou desativar cookies não essenciais com facilidade.
• O Reino Unido mudou em 2025. A Lei de Uso e Acesso a Dados (Data (Use and Access) Act) 2025 permite que alguns cookies sejam definidos sem consentimento, incluindo analytics usados apenas para melhorar o seu próprio site e que produzem estatísticas agregadas que não identificam pessoas — com o dever de informar os usuários de forma clara. Leia as orientações atuais do ICO antes de depender disso.
• Vários estados dos EUA usam um modelo de opt-out para “venda” ou “compartilhamento” de dados pessoais para publicidade direcionada, e alguns esperam que você respeite o sinal Global Privacy Control, no nível do navegador.
• Anúncios do Google: a partir de setembro de 2026, o Google exige que editores que usam AdSense, Ad Manager ou AdMob utilizem uma plataforma de gestão de consentimento certificada pelo Google e integrada ao Transparency and Consent Framework da IAB ao veicular anúncios no EEE, no Reino Unido e na Suíça.

Opções: CMP, biblioteca ou solução própria

A última opção é subestimada. Se você só quer contagens de visitantes, uma ferramenta de analytics sem cookies pode eliminar a necessidade de banner em muitos lugares — verifique a documentação dela e as regras locais.

Se você roda anúncios do Google na Europa, uma CMP certificada é a escolha prática. Para um site de pequeno negócio só com analytics, um banner próprio bem feito ou uma biblioteca costuma bastar.

Como um banner funciona por dentro

O ponto que as pessoas costumam pular é o bloqueio. Uma configuração correta:

1. Antes de qualquer escolha, só cookies e scripts necessários rodam. Analytics, pixels e embeds não são carregados de jeito nenhum (ou, com tags do Google, são carregados com o consentimento definido como negado).
2. O banner mostra opções claras no primeiro nível: Aceitar tudo, Recusar tudo e uma forma de escolher por categoria.
3. Ao escolher, o site guarda a escolha — normalmente em um cookie próprio ou no localStorage — com uma versão e uma data, e então carrega apenas as categorias aceitas.
4. Nas visitas seguintes, a escolha guardada é lida antes que qualquer coisa opcional carregue.
5. Um link “Configurações de cookies”, geralmente no rodapé, reabre as opções a qualquer momento. Retirar o consentimento deve ser tão fácil quanto dá-lo.
6. Se você mudar o que usa, aumente a versão para que as pessoas sejam perguntadas de novo.

Modo de consentimento do Google

Para o Google Analytics e o Google Ads, o modo de consentimento do Google conecta as tags ao banner. A partir de setembro de 2026, a documentação do Google descreve quatro tipos principais de consentimento: ad_storage, analytics_storage, ad_user_data e ad_personalization. Você define um padrão antes de a tag do Google carregar e depois uma atualização quando o visitante escolher:

gtag('consent', 'default', {
  ad_storage: 'denied',
  ad_user_data: 'denied',
  ad_personalization: 'denied',
  analytics_storage: 'denied'
});
// depois, quando o visitante aceitar apenas o analytics:
gtag('consent', 'update', { analytics_storage: 'granted' });

O Google descreve uma implementação básica, em que as tags não carregam antes do consentimento, e uma avançada, em que as tags carregam com o consentimento negado e enviam sinais sem cookies. A básica é mais simples de entender. Para o tráfego do EEE, o Google espera que os sinais ad_user_data e ad_personalization sejam enviados. Veja como configurar o Google Analytics para a própria tag.

Prompts que funcionam

Adicione um banner de consentimento de cookies. Categorias: necessários (sempre ativos), analytics (Google Analytics 4) e marketing (pixel da Meta). Nada de analytics ou marketing pode carregar antes do consentimento. Primeira tela: “Aceitar tudo”, “Recusar tudo” e “Personalizar”, com o mesmo destaque. Guarde a escolha com um número de versão e uma data em um cookie próprio por 6 meses, carregue apenas as categorias aceitas e adicione um link “Configurações de cookies” no rodapé que reabra o banner. Use o modo de consentimento do Google com os quatro tipos definidos como negados por padrão.

Liste cada cookie, chave de localStorage e script de terceiros deste site, em qual página cada um carrega e se é estritamente necessário. Gere uma tabela que eu possa usar na política de cookies.

Os embeds do YouTube na página /about carregam antes do consentimento. Substitua-os por uma miniatura com um botão de play, que só carregue o vídeo depois que o visitante clicar, e mostre uma nota dizendo que o YouTube pode definir cookies.

Passo a passo

1. Audite o que o seu site define: abra o DevTools → Application → Cookies e Local Storage em uma visita nova, e confira a aba Network para requisições de terceiros. Inclua embeds e widgets de chat.
2. Categorize cada item: necessário, preferências, analytics, marketing. Remova o que você não usa.
3. Decida a abordagem: CMP, biblioteca ou solução própria, com base na tabela acima.
4. Implemente o bloqueio para que scripts opcionais carreguem só após o consentimento. Para tags do Google, adicione os padrões do modo de consentimento antes da tag.
5. Crie o banner com opções de Aceitar e Recusar com igual destaque, escolhas por categoria e um link de configurações.
6. Escreva a política de cookies (muitas vezes parte da sua política de privacidade) listando o que você usa e por quê; veja como escrever termos de uso e uma política de privacidade.
7. Teste em uma janela privada: antes de escolher, nenhum cookie ou requisição opcional; depois de recusar, continua sem nenhum; depois de aceitar, aparecem os corretos; depois de mudar de ideia, eles param.
8. Revise sempre que adicionar uma nova ferramenta.

Erros comuns

• Um banner que não bloqueia nada. Os scripts disparam ao carregar a página enquanto o banner educadamente pergunta.
• Aceitar é um botão grande e Recusar fica escondido em uma segunda tela ou em um link cinza.
• Categorias pré-marcadas ou opções de “interesse legítimo” ativadas por padrão.
• Nenhuma forma de mudar de ideia depois da primeira escolha.
• Esquecer os embeds: YouTube, mapas, feeds sociais e widgets de chat também podem definir cookies.
• Perguntar em cada carregamento de página porque a escolha não é guardada corretamente.
• O banner cobrindo a página nos celulares, ou prendendo o foco do teclado. Torne-o acessível e pequeno o suficiente para ser lido sem bloquear a tela.
• Copiar a política de outro site que descreve cookies que você não usa.

Checklist de consentimento

• Cada cookie, chave de armazenamento e script de terceiros listado e categorizado
• Scripts opcionais bloqueados até o consentimento (verificado no DevTools)
• Aceitar e Recusar com a mesma facilidade na primeira camada
• Categorias disponíveis; nada opcional pré-selecionado
• Escolha guardada com versão e data; pergunta de novo após mudanças
• Link “Configurações de cookies” em todas as páginas
• Padrões do modo de consentimento do Google definidos antes das tags do Google, se usadas
• A política de cookies ou de privacidade corresponde ao que o site realmente faz
• Regras dos países dos seus visitantes conferidas com as orientações atuais ou com um advogado

Para o contexto, leia o que são cookies e o que é a LGPD/GDPR.

Consentimento de cookies no Mythex

O Mythex não adiciona um banner de consentimento nem analytics ao seu app por conta própria — os dois são coisas que você pede, então decide o que carrega. Rode primeiro o prompt de auditoria, depois o prompt do banner com as suas categorias reais, e teste no Preview com o DevTools aberto antes de publicar. Se você usar uma CMP hospedada, ela entrega um script e um ID; o ID é público e pode ir no código do front end, mas qualquer coisa secreta pertence às configurações do projeto (variáveis de ambiente e segredos). Publique de novo após as mudanças para que o site no ar use o novo banner.

Perguntas