Как добавить всплывающее окно с файлами cookie в WordPress для соблюдения GDPR/CCPA

Опубликовано: 2023-09-07

Хотите добавить всплывающее окно согласия на использование файлов cookie в WordPress?

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

В этой статье мы покажем вам, как добавить всплывающее окно с файлами cookie в WordPress.

How to Add cookies popup in WordPress

Зачем нужны всплывающие окна с файлами cookie?

Файлы cookie браузера — это небольшие файлы, содержащие данные, отправленные веб-сайтом для хранения в браузере пользователя. Большинство веб-сайтов WordPress устанавливают файлы cookie для различных целей.

Например, по умолчанию WordPress использует файлы cookie в целях аутентификации для хранения информации о сеансе для вошедших в систему пользователей. Он также устанавливает файл cookie, когда кто-то оставляет комментарий на вашем сайте.

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

Вы можете узнать, как ваш сайт использует файлы cookie, ознакомившись с нашим руководством о том, как узнать, использует ли ваш сайт WordPress файлы cookie.

Хотя файлы cookie чрезвычайно полезны, их также можно использовать для сбора информации о пользователе и передачи ее сторонним рекламным платформам.

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

Cookie notice preview

Самый простой способ сделать это — использовать плагин WordPress GDPR. Cookie Notification и Cookiebot — два самых популярных плагина уведомлений о файлах cookie, совместимые со многими другими популярными плагинами WordPress.

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

  • Способ 1: добавьте всплывающее окно с уведомлением о файлах cookie (самый простой)
  • Способ 2. Добавьте всплывающее окно с файлами cookie с помощью Cookiebot (многофункциональный)
  • Бонус: улучшите соответствие GDPR с помощью MonsterInsights

Способ 1: добавьте всплывающее окно с уведомлением о файлах cookie (самый простой)

Сначала вам необходимо установить и активировать плагин «Уведомление о файлах cookie и соответствие требованиям GDPR/CCPA». Более подробную информацию можно найти в нашем пошаговом руководстве по установке плагина WordPress.

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

Cookie notice default message

Если вы хотите настроить уведомление, вам нужно посетить пункт меню «Файлы cookie» на панели управления WordPress.

Отсюда просто прокрутите вниз до раздела «Настройки уведомлений».

Edit cookie notice message

На этой странице вы можете настроить всплывающее сообщение и текст кнопки.

Вы также можете добавить ссылку на страницу политики конфиденциальности. Если вы еще не создали ее, вы можете воспользоваться нашим руководством о том, как создать страницу политики конфиденциальности в WordPress.

После этого вы можете выбрать эту страницу в раскрывающемся меню «Политика конфиденциальности».

Enable privacy policy link

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

Для этого просто установите флажки «Отказаться от согласия» и «Отозвать согласие». Настройки по умолчанию подходят для большинства веб-сайтов.

Refuse consent settings

Если вы прокрутите вниз до раздела «Дизайн уведомления», вы сможете выбрать положение, анимацию, стиль кнопок и цвета всплывающего окна согласия на использование файлов cookie.

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

Edit design of notice

Когда вы закончите, нажмите кнопку «Сохранить изменения» в конце, чтобы сохранить настройки.

Теперь вы можете посетить свой веб-сайт и увидеть всплывающее окно согласия на использование файлов cookie в действии.

Cookie notice default message

Способ 2. Добавьте всплывающее окно с файлами cookie с помощью Cookiebot (многофункциональный)

Другой метод настройки всплывающих окон с файлами cookie — использование плагина баннера Cookie для WordPress или плагина Cookiebot.

Хотя его не так просто настроить, как Уведомление о файлах cookie, и он не будет работать, если вы не зарегистрируете бесплатную учетную запись Cookiebot, он предлагает некоторые дополнительные параметры настройки.

Сначала вы можете установить и активировать плагин баннера cookie для WordPress. Более подробную информацию можно найти в нашем пошаговом руководстве по установке плагина WordPress.

После активации на вашу панель управления WordPress добавляется новый раздел Cookiebot. Вам нужно будет перейти в Cookiebot »Настройки на панели управления WordPress, чтобы настроить плагин.

Если у вас еще нет идентификатора Cookiebot, вам необходимо зарегистрировать его, нажав кнопку «Создать новую учетную запись».

Create a new Cookiebot account

Затем веб-сайт Cookiebot откроется в новой вкладке вашего браузера.

Введите свой адрес электронной почты и пароль. Вам также нужно будет установить флажки «Условия обслуживания», «Политика конфиденциальности» и «DPA».

Create a CookieBot account

Как только это будет сделано, вы можете нажать кнопку «Создать учетную запись».

Далее вы увидите настройки Cookitbot. Добавьте URL-адрес своего веб-сайта в поле Доменное имя. В бесплатной версии вы можете добавить только 1 доменное имя.

Add domain name to Cookiebot

После этого вам нужно будет перейти на вкладку «Ваши скрипты».

Отсюда просто скопируйте «Идентификатор группы доменов».

Copy domain group ID

Затем вы можете вернуться к настройкам Cookiebot на панели управления WordPress.

На вкладке «Общие настройки» прокрутите вниз до раздела «Подключите группу домена» и введите идентификатор в поле «Добавить идентификатор группы домена».

