Уведомления о cookie для WordPress: как включить и настроить на своем сайте

WordPress

На сайтах WordPress файлы cookie хранят разные данные о пользователях. По закону владельцы сайтов должны уведомлять всех посетителей об использовании этих файлов.

Уведомление для wordpress cookie

Зачем размещать на сайте WordPress куки-сообщение

Cookies — это файлы, в которых хранится информация о посетителях веб-сайта. Это в основном техническая информация. Такая как регион, операционная система пользователя, браузер и его версия, посещенные страницы, время посещения и др.

Cookies собирают, чтобы веб-мастеры могли анализировать аудиторию и улучшать свои сайты. Также информация используется в коммерческих целях. Владельцы интернет-магазинов отслеживают, что интересует покупателей, и используют эти знания для увеличения продаж.

Поскольку в cookies попадают личные данные пользователей, веб-мастеры обязаны предупреждать об этом своих посетителей. Это требование законодательства касается не только коммерческих ресурсов на базе WooCommerce, но и простых информационных сайтов на WordPress.

Если компания это правило не соблюдает, на нее может быть наложен штраф. В некоторых случаях ее онлайн-проект могут даже заблокировать.

Поэтому на сайте, который собирает cookies, должно появляться соответствующее предупреждение. Также вы должны предупредить Роскомнадзор о том, что являетесь оператором, собирающим персональные данные людей.

Кроме того, на вашем проекте должен быть раздел с текстом «Политика конфиденциальности». В этом документе отдельным пунктом должны быть изложены правила хранения персональных данных и сбора cookies. Как вариант, эти правила вы можете вывести на отдельной странице. А сам текст «Политики конфиденциальности» можно сгенерировать с помощью бесплатных сервисов.

В оповещении о том, что на сайте используются cookies, должна присутствовать кнопка, подтверждающая согласие посетителя на обработку и сбор его данных.

Лучшие плагины уведомлений об использовании на WordPress cookie-файлов

Чтобы соблюсти все законодательные нормы, вам придется добавить на свой сайт уведомления о сборе куки. Представляю вашему вниманию лучшие WordPress-плагины, способные легко справиться с этой задачей.

Clearfy Pro — многофункциональный плагин от русской команды разработчиков

В премиальном WordPress-модуле Clearfy Pro, содержащем тонкие настройки для оптимизации сайта, есть встроенная функция для отображения сообщения об использовании cookies.

При включении этой опции оповещение выводится в виде небольшого окошка внизу экрана. Настройки плагина позволяют менять местоположение такого окна cookies и его цветовую схему.

Плашка куки на Clearfy Pro

Другие полезные возможности модуля:

Устранение всего лишнего из исходного кода в WordPress. Плагин чистит код от ненужных ссылок в секции head, отключает эмодзи, удаляет ненужные стили, PHP и JS-строки.

Профессиональная SEO-оптимизация WordPress-сайта. Модуль полностью готовит ваш проект для ускоренного продвижения в поисковиках Яндекс и Google.

Улучшение безопасности вашего online-ресурса. Clearfy Pro закрывает множество уязвимостей WordPress, через которые хакеры могут взломать сайт. Например, он защищает имена пользователей, включая админский псевдоним, чтобы взломщики не могли подобрать пару логин-пароль методом перебора.

Полезные опции для защиты контента от копипаста. Благодаря этим функциям плагиаторы столкнутся с дополнительными сложностями при попытке своровать у вас тексты и картинки.

Скидка 15% на Clearfy Pro

My Popup — премиальный WordPress-плагин для создания всплывающих окон

Не обязательно устанавливать специальный модуль для создания уведомления о cookies. Сообщение можно вывести в попап-окне с помощью плагина всплывающих окон My Popup.

Это лучший способ, который предоставит веб-мастеру сразу несколько преимуществ:

Вы не ограничены в способах оформления окна с оповещением о cookies.

Плагин позволяет вывести красивую иконку или картинку, что сделает ваше сообщение о сборе кукис оригинальным.

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

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

В любой момент можно полностью поменять оформление и настройки окна о cookies, если предыдущий вариант чем-то не устраивал вас или ваших клиентов.

Лицензия на MyPopup

Рекомендую внимательнее изучить возможности модуля My PopUp в обзоре на нашем сайте

