BerryCookie é um serviço de consentimento para cookies (CMP) que construí para meus próprios sites e que agora qualquer um pode usar. Você coloca uma única linha de código na página, e o BerryCookie exibe o banner, bloqueia os rastreadores até que o visitante escolha e mantém a prova da escolha. Você pode começar com o plano gratuito.

Por que fizemos mais um banner de cookies

Tenho vários sites e todos precisam da mesma coisa: um banner de cookies que respeite o GDPR sem desacelerar as páginas. Soluções grandes, como o Cookiebot, fazem o trabalho, mas você paga por cada domínio e recebe muito mais do que realmente precisa. Muitas opções gratuitas, por outro lado, apenas exibem uma mensagem. Os scripts de analytics iniciam de qualquer forma, independentemente do que o visitante clicar. Um banner que não bloqueia nada não ajuda em nada em uma auditoria.

Decidi escrevê-lo do zero, com três regras: ser pequeno, realmente bloquear e funcionar em qualquer site, independentemente da tecnologia em que foi construído.

Como instalar

O script deve ser colocado primeiro em <head>, antes de qualquer rastreador:

<script id="BerryCookie" src="https://cdn.berrycookie.com/bc.js" data-key="CHAVE-DO-SITE" data-blockingmode="auto"></script>

A chave você encontra no painel do BerryCookie, depois de adicionar o site. Para WordPress, existe um plugin, e para Google Tag Manager, um template.

O que ele faz, concretamente

Bloqueia rastreadores até que haja consentimento

No modo automático, o BerryCookie reconhece rastreadores conhecidos, como Facebook, LinkedIn, TikTok, Hotjar ou Microsoft Clarity, e não os deixa rodar até que o visitante aceite a categoria apropriada. Funciona também para scripts adicionados na página por outros scripts, não apenas para os escritos diretamente em HTML.

Os seus scripts e iframes são marcados com uma categoria, por exemplo, estatísticas ou marketing, e só iniciam após o consentimento. Um vídeo do YouTube incluído no artigo só carrega depois que o visitante aceita os cookies de marketing.

Google Consent Mode v2

As tags do Google não são bloqueadas. Elas recebem os sinais do Google Consent Mode v2: por padrão, tudo é recusado, e após a decisão, a atualização é enviada. Google Analytics e Google Ads funcionam exatamente conforme permite a escolha do visitante, e no Google Tag Manager você recebe um evento separado que pode usar para construir os gatilhos.

Regras por regiões

Nem todos os visitantes têm os mesmos direitos. Para a União Europeia, o banner pede consentimento antes de iniciar qualquer coisa (opt-in). Para outras regiões, você pode escolher opt-out, onde tudo roda e o visitante pode recusar, ou pode não exibir o banner de forma alguma. As regras são definidas no painel, dependendo da barra do visitante.

Lista de cookies e centro de preferências

O visitante vê as categorias, cada uma com seu interruptor, e os cookies de cada categoria. Os cookies são declarados no painel, e a varredura mensal mostra o que foi encontrado efetivamente no site, para que nada fique não declarado. Depois de escolher, aparece um botão pequeno e redondo com o qual pode mudar a decisão a qualquer momento. Se o botão cobrir algo na página, pode movê-lo.

Registro de consentimentos

Cada decisão é registrada: quais categorias foram aceitas e quando. Se algum dia você precisar de prova de que um visitante deu consentimento, você a tem no registro.

Pequeno, para não desacelerar seu site

O script principal tem cerca de 7,5 kB comprimido e não depende de nenhuma outra biblioteca. A janela de preferências é carregada separadamente, depois que o banner já está na tela, assim a primeira exibição não espera. A escolha do visitante permanece em um cookie de primeira parte, no seu domínio.

O que nenhum banner pode fazer

Uma coisa que aprendi testando no navegador e que poucos podem dizer: o bloqueio automático impede que os rastreadores rodem, mas um <script src> escrito diretamente em HTML ainda pode ser baixado antes que qualquer JavaScript rode. O navegador lê a página antecipadamente e inicia os downloads cedo. Se você não quer que nem mesmo aquele pedido saia, marque a tag com type="text/plain" e uma categoria. Assim, o navegador não a baixa até que haja consentimento.

Daqui vem também outra regra: se o visitante retirar o consentimento para uma categoria, a página é recarregada. Um script que já está rodando não pode ser parado de fora, e o recarregamento é a única opção correta.

E mais uma coisa, para que fique claro: o BerryCookie ajuda você a respeitar as regras para cookies, mas não escreve a política de privacidade e não substitui o lugar de um advogado.

Se você vem do Cookiebot

BerryCookie entende também o atributo data-cookieconsent usado pelo Cookiebot. Se você já tem os scripts marcados para o Cookiebot, basta trocar a linha em <head>, e as marcações existentes continuam funcionando.

Planos

Você pode começar gratuitamente. Os planos pagos, Pro, Business e Agency, são para sites maiores e para agências que gerenciam mais clientes. Entre outras coisas, eles trazem suporte para IAB TCF v2.2, o padrão exigido por muitas redes de publicidade. Os detalhes e preços estão em berrycookie.com.

Por que escrevo sobre isso no Genstackcore

Genstackcore é o lugar onde conto o que estou construindo, e BerryCookie é um dos meus projetos. Mais sobre o blog você encontra aqui. Voltarei com artigos sobre como funciona por dentro, desde o bloqueio de scripts até os testes no navegador. Se você tentar e algo não funcionar como espera, escreva-me na página de contato.