Implantado Consentimento de Cookies Compatível com LGPD e GDPR
Olá meus Unicórnios! 🦄✨
O Consentimento de utilização de Cookies se tornou uma obrigatoriedades em todos os sites.
A implantação de um formulário de consentimento acaba demandando muito tempo.
Porem, existem ferramentas que nos ajudam a facilitar drasticamente, uma delas é o repositório "orestbida/cookieconsent":
Podemos personalizar diversos recursos, e ir vendo como fica, isto tudo feito no Playground do Repositório:
O Pluguin cria um espaço de aceite fixo:
E permite que o cliente marque as categorias que deseja permitir:
A implantação é muito simples, inicialmente carregamos o JS e o CSS do pluguin:
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@3.0.1/dist/cookieconsent.umd.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@3.0.1/dist/cookieconsent.css">
Em seguida, iniciamos o pluguin com as configurações desejadas:
<script language="javascript" type="text/javascript">
CookieConsent.run({
guiOptions: {
consentModal: {
layout: "box inline",
position: "bottom left",
equalWeightButtons: true,
flipButtons: false
},
preferencesModal: {
layout: "box",
position: "right",
equalWeightButtons: true,
flipButtons: false
}
},
categories: {
necessary: {
readOnly: true,
enabled: true
},
analytics: {
enabled: true
},
ads: {
enabled: true
}
},
language: {
default: "pt_BR",
translations: {
pt_BR: {
consentModal: {
title: "Controle sua Privacidade",
description: "Nosso site usa cookies para melhorar a navegação.",
closeIconLabel: "",
acceptAllBtn: "Aceitar",
acceptNecessaryBtn: "Rejeitar",
showPreferencesBtn: "Customizar",
footer: "<a href=\"/politica-de-privacidade/\">Política de Privacidade</a>\n<a href=\"/termos-e-condicoes/\">Termos de uso</a>"
},
preferencesModal: {
title: "Quem pode usar seus Cookies?",
closeIconLabel: "Fechar",
acceptAllBtn: "Aceitar Todos",
acceptNecessaryBtn: "Rejeitar Todos",
savePreferencesBtn: "Salvar Opções",
serviceCounterLabel: "Service|Services",
sections: [
{
title: "",
description: "Utilizamos cookies para melhorar a experiência de navegação dos utilizadores e fornecer-lhes funcionalidades adicionais. Poderá configurar o seu browser por forma a impedir a instalação de 'cookies' no seu computador. No entanto isso poderá tornar a sua navegação mais lenta. Saiba mais sobre o tipo de cookies utilizados no nosso Website e como configurar na nossa Política de Cookies",
linkedCategory: ""
},
{
title: "Necessários <span class=\"pm__badge\">Sempre Ativados</span>",
description: "Os cookies necessários são essenciais para o funcionamento do site, sem eles o site não funcionaria corretamente. (por exemplo, acesso a áreas seguras do site, segurança, legislação)",
linkedCategory: "necessary"
},
{
title: "Estatísticas",
description: "Os cookies de estatísticas, ou análises, traduzem as interações dos visitantes em relatórios detalhados de comportamento, de maneira anônima.",
linkedCategory: "analytics"
},
{
title: "Marketing",
description: "Os cookies de marketing ou publicidade rastreiam a navegação dos visitantes e coletam dados para que a empresa possa fornecer anúncios mais relevantes de acordo com tal comportamento.",
linkedCategory: "analytics"
}
]
}
}
}
}
});
</script>
Por hoje é só, meus unicórnios! 🦄✨
Que a magia do arco-íris continue brilhando em suas vidas! Até mais! 🌈🌟