Создать баннер cookies для получения согласия пользователя

Создать баннер cookies для получения согласия пользователя

Как Создать баннер cookies для получения согласия пользователя? Как разместить всплывающее окно согласия на обработку персональных данных с текстом политики конфиденциальности?

Так случается, что по разным причинам, сайт отслеживает куки, и по разным причинам сайт должен получить разрешение от пользователя сайта на обработку таких данных, в том числе и персональных.

Сам код баннера cookies для получения согласия пользователя, нужно вставить перед тегом </body>.
Вам также необходимо вставить свои скрипты, требующие согласия cookie, в функцию myScripts() вместо приведенных в коде примеров (Google Analytics и Facebook Pixel)

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.js" data-cfasync="false"></script>
<script>
window.addEventListener('load', function(){
  window.cookieconsent.initialise({
   revokeBtn: "<div class='cc-revoke'></div>",
   type: "opt-in",
   theme: "classic",
   palette: {
       popup: {
           background: "#43a",
           text: "#fff"
        },
       button: {
           background: "#e27",
           text: "#fff"
        }
    },
   content: {
       message: "Этот веб-сайт использует куки-файлы, чтобы обеспечить вам максимальный комфорт на нашем веб-сайте. ",
       link: "Подробнее",
       allow: "Принять и закрыть!",
       deny: "Не принимаю",
       href: "http://freelance-script.abuyfile.com/privacy-policy/"
    },
    onInitialise: function(status) {
      if(status == cookieconsent.status.allow) myScripts();
    },
    onStatusChange: function(status) {
      if (this.hasConsented()) myScripts();
    }
  })
});

function myScripts() {

   // Тут пользовательский код. Paste here your scripts that use cookies requiring consent. See examples below

   // Google Analytics, you need to change ...

   // Facebook Pixel Code, you need to change ...

}
</script>

 

Полезные ресурсы:

1. Конструктор баннера cookies для получения согласия пользователя.

2. О cookies, Что такое cookies? Файлы cookie.

3. Другой пример кода для конструирования баннера.

4. Конструктор страницы политики конфиденциальности и обработки персональных данных (для сайта)

 

 

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *