O banner de cookies costuma ser a primeira coisa que aparece para alguém que visita um site. Se a mensagem é vaga, bloqueia o conteúdo ou oferece um único botão de aceitação, a pessoa não consegue entender o que está escolhendo. Um bom aviso começa pelo inventário das tecnologias usadas e apresenta opções em linguagem clara, conectadas à política de privacidade e ao comportamento real dos scripts.

Cookies podem guardar preferências, manter uma sessão, medir visitas ou apoiar publicidade. Nem todo cookie tem o mesmo propósito nem a mesma necessidade. Por isso, copiar um banner pronto sem descobrir o que o site instala cria uma aparência de controle sem garantir que a escolha esteja ligada à tecnologia.

Comece identificando tecnologias e finalidades

Faça um inventário antes de desenhar a caixa. Registre cada cookie ou tecnologia equivalente, domínio, duração, dados envolvidos, finalidade, fornecedor, momento em que é acionado e se funciona sem a escolha do visitante. Verifique scripts próprios, ferramentas de análise, publicidade, vídeo incorporado, chat, mapas e tags de terceiros.

Teste em uma sessão limpa e observe as requisições antes e depois de interagir com o aviso. Compare o navegador sem escolhas com o estado de consentimento aceito, recusado e personalizado. O inventário pode revelar scripts que são carregados antes do clique ou cookies esquecidos de ferramentas que a equipe não usa mais.

A ANPD publica o guia orientativo sobre cookies e proteção de dados pessoais, com conceitos e recomendações relacionadas ao uso em sites. As perguntas frequentes da ANPD sobre a LGPD resumem hipóteses legais de tratamento de dados e ajudam a entender por que as escolhas precisam ser avaliadas conforme a finalidade. A aplicação depende do contexto e da operação concreta, então um artigo introdutório não substitui análise jurídica.

Explique o que a pessoa pode escolher

Descreva categorias por finalidade com palavras que façam sentido para quem não trabalha com tecnologia. “Necessários”, “medição de audiência” e “publicidade personalizada” dão mais contexto que identificadores internos de tags. A explicação deve corresponder aos scripts incluídos naquela categoria.

Evite reunir ferramentas distintas em uma categoria ampla apenas para reduzir o número de escolhas. Se uma plataforma de vídeo, uma ferramenta de analytics e uma rede de anúncios têm finalidades diferentes, agrupá-las sem explicação torna o controle pouco informativo. Mantenha o texto curto no primeiro nível e ofereça detalhes em configurações ou política.

Apresente ações reconhecíveis. A pessoa pode aceitar, recusar tecnologias opcionais e ajustar preferências, quando aplicável. Não esconda a recusa em uma tela secundária, nem transforme a aceitação em um botão colorido e a recusa em um link quase invisível. A interface precisa explicar a diferença entre fechar o aviso e salvar uma decisão.

Faça escolhas granulares sem criar um labirinto

Nem todo site precisa abrir uma lista técnica de dezenas de cookies na primeira tela. Uma estrutura em camadas ajuda: um resumo inicial, categorias com finalidade e uma área de configurações para detalhes. O essencial é que opções relevantes permaneçam alcançáveis e que a pessoa consiga mudar a decisão posteriormente.

Se houver categorias opcionais, use controles compreensíveis, rótulos associados e estados visuais acessíveis. Não use somente cor para indicar ativado ou desativado. Descreva quais categorias são necessárias para o funcionamento e quais são opcionais, sem sugerir que todos os rastreadores são indispensáveis para navegar.

O artigo sobre UX writing para formulários mostra como rótulos, instruções e confirmações reduzem dúvidas em fluxos com escolhas. O mesmo cuidado vale para o banner: título, botões, descrição e retorno após salvar precisam comunicar a consequência real do clique.

Conecte a interface ao bloqueio técnico

Um banner que registra a escolha mas não controla os scripts não implementa a preferência. Integre o estado salvo ao gerenciador de tags ou ao carregamento dos fornecedores, de modo que tecnologias opcionais respeitem a decisão definida. A solução depende da arquitetura do site, das ferramentas instaladas e das bases aplicáveis.

