Criar aviso de cookie para sites

Com este site você pode criar aviso de cookies para qualquer tipo de site, apenas com acesso ao código do site, usando o trecho de código HTML, além de tudo isso, o uso do dispositivo é open source.

Ou também pode utilizar o plano pago para usar a plataforma por completo.

Para isso, acesse o site: https://www.osano.com/cookieconsent/download/

Caso queira usar o aviso de forma gratuita, selecione a opção “Open Source Edition”.

Caso seja um usuário avançado de javascript, os desenvolvedores possuem uma documentação para customização: https://www.osano.com/cookieconsent/documentation/javascript-api/

Logo abaixo vai mostrar os recursos de configuração do seu aviso, personalize como quiser, e adicione a pagina de politica de privacidade.

Separaremos as etapas que você pode seguir para adicionar em seu site, com um passo a passo simples, que vamos descrever logo abaixo:

Importando bibliotecas

Primeiro você precisa importar as bibliotecas de código CSS e JS para seu site, você pode usar o CDN (ou baixe e importe o arquivo da biblioteca em seu servidor), como abaixo:

CSS

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

Cole o link do CDN de CSS antes do fechamento da tag </head> do seu site.

JS

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

Cole o link do CDN de JS antes do fechamento da tag </body> do seu site.

Script de configuração

Após isso, você precisa colocar também o trecho de script logo abaixo da biblioteca (antes do fechamento da tag body também), como no exemplo abaixo:

<script>
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#f5f5f5",
      "text": "#000000"
    },
    "button": {
      "background": "#0001ff",
      "text": "#ffffff"
    }
  },
  "content": {
    "message": "Este site usa cookies para garantir que você obtenha a melhor experiência de navegação. Desativar os cookies do site pode prejudicar a funcionalidade de alguns recursos.",
    "dismiss": "Concordar e fechar",
    "link": "Ler mais",
    "href": "https://seu-dominio-de-site.com.br/pagina-da-politica"
  }
});
</script>

Copie o código, cole nos respectivos locais em seu site, e pronto!

O aviso de cookie e politica de privacidade, já estará sendo exibido em seu site.

Para mais informações sobre instalação no seu site, ou para configurações e personalizações, você pode acessar o site do fornecedor.

Não tem conhecimento em programação ou edição de sites? Caso precise de ajuda com esta instalação, entre em contato com a gente via formulário de contato que podemos instalar em seu site.