Como Adicionar Aviso de Cookie sem plugin no WordPress
Adicionar um aviso de cookie ao seu site WordPress é uma ótima maneira de estar em conformidade com as leis de cookies da União Europeia. Essas leis exigem que os sites ofereçam aos visitantes a opção de aceitar cookies usados para coisas como análise de sites e publicidade direcionada.
Embora existam muitos plug-ins do WordPress que adicionam um aviso de cookie ao seu site, é fácil fazer isso sem um. Tudo o que você precisa fazer é adicionar um pouco de código ao arquivo footer.php do seu site.
É importante para o sucesso do seu site ter um Aviso de Cookie para os visitantes. Conforme a regulamentação muda, todo site precisa estar em conformidade com GDPR, CCPA e outros requisitos locais.
Felizmente, você pode adicionar um Aviso de Cookie ao WordPress facilmente e nenhum plug-in é necessário. Veja como:
Adicionar Aviso de Cookies com um Tema
A maneira mais fácil de adicionar um aviso de cookie ao WordPress sem um plug-in é adicioná-lo diretamente ao seu tema.
Muitos temas integraram uma função de Aviso de Cookie, você pode tentar procurar a configuração nas opções do tema. Por exemplo, se o seu tema estiver usando o GDPR Framework, a configuração do aviso de cookie é fácil.
Leis mais: Melhores plugins do WordPress para o seu site – pagos e gratuitos
Adicionar o aviso de cookie com código
Se o seu tema não fornecer nenhuma configuração para o Aviso de Cookie, você pode adicionar manualmente o snippet de código ao seu tema.
Acesse o arquivo footer.php na pasta do tema que você está usando, copie todo o código abaixo e cole antes do final do tag de fechamento </footer> no rodapé da página.
Confira a demonstração abaixo:
Aqui está o código que você precisará adicionar:
<!-- Aviso para salvar cookies no navegador -->
<div id="cookieNotice" class="light display-right" style="display: none;">
<div id="closeIcon" style="display: none;">
</div>
<div class="titcoo">Salvar conteúdo de cookies</div>
<div class="boxcoo">
<div class="ndcoo">
<p>Este site usa cookies para aprimorar sua experiência de navegação e fornecer recomendações personalizadas. Ao continuar a usar nosso site, você concorda com a <a href="/politica-privacidade">Política de Privacidade</a></p>
<div class="dongycoo">
<button class="cookok" onclick="acceptCookieConsent();">Aceitar</button>
</div>
</div>
</div>
</div>
<script>
// Create cookie
function setCookie(cname, cvalue, exdays) {
const d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
let expires = "expires="+ d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
// Delete cookie
function deleteCookie(cname) {
const d = new Date();
d.setTime(d.getTime() + (24*60*60*1000));
let expires = "expires="+ d.toUTCString();
document.cookie = cname + "=;" + expires + ";path=/";
}
// Read cookie
function getCookie(cname) {
let name = cname + "=";
let decodedCookie = decodeURIComponent(document.cookie);
let ca = decodedCookie.split(';');
for(let i = 0; i <ca.length; i++) {
let c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
// Set cookie consent
function acceptCookieConsent(){
deleteCookie('user_cookie_consent');
setCookie('user_cookie_consent', 1, 30);
document.getElementById("cookieNotice").style.display = "none";
}
let cookie_consent = getCookie("user_cookie_consent");
if(cookie_consent != ""){
document.getElementById("cookieNotice").style.display = "none";
}else{
document.getElementById("cookieNotice").style.display = "block";
}
</script>
<style>
#cookieNotice.light {
background-color: #fff;
color: #555;
font-size:14px;
}
#cookieNotice.display-right {
left: 10px;
bottom: 10px;
max-width: 395px;
}
#cookieNotice {
position: fixed;
padding: 20px;
border-radius: 10px;
z-index: 999997;
box-shadow:1px 2px 10px #999;
}
button.cookok{background:#7F3EAE;padding:10px;width:100%;border:none;border-radius:10px;color:#fff;font-weight:bold;font-size:16px;box-shadow:1px 2px 5px #f1f1f1;}
.ndcoo a{color:#2E56BA;}
.titcoo{font-size:18px;font-weight:bold}
</style>
<!-- Aviso para salvar cookies no navegador -->Alternativa: Use um gerenciador de scripts
Se você não deseja copiar e colar códigos, também pode tentar um gerenciador de scripts como o Perfmatters, que permitirá adicionar o Aviso de Cookie ao seu site sem precisar copiar nenhum código.
Para fazer isso, basta colar o trecho de código fornecido pelo seu plug-in ou provedor de aviso de cookie no gerenciador de scripts e você pode optar por adicionar o código para todas as páginas ou apenas para as que desejar.
Conclusão
Adicionar um Aviso de Cookies no WordPress manualmente é fácil. Você só precisa decidir qual dos 3 métodos funciona melhor para você, dependendo do tema que está executando e de suas habilidades técnicas.