O selo do Concedo no banner: onde fica e como esconder
O selo é a linha Protegido por Concedo no cabeçalho das três abas do banner, com o símbolo ao lado. O mesmo símbolo aparece no botão que fica na tela depois da decisão e reabre as preferências. O visitante pode arrastá-lo para o lado quando ele estiver na frente de alguma coisa (ele volta sozinho ao canto poucos segundos depois).
Onde esse botão fica é escolha sua, e você não precisa acertar por tentativa: na aba Banner dá para abrir uma página do seu site em outra janela, inclusive uma tela logada, arrastar o botão até o ponto certo e salvar dali. O passo a passo está em personalizar cores, textos e posição.
O selo faz parte de todos os planos
Não existe caixa na conta que o desligue: nem no gratuito, nem em nenhum dos degraus pagos. É a mesma escolha das CMPs de referência do mercado, e vale igual para todo mundo.
O que existe é o caminho abaixo: o site é seu, a folha de estilo é sua, e uma regra de CSS sua esconde o selo no seu domínio.
Esconder o selo
Cole no CSS do seu site (ou num <style> dentro do <head>):
#concedo::part(marca) {
display: none;
}
O cabeçalho do banner fica só com o seu logo. Não é preciso !important e não importa a
ordem: a regra do seu site vence a nossa.
Por que não funciona com #concedo .marca
O banner é desenhado dentro de um shadow root: um documento à parte, colado na sua
página. É o que garante que o CSS do seu tema não desmonte o banner e que o banner não
vaze estilo para o seu site. O preço é que seletores comuns não atravessam essa fronteira:
#concedo .marca { display: none } não alcança nada, e falha em silêncio, sem erro no
console.
::part() é a porta oficial dessa fronteira. Nós marcamos dois pedaços do banner com um
nome de part, e só esses dois:
part | O que é |
|---|---|
marca | A assinatura "Protegido por Concedo" no cabeçalho |
acionador | O botão flutuante que reabre as preferências |
resumo | O cartão que esse botão abre, com a escolha em vigor |
Funciona em Chrome, Edge, Firefox e Safari, no computador e no celular: os mesmos navegadores que o banner suporta.
O símbolo no botão flutuante
Esconder a assinatura do cabeçalho não tira o símbolo do botão flutuante, e é por isso que
existe o segundo part. Antes de usá-lo, saiba o que ele custa: esse botão é por onde o
visitante muda de ideia, e a LGPD cobra que retirar o consentimento seja tão fácil quanto
dá-lo.
#concedo::part(acionador) {
display: none;
}
Antes do CSS, saiba que o painel já faz isso por você: na aba Banner, o cartão Onde o visitante reabre as preferências troca o ícone flutuante por um link no seu rodapé, com o trecho pronto para copiar. Escolhendo por ali, o Concedo confere se o link está mesmo na página e avisa quando ele sumir. Essa troca faz parte dos planos pagos; o CSS abaixo funciona em qualquer plano, e a responsabilidade pelo caminho de volta passa a ser sua.
Se você escondê-lo, ofereça outro caminho no seu site; qualquer botão ou link serve, e o rodapé é o lugar de sempre:
<button type="button" onclick="concedo.abrirPreferencias()">Preferências de cookies</button>
Sem esse botão, quem já respondeu ao banner perde a forma de voltar atrás, e essa obrigação passa a ser do seu site.
O que o botão flutuante abre
Um clique nele abre um cartão curto com a escolha que está valendo. Há uma linha por finalidade, com ✓ para o que foi aceito e ✕ para o que foi recusado, além de dois caminhos: retirar o consentimento ou mudar o consentimento, que reabre o aviso completo.
Em Mostrar detalhes, o cartão exibe a data do consentimento e o ID do consentimento: um código gerado no navegador do visitante no momento da escolha e gravado junto com o registro. É por ele que você encontra a linha certa quando alguém pedir acesso aos próprios dados. Basta colar o código no campo de busca da tela de consentimentos do painel.
O cartão também tem part (resumo), pelo mesmo motivo dos outros dois.
Esconder o selo muda alguma coisa na conformidade?
Não. O selo é texto e link: não coleta nada, não altera o bloqueio de rastreador e não altera o registro da decisão. O banner continua fazendo o mesmo com ele à vista ou escondido.
Já esconder o botão flutuante sem colocar outro no lugar muda, sim: é o parágrafo acima.
Onde colar o CSS
No mesmo lugar em que você põe qualquer CSS do seu site: a folha de estilo do tema, o campo
de CSS adicional do WordPress ou do construtor de páginas, ou um <style> no <head>. O
selo não passa pelo painel do Concedo, então nada aqui depende de publicar de novo o seu
banner; o resto da aparência, esse sim, está em
personalizar cores, textos e posição.
Continue lendo
Personalizar cores, textos e posição do banner
O que a aba Banner controla, como a prévia ao vivo acompanha cada mudança, como posicionar o acionador na sua própria página e o que cada plano libera.
Os idiomas do banner e o que acontece com seus textos
Em que idiomas o banner aparece, como ele escolhe, por que os textos que você escreveu valem só em um deles e o que o registro guarda como prova.
Por quantos dias a escolha do visitante vale
Onde definir a validade do consentimento, qual é o teto de cada plano, o que acontece quando ela expira e por que mudar o texto da política zera a contagem.
Visitantes de fora do Brasil e o regime aplicado
O que muda quando você liga o regime por região, por que o opt-out americano não é escolhível, como a região é estimada e onde a decisão fica registrada.