Teste cada estado em uma janela limpa. Em “recusar”, confirme se os scripts opcionais realmente não foram carregados. Em “aceitar”, verifique se as categorias correspondentes são ativadas. Em preferências personalizadas, teste as combinações. Se o estado não puder ser lido por uma tag, o usuário pode ter clicado corretamente sem alterar a coleta.

Verifique também a persistência. Atualizar a página, abrir outra seção ou retornar depois deve produzir o comportamento previsto. O site precisa armazenar a informação de escolha de modo seguro e consistente, sem solicitar a mesma decisão em todas as páginas por erro de integração.

Deixe a política de privacidade acompanhar o banner

A política deve explicar quais dados são coletados, por que, por quem e como as tecnologias se relacionam com os serviços. Não use uma lista genérica que promete excluir cookies de terceiros enquanto o site continua carregando ferramentas externas. Mantenha nomes dos fornecedores, finalidades e prazos coerentes com o inventário atual.

Quando uma ferramenta muda, revise política, categorias, textos do banner e configuração técnica. Defina uma pessoa responsável por aprovar novas tags. Sem governança, campanhas temporárias adicionam scripts que nunca são removidos e o banner deixa de representar o site real.

Política e aviso cumprem papéis diferentes: o aviso ajuda a decidir no momento, enquanto a política aprofunda informações. Um texto não substitui o outro. Permita acessar a política pelo banner sem interromper a tarefa principal da página.

Desenhe uma experiência que funciona em celular

Em uma tela pequena, o aviso não deve cobrir todas as informações nem empurrar controles para fora do viewport. Organize as ações com ordem visual equilibrada, botões tocáveis e conteúdo que possa rolar. Preserve foco do teclado e permita fechar ou reabrir preferências de forma previsível.

Teste zoom, leitor de tela e navegação sem mouse. Ao abrir uma janela de configurações, conduza o foco para ela e devolva-o ao ponto anterior quando a janela fechar. Informe estados por texto e propriedades semânticas, não apenas pela aparência visual.

Uma política bem escrita continua importante, mas o primeiro contato deve ser simples o bastante para que alguém compreenda o que está sendo solicitado. Se o texto exige leitura jurídica para localizar “recusar”, reveja o desenho antes de publicar.

Monitore mudanças e mantenha o inventário vivo

Revise tags depois de lançar campanhas, mudar ferramenta de analytics, inserir vídeos ou reformular o site. Faça uma varredura programada e compare os resultados com o inventário aprovado. Cada serviço externo deve ter responsável e justificativa de uso.

Registre data da revisão, mudanças e teste dos estados do banner. Se uma escolha for salva e depois os fornecedores mudarem, confira se categorias antigas ainda fazem sentido. A rotina não precisa ser pesada; pode fazer parte da revisão de releases ou de campanhas relevantes.

O briefing de site empresarial ajuda a colocar responsabilidades e entregas na mesa desde o início do projeto. Inclua privacidade, ferramentas de terceiros e manutenção do consentimento nas conversas com marketing, desenvolvimento e quem administra os dados.

Checklist antes de colocar no ar

  • O site foi testado para listar cookies e scripts por finalidade?
  • O texto do banner corresponde às ferramentas realmente usadas?
  • As escolhas importantes estão claras e acessíveis?
  • Recusa e personalização produzem o comportamento técnico descrito?
  • A política de privacidade está coerente e atualizada?
  • A janela funciona em celular, com teclado e leitor de tela?
  • Existe uma pessoa responsável por revisar novas tecnologias?

Um banner confiável começa na tecnologia que o site carrega e termina na escolha que a pessoa consegue entender. Inventário, linguagem clara, interface acessível e integração técnica devem contar a mesma história. Para decisões sobre obrigações legais e bases de tratamento, consulte profissionais qualificados e a orientação oficial da ANPD.