Уведомление о файлах cookie
Простой способ показать уведомление о файлах cookie на своем сайте, не перегружая его. Легкий (~1 КБ), быстро
Настройка
Внутренняя установка
{tocify} $title={Содержание}Почему рекомендуется внутренняя установка?
Скорее всего, на вашем сайте уже много таблиц стилей (CSS) и скриптов (JS), и цель этого решения Уведомление о файлах cookie — предоставить небольшое и легкое решение, которое не повлияет на скорость загрузки вашего сайта.
Каждый раз при загрузке *.CSS или *.JS файла браузер отправляет новый HTTP-запрос, и чем больше запросов на вашей веб-странице, тем медленнее загружается сайт.
Таким образом, включение кода Уведомления о файлах cookie непосредственно в вашу веб-страницу позволит избежать дополнительных HTTP-запросов и снизит нагрузку на сервер.
Добавьте следующий код в раздел HTML <head></head>
<style>
#cookie-notice {
display: none;
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
max-width: 450px;
margin: auto;
padding: 0.5rem;
border: 1px solid #eee;
background-color: #fefefe;
box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.05);
font-family: Arial, Helvetica, sans-serif;
line-height: 22px;
font-size: 15px;
text-align: center;
color: #555;
}
.cookie-notice-more {
margin: 0 0.25rem;
text-decoration-style: dashed;
color: inherit;
}
.cookie-notice-close {
padding: 0 0.5rem;
border: 1px solid #ddd;
border-radius: 0.125rem;
line-height: 20px;
text-decoration: none;
color: #888;
}
@media only screen and (min-width: 768px) {
#cookie-notice {
bottom: 1rem;
border-radius: 0.25rem;
}
.cookie-notice-close {
float: right;
}
}
</style>
Блок с заметкой: Добавьте следующий код в свой HTML <body></body> раздел.
<div id="cookie-notice">
We use cookies to deliver better experience. ( Замените своими словами)
<a href="https://about-cookies.eu.org" class="cookie-notice-more" target="_blank" rel="noopener">More info...</a>
<a href="javascript:void(0)" class="cookie-notice-close" onclick="closeCookieNotice()">OK</a>
</div>
Скрипт: Добавьте следующий код в нижний колонтитул HTML перед </body> закрывающим тегом.
<script>
function closeCookieNotice() {
const nowDate = new Date();
const expireDate = new Date(nowDate.setDate(nowDate.getDate() + 30)).toUTCString();
document.cookie = "cookie_notice=0;path=/;expires=" + expireDate + ";SameSite=Lax;";
document.getElementById("cookie-notice").style.display = "none";
};
document.addEventListener("DOMContentLoaded", function() {
const cookie_notice = ('; ' + document.cookie).split('; cookie_notice=').pop().split(';')[0];
if (cookie_notice !== "0") {
document.getElementById("cookie-notice").style.display = "block";
}
});
</script>
Вопросы и ответы
Должен ли я размещать на своем сайте уведомление о файлах cookie?
Если на вашем сайте используются какие-либо http-файлы cookie (файлы cookie для отслеживания, такие как Google Analytics, для установки предпочтений, сессионные файлы cookie и т. д.) и вы обслуживаете/принимаете/допускаете посетителей из Европейского союза (скорее всего, да), то в соответствии с Директивой ЕС о защите персональных данных вы обязаны четко указывать (в уведомлении), что на вашем сайте используются файлы cookie.
Совместимо ли это уведомление о файлах cookie со всеми браузерами?
Этот файл cookie совместим с 99,9 % современных мобильных и настольных браузеров, в которых включен JavaScript (по умолчанию он включен).
Нужен ли мне доступ к файлам моего сайта, чтобы настроить его?
Да. Чтобы отредактировать и вставить код Уведомления о файлах cookie, вам потребуется доступ FTP к файлам вашего сайта.
Будет ли уведомление отображаться только для пользователей из ЕС?
Уведомление о файлах cookie будет отображаться для всех пользователей независимо от страны или региона. Это простое решение для отображения уведомлений о файлах cookie. Для отображения уведомления только для пользователей из ЕС потребуется дополнительная настройка, например сервисы геолокации и дополнительный код.
Можно ли добавить это на сайт на WordPress?
Да. Для этого вам нужно просто отредактировать тему WordPress header.php и/или footer.php и вставить код Уведомления о файлах cookie. По умолчанию эти файлы находятся в каталоге /wp-content/themes/your-current-theme/ .
Пример Уведомление о файлах cookie
По умолчанию Темный
Все темы смотрите здесь
Скачайте файл для установки на сайт и руководство по настройке.