Tutorial: Como instalar aviso de cookies no seu site (Maneira facil e correta para configuração)

Tutorial: Como instalar aviso de cookies no seu site

Se você tem um site e precisa adicionar um aviso de cookies para conformidade com a LGPD e outras regulamentações, siga esse passo a passo simples! 💻

💻 1. Copie o código completo abaixo

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />


<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>


<script>
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#98b832"
    },
    "button": {
      "background": "transparent",
      "border": "#222222",
      "text": "#222222"
    }
  },
  "content": {
    "message": "Este site usa cookies para garantir que você obtenha a melhor experiência em nosso site.",
    "dismiss": "Entendi!",
    "link": "Política de Privacidade",
    "href": "https://www.seudominio.com.br/politica-de-privacidade"
  }
});
</script>
            

🛠️ 2. Cole o código no seu site

👉 Se estiver usando Blogspot (Blogger):

Acesse o painel do Blogger.

• Vá até Tema > clique em Editar HTML.
• No código, cole o bloco completo acima antes da tag .
• Use Ctrl+F e procure por para encontrar o local exato.
• Salve as alterações.

👉 Se for um site HTML próprio:

Abrir o arquivo .html principal do seu site (geralmente index.html).

• Cole o código acima antes da tag no final do arquivo.
• Salve o arquivo e envie para seu servidor (via FTP, cPanel, etc.).

👉 Se estiver usando WordPress com editor de código:

• Vá até o painel do WordPress.
• Vá em Aparência > Editor de Arquivos de Tema.
• No arquivo footer.php, cole o código antes da linha que contém .
• Salve as alterações.

🔗 3. Atualize o link da sua política de privacidade

No código acima, altere esta parte:

"href": "https://www.seudominio.com.br/politica-de-privacidade"

Para o link real da sua Política de Privacidade.

🎨 4. (Opcional) Personalize o estilo

Você pode ajustar as cores no trecho "palette" para combinar com o visual do seu site.

"popup": { "background": "#000000" },
"button": { "background": "#ffffff", "text": "#000000" }

✅ 5. Pronto!

Depois de salvar e atualizar seu site, o aviso de cookies aparecerá automaticamente para os visitantes — uma vez por navegador.