Пример всплывающего уведомления о сборе Cookie на My PopUp:

Всплывающее окно на My PopUp

Complianz — GDPR/CCPA Cookie Consent

Бесплатный модуль Cookie Complianz

Complianz — GDPR/CCPA Cookie Consent — бесплатный WP-плагин для настройки сообщения об использовании куки.

После установки модуля запускается мастер пошаговой настройки. С его помощью вы пройдете все необходимые этапы, позволяющие привести свой проект в соответствие с законами о конфиденциальности разных стран.

России в списке стран, на которые ориентирован этот плагин, нет. Однако вполне реально адаптировать страницу с Privacy Policy и баннер с уведомлением под требования российского законодательства.

На этапе Site Scan ваш ресурс будет просканирован, и вы увидите все файлы cookies, которые хранятся на сервере.
На шаге Documents будет предложено автоматически создать раздел на сайте с политикой конфиденциальности.
На последнем шаге вы можете включить опцию отображения баннера с оповещением о файлах куки.

Основные возможности, доступные в настройках:

Изменение внешнего вида, включая цвет фона, рамки, текста, кнопок и др.
Ввод собственного текста оповещения и заголовка.
Управление отображением уведомления на мобильных устройствах и десктопе.
Отключение уведомления при скроллинге или через определенное время пребывания пользователя на сайте.
Размещение баннера с сообщением по центру, слева или справа.
Выбор эффекта анимации.
Изменение ширины баннера.

Модуль также имеет расширенную коммерческую версию.

Cookie Notice & Compliance for GDPR / CCPA

Плашка про куки на Cookie Notice & Compliance for GDPR / CCPA

ВордПресс-модуль Cookie Notice & Compliance for GDPR / CCPA полностью бесплатный. Его функционал поделен на две части. Одна предлагает просто настроить баннер с уведомлением о файлах куки. А вторая — интегрировать ресурс с веб-сервисом Cookie Compliance.

Этот сервис помогает привести WordPress-проект в соответствие с международными законами о конфиденциальности. Полоса с уведомлением появится по умолчанию сразу после установки плагина.

В настройках вы можете поменять текст уведомления. Также доступны другие возможности:

Изменение текста кнопки согласия.
Добавление ссылки на страницу с политикой конфиденциальности.
Отображение уведомления при скроллинге.
Установка срока хранения файлов cookies.
Размещение полосы уведомления сверху или снизу.
Выбор стиля анимации при закрытии баннера.
Изменение цветов фона, текста и кнопки.
Управление уровнем прозрачности баннера.

GDPR/CCPA Cookie Consent Banner

GDPR/CCPA Cookie Consent Banner для соблюдения британских законов

GDPR/CCPA Cookie Consent Banner — плагин для приведения ресурса в соответствие с британскими законами о конфиденциальности.

Для работы с ним потребуется регистрация в сервисе Termly. В этом сервисе вам нужно добавить свой ресурс и получить ключ API. Только после введения этого ключа в консоли WordPress возможности модуля разблокируются, и вы сможете добавить на сайт уведомление об использовании cookies.

Для доменов в зоне РФ получить API-код невозможно.

Все настройки баннера производятся также внутри сервиса Termly. Возможности плагина:

Изменение цвета кнопки.
Выбор цвета фона баннера с уведомлением.
Изменение начертания и цвета шрифта.
Выбор места расположения баннера.

Если вы установите бесплатную базовую версию, то баннер будет выводиться только для 10 тысяч посетителей в месяц. Платная лицензия позволит увеличить этот лимит.

CookieYes — Cookie Banner for Cookie Consent

Расширение CookieYes — Cookie Banner for Cookie Consent

Сразу после активации модуля CookieYes на сайте появляется уведомление о cookies. По умолчанию форма согласия представляет собой прямоугольное окно, расположенное в левом нижнем углу макета WordPress.

Чтобы изменить внешний вид баннера, вы можете воспользоваться настройками плагина. В них доступны следующие опции:

Выбор из двух вариантов шаблона (с кнопкой согласия и без нее).
Изменение позиции на сайте (внизу слева, внизу справа, вверху слева или вверху справа).
Бесплатная версия позволяет показывать баннер 100 тысячам посетителей в месяц. Чтобы увеличить лимит, потребуется приобрести коммерческую лицензию.

