Como usar: Gerador de Banner de Cookies
- Escolha o layout — uma barra, uma caixa no canto ou uma janela centralizada — e edite o título, a mensagem e os textos dos botões.
- Mantenha Configurações ativado para que o visitante escolha as categorias (analytics, marketing, preferências) e insira o link da sua política de privacidade.
- Deixe o Google Consent Mode v2 ativado se você usa Google Analytics ou Ads: cole o snippet 1 no
<head>antes da sua tag do Google. - Cole o snippet 2 antes de
</body>e adicione um link “Configurações de cookies” apontando para#cookie-settingsno seu rodapé.
O que o banner faz
- Aparece na primeira visita e guarda a escolha do visitante no
localStorage(não em um cookie) pelo número de dias que você definir. - Aceitar tudo, Rejeitar tudo e Configurações — rejeitar leva um clique e tem o mesmo destaque que aceitar, como a LGPD e o GDPR esperam.
- Qualquer link para
#cookie-settingsreabre as configurações, para que o visitante possa mudar de ideia a qualquer momento. - Bloqueia suas outras tags até o consentimento: scripts marcados com
type="text/plain" data-cookie-category="analytics"(ou marketing, preferências) e iframes comdata-srcsó rodam depois que o visitante aceita aquela categoria. Retirar o consentimento recarrega a página para que elas parem. - Dispara um evento
cookie-consentemdocumentcom as escolhas, para que você carregue outros scripts somente após o consentimento.
Google Consent Mode v2
O snippet 1 define todos os sinais de consentimento do Google — ad_storage, ad_user_data, ad_personalization e analytics_storage — como negados antes de a sua tag do Google carregar. Quando o visitante escolhe, o banner os atualiza: analytics para analytics_storage, marketing para os três sinais de anúncios. Assim, o Google Analytics registra dados completos apenas de quem concordou, e pings sem cookies dos demais. Desde março de 2024, o Google exige o Consent Mode v2 para medição de anúncios de visitantes do Espaço Econômico Europeu.
Esta é uma ferramenta técnica, não aconselhamento jurídico: liste na sua política de privacidade os cookies que você realmente usa e verifique o que a legislação do seu país exige. Veja também: Verificador de Tags de Rastreamento, Gerador de Meta Tags.
Também pesquisado como: banner de cookies lgpd, banner de cookies gdpr, código de consentimento de cookies, google consent mode v2, popup de cookies html, banner de cookies grátis, banner de cookies webflow, gerador de aviso de cookies.
Ferramentas que combinam com: Gerador de Banner de Cookies
- Gerador de CSP — Escolha o que seu site carrega — scripts, estilos, imagens, fontes, analytics, embeds — e gere uma Content-Security-Policy que permite exatamente isso, com avisos para configurações arriscadas.
- Verificador de SEO e Auditoria de Site — Cole uma URL para fazer até 70 verificações de SEO na página, além de uma auditoria completa do site: velocidade do Lighthouse, cabeçalhos de segurança e SSL, dados estruturados, links quebrados, robots.txt e rastreadores de IA, noções básicas de acessibilidade, rastreamento e consentimento, SPF/DKIM/DMARC e validade do domínio — tudo reunido em uma única pontuação do site com correções priorizadas.
- HTML e CSS para Webflow — Cole o HTML e o CSS, clique em Copy to Webflow e cole no Designer — você recebe Div Blocks, Headings, Links, Imagens e Listas reais, com classes, combo classes, breakpoints para tablet e mobile e estados hover, em vez de um grande Code Embed.
- Analisador de Cabeçalho de E-mail — Cole os cabeçalhos brutos de um e-mail para ver todo o seu percurso: cada salto entre servidores com o tempo que levou, os resultados de SPF, DKIM e DMARC, o IP de origem e sinais de alerta, como um Reply-To ou Return-Path divergente.
Perguntas frequentes
Como adiciono um banner de cookies no Webflow?
Cole o snippet 1 em Configurações do site → Código personalizado → Head (antes da sua tag do Google) e o snippet 2 no código do Footer, depois publique. Adicione um link no rodapé para #cookie-settings para que o visitante possa reabri-lo.
Ele bloqueia o Google Analytics até o consentimento?
Com o Consent Mode v2, o Google Analytics carrega, mas não grava cookies até o visitante aceitar analytics — ele envia apenas sinais sem cookies. Para manter outros scripts totalmente desligados, carregue-os em um listener do evento cookie-consent.
O botão Rejeitar é obrigatório?
Pela LGPD e pelo GDPR, recusar precisa ser tão fácil quanto aceitar, e vários reguladores europeus já multaram sites que escondiam a opção de rejeitar. O gerador coloca Rejeitar ao lado de Aceitar com o mesmo peso por padrão.
Ele consegue bloquear scripts até o visitante consentir?
Sim. Cole suas tags no passo 3: cada uma recebe type="text/plain" e um data-cookie-category, então o navegador não a executa. O banner a ativa quando o visitante aceita aquela categoria, enquanto as tags necessárias continuam rodando, como em uma lista de permissões. Iframes, como embeds do YouTube, esperam da mesma forma com data-src.
Onde a escolha fica armazenada?
No navegador do visitante (localStorage), com uma versão e uma data, para que o banner reapareça após o período que você definir ou quando você mudar a versão.
Posso instalar o Gerador de Banner de Cookies como um aplicativo da web e usá-lo offline?
Sim. O Gerador de Banner de Cookies é um aplicativo da web instalável (PWA) — instalado a partir do seu navegador, não baixado de uma loja de aplicativos. Clique em “Instalar aplicativo” na parte superior desta página no Chrome ou no Edge (Windows, macOS, Linux, ChromeOS) ou, no Android, use “Compartilhar” → “Adicionar à tela inicial” no iPhone e no iPad, ou “Arquivo” → “Adicionar ao Dock” no Safari 17+ em um Mac. Em seguida, ela se abre em uma janela própria com seu próprio ícone e, como é executada inteiramente no seu navegador, continua funcionando offline. O Firefox no desktop não permite a instalação de aplicativos da web. Como funciona a instalação.