Coloque aviso de cookies no seu site sem usar plugin

Não encha de plugins desnecessários o seu site, aprenda como fazer nesse post.

Se você tem um site em WordPress já deve ter lido por aí que o uso de plugins deixa o site lento e facilita invasões, então vou te ensinar com apenas dois códigos a colocar um Popup com aviso de cookies e consentimento de política de privacidade, no seu site WordPress ou HTML. (Veja o modelo abaixo)

Antes de começarmos, hoje é lei informar a coleta de dados no seu site, a Lei Geral de Proteção de Dados Pessoais (LGPD), para saber mais, clique aqui. É uma legislação brasileira que estabelece diretrizes para a coleta, tratamento e proteção de dados pessoais, visando garantir a privacidade e a segurança das informações de pessoas físicas. Inspirada em leis internacionais, como o Regulamento Geral sobre a Proteção de Dados (GDPR) da União Europeia, a LGPD foi sancionada em 2018 e entrou em vigor em setembro de 2020, por esse motivo é essencial e obrigatório ter essa informação no seu site.

Como criar página de política de privacidade.

Primeiro de tudo você deve ter uma página criada sobre política de privacidade no seu site, se não sabe como criar, use um gerador que cria o texto automaticamente de graça, clicando aqui.
Depois de criada vamos ao código:

Abaixo você terá o código do CSS, se você é programador ou entende um pouco de CSS, poderá mudar as cores, tamanho, fontes etc. Se você não tem essa habilidade, é só copiar que ele ficará conforme a imagem acima.

.cookieConsentContainer{z-index:999;width:350px;min-height:20px;box-sizing:border-box;padding:30px 30px 30px 30px;background:#232323;overflow:hidden;position:fixed;bottom:30px;right:30px;display:none}.cookieConsentContainer .cookieTitle a{font-family:OpenSans,arial,sans-serif;color:#fff;font-size:22px;line-height:20px;display:block}.cookieConsentContainer .cookieDesc p{margin:0;padding:0;font-family:OpenSans,arial,sans-serif;color:#fff;font-size:13px;line-height:20px;display:block;margin-top:10px}.cookieConsentContainer .cookieDesc a{font-family:OpenSans,arial,sans-serif;color:#fff;text-decoration:underline}.cookieConsentContainer .cookieButton a{display:inline-block;font-family:OpenSans,arial,sans-serif;color:#fff;font-size:14px;font-weight:700;margin-top:14px;background:#000;box-sizing:border-box;padding:15px 24px;text-align:center;transition:background .3s}.cookieConsentContainer .cookieButton a:hover{cursor:pointer;background:#3e9b67}@media (max-width:980px){.cookieConsentContainer{bottom:0!important;left:0!important;width:100%!important}}

Em seguida vamos ao código Javascript que fará 80% da mágica.

<script>var purecookieTitle="Cookies.",purecookieDesc="Este site utiliza cookies para te proporcionar uma melhor experiência. Ao continuar navegando, você aceita nossa Política de Privacidade.",purecookieLink='<a href="https://seusite.com.br/politica-privacidade/" target="_blank">Ok</a>',purecookieButton="Understood";function pureFadeIn(e,o){var i=document.getElementById(e);i.style.opacity=0,i.style.display=o||"block",function e(){var o=parseFloat(i.style.opacity);(o+=.02)>1||(i.style.opacity=o,requestAnimationFrame(e))}()}function pureFadeOut(e){var o=document.getElementById(e);o.style.opacity=1,function e(){(o.style.opacity-=.02)<0?o.style.display="none":requestAnimationFrame(e)}()}function setCookie(e,o,i){var t="";if(i){var n=new Date;n.setTime(n.getTime()+24*i*60*60*1e3),t="; expires="+n.toUTCString()}document.cookie=e+"="+(o||"")+t+"; path=/"}function getCookie(e){for(var o=e+"=",i=document.cookie.split(";"),t=0;t<i.length;t++){for(var n=i[t];" "==n.charAt(0);)n=n.substring(1,n.length);if(0==n.indexOf(o))return n.substring(o.length,n.length)}return null}function eraseCookie(e){document.cookie=e+"=; Max-Age=-99999999;"}function cookieConsent(){getCookie("purecookieDismiss")||(document.body.innerHTML+='<div class="cookieConsentContainer" id="cookieConsentContainer"><div class="cookieTitle"><a>'+purecookieTitle+'</a></div><div class="cookieDesc"><p>'+purecookieDesc+" "+purecookieLink+'</p></div><div class="cookieButton"><a onClick="purecookieDismiss();">'+purecookieButton+"</a></div></div>",pureFadeIn("cookieConsentContainer"))}function purecookieDismiss(){setCookie("purecookieDismiss","1",7),pureFadeOut("cookieConsentContainer")}window.onload=function(){cookieConsent()};</script>

No código acima aonde está destacado em negrito, são os textos e links que aparecerão no popup, então você pode mudar o texto se caso achar necessário e mudar o link para a url da sua página de política de privacidade.

Como inserir o código no seu WordPrees

Inserindo código JavaScript

Dentro do admin do seu WordPress clique em aparência/editor de arquivo de tema.

1- Agora clique em Footer ou Rodapé
2- Copie o código e cole depois da tag </body>
3- Depois clique em atualizar arquivo.

Se você seguiu o passo a passo o popup deve aparecer do lado esquerdo do seu site, conforme a imagem abaixo.

Esse tutorial aprendi nesse site cssscript.com, então deixando os créditos para quem criou, apenas mudei deixando para a realidade do nosso país Brasil.