Как вывести уведомление об использовании cookies без плагина

Если немного разбираетесь в web-разработке, вам не составит труда вывести небольшую полосу с уведомлением о файлах cookies без использования плагинов.

Зайдите в редактор тем WordPress и добавьте в самый низ файла стилей такой код:


.notification-bar {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background-color: rgba(0, 0, 0, 0.8);
color: white;
display: none;
align-items: center;
justify-content: center;}

.notification-bar p {
margin: 0;
text-align: center;}

#agreeButton {
background-color: #1e90ff;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
position: absolute;
right: 20px;}

.notification-bar {

position: fixed;

bottom: 0;

left: 0;

width: 100%;

height: 50px;

background-color: rgba(0, 0, 0, 0.8);

color: white;

display: none;

align-items: center;

justify-content: center;}

.notification-bar p {

margin: 0;

text-align: center;}

#agreeButton {

background-color: #1e90ff;

color: white;

border: none;

padding: 10px 20px;

border-radius: 5px;

cursor: pointer;

position: absolute;

right: 20px;}

Затем найдите файл footer.php и добавьте перед закрывающим тегом body следующий код:



<div>
<p>На сайте используются файлы куки для хранения данных.</p>
<button >ОК</button>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
const notificationBar = document.getElementById("notificationBar");
const agreeButton = document.getElementById("agreeButton");
// Проверяем, есть ли в локальном хранилище информация о закрытии полосы
const isNotificationClosed = localStorage.getItem("notificationClosed");
// Если полоса еще не была закрыта в текущей сессии, показываем ее
if (!isNotificationClosed) {
notificationBar.style.display = "flex";
}
// Обработчик события клика по кнопке "Согласен"
agreeButton.addEventListener("click", function() {
// Скрываем полосу уведомлений
notificationBar.style.display = "none";
// Сохраняем информацию о закрытии полосы в локальное хранилище
localStorage.setItem("notificationClosed", true);
});
});
</script>

<div>

<p>На сайте используются файлы куки для хранения данных.</p>

</div>

document.addEventListener("DOMContentLoaded", function() {

const notificationBar = document.getElementById("notificationBar");

const agreeButton = document.getElementById("agreeButton");

// Проверяем, есть ли в локальном хранилище информация о закрытии полосы

const isNotificationClosed = localStorage.getItem("notificationClosed");

// Если полоса еще не была закрыта в текущей сессии, показываем ее

if (!isNotificationClosed) {

notificationBar.style.display = "flex";

}

// Обработчик события клика по кнопке "Согласен"

agreeButton.addEventListener("click", function() {

// Скрываем полосу уведомлений

notificationBar.style.display = "none";

// Сохраняем информацию о закрытии полосы в локальное хранилище

localStorage.setItem("notificationClosed", true);

});

</script>

Ответы на популярные вопросы владельцев сайтов WordPress

Помешают ли сторонние плагины корректному отображению всплывающих окон?

Скрипты могут конфликтовать друг с другом, поэтому перед использованием сторонних плагинов на своем сайте необходимо тестировать их на совместимость с ранее установленным функционалом.

Какой текст написать в уведомлении об использовании cookie?

В сообщении можно указать текст в произвольной форме, уведомляющий посетителей о том, что на сайте используются файлы cookies.

На какую страницу сайта должен переходить посетитель при клике на ссылку в баннере о cookies?

Эта ссылка должна вести на страницу с информацией о правилах сбора и хранения персональных данных. Обычно такой страницей является «Политика конфиденциальности».

Cookies заблокированы при авторизации — что делать?

Это может случиться по самым разным причинам. Вспомните, какой плагин или WordPress-тему вы устанавливали перед тем, как возникла проблема. Через FTP получите доступ к файлам сайта и переименуйте папку с этим плагином или темой.
Еще одна распространенная причина связана с неправильной кодировкой файлов functions.php и wp-config.php. Скачайте их к себе на ПК и перекодируйте в UTF-8 (без BOM). Затем загрузите обратно на сервер.

Лучший вариант из всех перечисленных способов — это установка плагина Clearfy Pro. Он позволяет в один клик вывести функциональное окошко с уведомлением о файлах cookies, а также предоставляет много других полезных опций для подготовки ресурса на базе WordPress к продвижению в поисковиках.

Забрать Clearfy Pro со скидкой