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