Enter your domain group ID

Как только это будет сделано, не забудьте нажать кнопку «Сохранить изменения» вверху.

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

Вы также можете выбрать режим блокировки файлов cookie. Мы рекомендуем использовать «Режим автоматической блокировки файлов cookie», поскольку плагин блокирует все файлы cookie, кроме тех, которые строго необходимы, пока пользователь не даст согласие.

Select language and cookie blocking settings

Возможно, вы захотите установить флажок «Автоматическое обновление Cookiebot» на вкладке «Дополнительные настройки».

Таким образом, плагин всегда будет в курсе любых изменений в законодательстве GDPR.

Automatic Cookiebot plugin update

В целях тестирования вам также следует включить опцию «Рендеринг Cookiebot CMP во внешнем интерфейсе при входе в систему».

Если вы оставите его отключенным, вы не увидите всплывающее окно при входе на свой сайт WordPress.

Enable Cookiebot for logged in users

После того, как вы закончите с настройками, не забудьте нажать кнопку «Сохранить изменения» внизу.

Настройте всплывающее уведомление о файлах cookie

Мы еще не закончили, но уже близко. Чтобы завершить настройку Cookiebot, вам нужно вернуться на сайт Cookiebot.

Затем вам нужно перейти на вкладку «Баннер» на веб-сайте Cookiebot.

Customize Cookiebot banner

Здесь вы можете выбрать шаблон, отредактировать положение и внешний вид всплывающего окна.

Вы сможете увидеть изменения, нажав кнопку «Предварительный просмотр» или вернувшись на свой веб-сайт.

Preview cookiebot popup changes

Если вы заметили, что формулировка, используемая во всплывающем окне, не соответствует причинам, по которым ваш сайт использует файлы cookie, вы можете изменить ее.

Вы найдете необходимые настройки, перейдя на вкладку «Содержимое» на веб-сайте Cookiebot.

Edit content of cookie notice

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

Вам нужно начать с перехода на вкладку «Декларация» на веб-сайте Cookiebot. По умолчанию в декларации файлов cookie используется формулировка по умолчанию Cookiebot.

Declaration settings in Cookiebot

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

Альтернативно вы можете просто ввести собственное заявление в свою политику конфиденциальности, но при этом вы упустите такие функции, как ссылки, по которым посетители могут изменить или отозвать свое согласие.

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

Enter cookie declaration shortcode

Чтобы увидеть декларацию, вам необходимо сохранить и просмотреть страницу.

Вот как выглядят первые несколько абзацев на нашем тестовом сайте.

Privacy declaration

Бонус: улучшите соответствие GDPR с помощью MonsterInsights

MonsterInsights — лучшее аналитическое решение для вашего сайта WordPress. Это также самый простой способ улучшить соблюдение GDPR и других правил конфиденциальности.

Это потому, что MonsterInsights предлагает дополнение «Соответствие ЕС», которое работает «из коробки». Он автоматически изменит ваши настройки аналитики, чтобы помочь вам соблюдать законы о конфиденциальности.

The MonsterInsights Google Analytics plugin

Надстройка соответствия требованиям ЕС включена в премиальный план. Самое приятное то, что он автоматически интегрируется как с Cookie Notification, так и с Cookiebot.

Первым шагом является установка плагина MonsterInsights и подключение его к вашей учетной записи Google Analytics. Для получения дополнительной информации см. наше руководство по установке Google Analytics с помощью MonsterInsights.

После установки и настройки MonsterInsights вам необходимо будет установить и активировать надстройку «Соответствие ЕС».

Вы можете сделать это, перейдя на страницу Insights »Addons на панели инструментов WordPress. Затем найдите дополнение «Соответствие ЕС» и нажмите кнопку «Установить».

MonsterInsights EU compliance addon

Аддон будет автоматически активирован.

Вы можете проверить это, перейдя на страницу MonsterInsights »Настройки и переключившись на вкладку «Вовлеченность».

Когда вы посмотрите раздел «Соответствие ЕС», вы увидите, что дополнение включено.

View EU compliance settings

Если вы щелкнете стрелку вниз в правой части экрана, вы увидите подробный список изменений конфигурации, которые дополнение внесло на ваш сайт.

Например, вы можете видеть, что он автоматически анонимизирует IP-адреса в Google Analytics, отключил демографические данные и отчеты об интересах, отключил отслеживание UserID и многое другое.

View EU compliance settings in MonsterInsights

Затем вы можете прокрутить вниз, чтобы увидеть совместимость MonsterInsights с различными плагинами файлов cookie, такими как Cookie Notification и CookieBot.

MonsterInsights автоматически внесет изменения в код отслеживания Google Analytics, если на вашем сайте установлен какой-либо плагин. Таким образом, он будет ждать согласия, прежде чем отслеживать пользователей в Google Analytics.

Compliance plugin integration

Мы надеемся, что эта статья помогла вам добавить всплывающее окно согласия на использование файлов cookie на ваш сайт WordPress.

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

Если вам понравилась эта статья, подпишитесь на наш канал YouTube с видеоуроками по WordPress. Вы также можете найти нас в Twitter и Facebook.