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":

GitHub - orestbida/cookieconsent: :cookie: Simple cross-browser cookie-consent plugin written in vanilla js
:cookie: Simple cross-browser cookie-consent plugin written in vanilla js - orestbida/cookieconsent

Podemos personalizar diversos recursos, e ir vendo como fica, isto tudo feito no Playground do Repositório:

CookieConsent v3 Playground
A playground/configurator for CookieConsent v3

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! 🌈🌟