Notícia

Home
-
Blog
-
Categoria: JavaScript
-
Cookie Consent em JavaScript

Cookie Consent em JavaScript

06 jan 2022

      Pode ser difícil imaginar trabalhar com algo em que você nunca fez ou mexeu. Na maioria dos casos essa é a realidade de um desenvolvedor. E tudo bem isso acontecer, até porque alguns até acham isso desafiador e promissor, lidar com tais desafios. Particularmente tem apreciado com muita expectativa todos desafios até aqui.

      Lidar com algo não previsto pode deixar você muito desconfortável, apavorado ou tranquilo. Acredito que muito vai depender da tarefa envolvida e de sua bagagem (experiência) já adquirida. Mas enfrentar desafios nunca antes enfrentados isso na certa ocorrerá uma hora ou outra em um ambiente de desenvolvimento. Por isso recomento forte mente gastar um tempo considerável em como fazer boas pesquisar e como encontrar, contudo, que possam te ajudar em uma hora de aperto, inevitavelmente isso será meio caminho trilhado. Em outras palavras, aprenda a aprender.

      Vou compartilhar uma situação que passei essa semana, nunca tinha feito antes, mas tudo ocorreu bem. Eu precisava implementar em um site uma sessão de cookie. Por felicidade, pesquisando encontrei uma maneira muito simples de implementar e acima de tudo "Open Source". 

      De maneira breve 3 passos são necessários. 

1 - Antes de fechar a tag </head> adicionar 

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

2 - Antes de fechar a tag </body> adicionar

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

3 - Por fim voce pode adicionar 

<script>
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#252e39"
    },
    "button": {
      "background": "#14a7d0"
    }
  },
  "theme": "classic",
  "content": {
    "message": "Sua mensagem aqui",
    "dismiss": "Aceitar",
    "link": "Saiba mais",
    "href": "www.codeline43.com.br"
  }
});
</script>

      É possível você customizar o background a mensagem o link o href de sua preferência.

      Voilá ou ... aqui está! Após esses passos essa funcionalidade estará ativa em seu site. Isso me ajudou e eu espero agora ajudar!

      Você pode obter mais detalhes neste link.

Se desejar, faça um comentário

Noticias e Eventos

Tutorial
Como Adicionar e Modificar HTML Usando Apenas JavaScript

Este tutorial aborda como adicionar e modificar elementos HTML usando JavaScript, mesmo em situações em que você só tem acesso ao código JavaScript..

Informação
Atualize o nível desejado da API até 31 de agosto de 2023 para publicar as atual

Atualização da API para uma Experiência de App Aprimorada

Email
Boas práticas e importância do desenvolvimento da tela de contato

Como garantir que sua tela de contato seja eficaz e segura para o usuário

Envie uma mensagem ou entre em contato com a Codeline43

Nós ligamos para você!

Solicite um orçamento, tire dúvidas
fale conosco (11) 95552-3543
entre em contato