Создать баннер 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: "https://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. Конструктор страницы политики конфиденциальности и обработки персональных данных (для сайта)