Como Implementar um Banner de Cookies em 5 Minutos com CookieFácil
Você sabe que precisa de um banner de cookies para estar em conformidade com a LGPD, mas não quer gastar horas (ou dias) configurando uma solução complexa? Neste tutorial prático, vamos mostrar como implementar um banner completo — com Google Consent Mode v2, consentimento granular e registro para auditoria — em apenas 5 minutos usando o CookieFácil.
Minuto 1: Crie Sua Conta
Acesse cookiefacil.com.br/cadastro e crie sua conta gratuita. Você só precisa de um e-mail e uma senha. Não pedimos cartão de crédito — o plano gratuito é realmente gratuito e inclui 1 site com 1.000 consentimentos por mês.
Após criar a conta, você será redirecionado ao assistente de configuração (onboarding), que vai guiar você pelos próximos passos de forma intuitiva.
Minuto 2: Adicione Seu Site
No assistente, informe o domínio do seu site (exemplo: meusite.com.br). O CookieFácil vai verificar o domínio e criar automaticamente a configuração padrão do banner, incluindo as categorias de cookies (Essenciais, Analytics, Marketing, Funcionais) e os textos em português.
Você também pode adicionar o nome do site e selecionar o idioma padrão do banner. Para a maioria dos sites brasileiros, as configurações padrão já são ideais.
Minuto 3: Personalize o Banner
No editor visual do banner, você pode personalizar: cores (primária, secundária, texto, fundo), posição (inferior, superior, central), layout (barra, popup, slide-in), textos (título, descrição, botões) e comportamento (expiração do consentimento, recolher após aceitar, etc.).
O editor mostra uma prévia em tempo real do banner, para que você veja exatamente como ficará no seu site. Se preferir, pode usar o tema padrão que já é bonito e funcional — sem precisar alterar nada.
Minuto 4: Copie o Snippet
Após personalizar, vá até a página de Integração do seu site no dashboard. Lá você encontrará o snippet JavaScript — são apenas duas linhas de código que precisam ser coladas no HTML do seu site, antes do fechamento da tag </head>.
O snippet é assíncrono e pesa menos de 16KB (JavaScript + CSS), servido via CDN Cloudflare. Não impacta a velocidade do seu site ou a pontuação no PageSpeed Insights.
Minuto 5: Teste e Pronto!
Após colar o snippet, abra seu site em uma janela anônima do navegador. O banner deve aparecer imediatamente. Teste os botões de aceitar, rejeitar e personalizar. Verifique no dashboard do CookieFácil que os consentimentos estão sendo registrados.
Para verificar o Google Consent Mode v2, use a extensão Tag Assistant do Google Chrome. Você deve ver os sinais de consentimento (ad_storage, analytics_storage, etc.) atualizando conforme a interação do visitante com o banner.
Métodos Alternativos de Instalação
Google Tag Manager: Se você usa GTM, pode instalar o CookieFácil através de uma tag HTML personalizada ou usando nosso template de comunidade. Acesse a página de Integração no dashboard para instruções detalhadas.
WordPress: Cole o snippet no arquivo header.php do seu tema, ou use um plugin como "Insert Headers and Footers" para adicionar o código sem editar arquivos. Plugin dedicado do CookieFácil para WordPress estará disponível em breve.
Categorização de scripts: Para bloqueio prévio de scripts, adicione o atributo data-cookie-category="analytics" (ou marketing, functional) nas tags <script> que devem ser bloqueadas antes do consentimento. O banner do CookieFácil gerencia isso automaticamente.
Próximos Passos
Parabéns! Seu site agora está em conformidade com a LGPD e com o Google Consent Mode v2. A partir daqui, você pode: monitorar taxas de consentimento no dashboard, exportar logs para auditorias, personalizar o banner conforme a identidade da sua marca e, se necessário, fazer upgrade para um plano com mais sites e consentimentos.