Logo DrCode Logo DrCode

Blog

Blog / JS/Jquery / Aviso de cookies para meu site como colocar

Aviso de cookies para meu site como colocar

Aviso de Cookies no Site

Você sabe qual a importância de ter um aviso de cookies em seu site?

Sabe o que afinal é essa lei LGPD e o que são esses avisos de cookies que vemos nos sites?

Fique calmo caso não saiba, até o fim desse post você vai entender o que é essa tal lei e também como colocar um aviso de cookies em seu site.

O que é essa lei afinal?

Esta lei refere-se a privacidade dos usuários, ou seja, existe para proteger você e seus usuários.

Com o crescimento das redes sociais devido ao cenário atual, os sites e lojas virtuais passaram a coletar dados dos usuários. Um exemplo na prática disso? Lembra quando você entrou pela segunda vez naquele site? E ele já estava logado com seu usuário? Então, isso acontece pois aquele site já colocou um ou uns cookies em seu navegador para se lembrar que você já está com a permissão para acessar a área privada.

Praticamente tudo o que você faz na internet é armazenado em um cookie. Por isso estamos vendo tanto este aviso de cookie nos sites. E jaja você vai entender por que precisa de um aviso de cookies em seu site

Preciso colocar um aviso de cookies no meu site?

De forma clara e objetiva, sim! Quando a LGPD entrou em vigor em setembro de 2020, junto entrou a obrigação de todos os sites informarem aos seus usuários, de forma clara e objetiva, no formato de aviso de cookies, quais as intenções, e quais os possíveis usos dos cookies em seus sites, sejam eles online ou off-line.

Antes de mais nada vale ressaltar que para quem não colocar o aviso de cookies em seu site, é cabível uma multa que pode chegar até 2% do faturamento anual, com o teto de até R$ 50 mil.

Bora por a mão na massa

Já entendemos para que servem os cookies, o que é essa tal lei LGPD e concluímos que temos que colocar em nosso site. Então afinal, como colocamos?

Primeiramente preparei um script e deixei pronto para facilitar de um jeito que qualquer um coloque o aviso de cookies no site, seja desenvolvedor/programador ou não. Bem mamão com açúcar.

Por isso deixei bem fácil, e você pode baixa-lo clicando aqui e adicionar ao seu diretório de arquivos, caso prefira.

Caso não, pode seguir deste jeito aqui:

Após inserir a chamada do arquivo com a função teremos que fazer a chamada da função, o código todo deverá ficar dessa forma:

Antes de tudo, lembre-se de que todo o código deve ser adicionado antes do fechamento da tag body, até por uma questão de otimização. Sobretudo, caso esteja preocupado com a otimização, vale também a leitura do post Dicas SEO para programadores front end.

Definindo as configurações do aviso de cookies

A principio a função avisoCookiesDrcode({}) vem com todos os valores para que seja adicionada de forma simples e objetiva. Entretanto ela pode receber alguns parâmetros de configuração, aqui fica uma lista de cada parâmetro possível para a função de aviso de cookies.

Parâmetro Valor padrão Descrição
message Utilizamos cookies para que você tenha a melhor experiência em nosso site.
Para saber mais acesse nossa página de Política de Privacidade
A princípio é a mensagem que é apresentada na barra. Está mensagem pode ser texto ou html.
backgroundColor rgba(255,255,255,0.95) Cor do fundo da barra
textColor #666666 Cor do texto da mensagem
buttonBackgoundColor #0e9a20 Cor do fundo do botão
buttonHoverBackgoundColor #0a6b16 Cor do botão ao passar o mouse
buttonTextColor #ffffff Cor do texto do botão

Desde já, fica aqui um exemplo de como seria a configuração com todos os parâmetros:

Caso fique com alguma dúvida referente a este ou outro post, deixe um comentário que lhe ajudarei 😀

Você também pode gostar de ler:

Microdata e Microdados, o que são?

Tags: aviso de cookies cookies lei LGPD popup de cookies
Felipe Mello
Comentários