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