Pular para o conteúdo

ConsentBanner

O ConsentBanner pede a escolha do visitante sobre cookies. Os dois botões, aceitar e recusar, têm o mesmo estilo: recusar pesa tanto quanto aceitar. A escolha fica guardada no navegador do visitante (localStorage, com os valores granted ou denied).

O banner fica oculto no HTML. Só o script de consentimento o mostra, e só quando o visitante ainda não escolheu. Se o navegador não permite guardar a escolha (modo privado, dados do site bloqueados), o banner funciona, mas não lembra a resposta.

Se a página já enviou o consentimento granted e o visitante recusa depois, a revogação é enviada. Qualquer botão com o atributo data-consent-open reabre o banner: o rodapé pode trazer esse botão, para o visitante mudar a escolha.

Ele tem uma única variante, banner. Você passa o texto, o link da política e, se quiser, o rótulo de cada botão.

ConsentBanner

Pasta: ui/consent

Variantes

IdVarianteTom
consent-banner banner light

Propriedades

PropriedadeTipoObrigatóriaDescrição
text string Sim —
policyHref string Sim —
accept string Não —
reject string Não —
  • templates/one-page/files/src/pages/home.ts:64: ConsentBanner(c.consent, uiHost).
  • templates/multi-page/files/src/pages/layout.ts:96: no conjunto de elementos de todas as páginas do site.
  • templates/landing-page/models/evento/files/src/pages/home.ts:76.

Captura da variante (banner, em 1280 px):

Captura da galeria: seção ConsentBanner, variante banner, em 1280 px

A mesma variante em 360 px:

Captura da galeria: seção ConsentBanner, variante banner, em 360 px