Cookie в WordPress: настраиваем уведомления о сборе данных с плагином и без него

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

С помощью плагина Clearfy PRO

В нашем плагине Clearfy PRO реализована функция с показа сообщения о cookie. 

Посмотреть на оф. сайте

Параметры вывода куки
Панель настроек Clearfy в WordPress
  1. Включаем уведомления путем перемещения ползунка в зеленую зону и пишем текст, который должен выводиться, по умолчанию он присутствует, можно заменить на свой
  2. Позиция – где отображать, имеет три положения: внизу слева справа
  3. Цвет текста и фона – задаем оформление окна cookie
  4. Текст подтверждения согласия на сбор данных
  5. Цвет самой кнопки

Получаем такие cookie на сайте WordPress.

Результат отображения
Предварительный просмотр

Промо на 15%

Clearfy улучшает, чистит и оптимизирует сайт WordPress по 48 пунктам, включая: SEO, убирает ненужные подключения, очищает дубли страниц, добавляет необходимые серверные заголовки Last modified и еще много полезных функций.

Легкий плагин LuckyWP Cookie Notice (GDPR) преследует одну цель это вывести предупреждение о куки на блоге WordPress. Устанавливается стандартно из админки, распространяется на русском языке. Переходим в Настройки – Уведомления о куках.

LuckyWP в админке
LuckyWP

В разделе основные, расположены настройки cookie.

  • Сообщение – вводите текст для отображения
  • Надпись на кнопке если посетитель принимает условия
  • Возможность подключения кнопки отказаться и подробнее. Во втором случаем можно оставить ссылку на соглашение об использовании cookie
  • Показать снова – после нажатия на “принимаю”, если этот пункт отмечен, то окно сжимается, его вновь можно открыть (подробнее покажу в видео)

Далее идут вкладки внешний и скрипты, их разбирать не буду, понятно что первый отвечает за оформление, второй за ввод дополнительных js. Перейду в Дополнительно.

Дополнительные параметры в LuckyWP
Задаем время жизни

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

Всплывающая форма с предупреждением
Красивая форма с уведомлением

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

Всплывающее окно с куки WP-утилитой My Popup

Плагин My Popup — классное новое решение создания и вывода на страницах WordPress сайтов всплывающих окон.

Пример cookie notice на сайте Stack Overflow. Примерно такое же вы запросто сделаете плагином My Popup.

Попапов здесь предусмотрено множество под решение разных задач: от куки-уведомлений и пользовательских подсказок до оверлеев с формой обратной связи, e-mail подпиской или предложением акционных товаров.

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

Если вам нужны попапы, рекомендую My Popup к приобретению. Как минимум прочитайте подробный обзор, чтобы принять твердое решение. Скидка прилагается:

Активировать промокод

На просторах интернета нашел один простой и на 100% рабочий метод, на основе скрипта от команды cookieinfoscript.

Загружается сторонний файл, с сайта cookieinfoscript.com, можете посмотреть на содержание. Чтобы вставить уведомления куки копируем код приведенный ниже.

<script type="text/javascript" id="cookieinfo" src="//cookieinfoscript.com/js/cookieinfo.min.js"
    data-bg="#645862"
    data-fg="#FFFFFF"
    data-link="#F1D600"
    data-font-size ="13px"
    data-message="Мы cохраняем файлы cookie: если не согласны то можете закрыть сайт"
    data-moreinfo="http://тут адрес страницы с соглашением"
    data-linkmsg="Соглашение"
    data-close-text="Принимаю">
</script>

Вставляем в файл где есть закрывающий тег body, обычно в footer.php.

вставка скрипта в footer.php
footer

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

Показ js для cookie
Оформление скрипта в WordPress

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

Cookies заблокированы из-за неожиданного вывода на экран wordpress при авторизации

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

  1. Какой–либо плагин показывает на экране информацию раньше, чем задано в настройках сервера. К сожалению путь решения только один, это заходить на хостинг через FTP и по одному переименовывать или удалять из папки plugins
  2. Активная тема тоже может давать ошибки ввиду неправильного кодирования. По FTP заходим на хостинг, в папке с шаблонами wp-content/themes, находим активный шаблон и переименовываем
  3. Последний вариант – наличие BOM кодировки в документах wp-config.php (в корне сайта) или functions.php (находится в папке с темой). Просто скачайте оба файла на компьютер и перекодируете их в формат UTF-8 без BOM в любом редакторе кода (например используя Notepad++).

Итог

Подведем итог каким способом все же пользоваться.

Какой способ выбрать?
Валентин
Валентин
Советую плагин Clearfy PRO, он совмещает не только вывод уведомления о cookie в WordPress, но и другие инструменты. Второй вариант содержит много скриптов и запросов к базе данных. У третьего варианта загрузка скрипта идет с внешнего источника, что не хорошо может сказаться на ускорении ресурса.
Задать вопрос

 

Пожалуйста, оцените материал:

Давно занимаюсь и разрабатываю сайты на Wordpress. Считаю что лучшего решения для ведения бизнеса не найти, поэтому считаю долгом делиться информацией с остальными.
Получай полезные материалы удобным способом!
Комментарии:
  1. “У третьего варианта загрузка скрипта идет с внешнего источника, что не хорошо может сказаться на ускорении ресурса.”
    Не в качестве претензии – что мешает скачать файл js и загружать его как свой файл? Есть сомнения что он меняется по несколько раз в неделю. Размер не очень большой, особенно по сравнению с jquery и jquery-ui (ежели кто пользует).
    Так что третий вариант ничем не хуже двух первых.

  2. Поставил скрипт, т.к. стоит старый Wp, а обновлять не хочется, поэтому вариант с плагинами не прокатывал, все работает, спасибо!

  3. Решение с кодом просто прекрасно! Я немного его модернизировал, округлил окно сообщения, изменил цвет, задал место положения и главное – добавил пару строк для предотвращения повторного показа сроком на 1 год тем, кто принял печеньки.
    Спасибо за идею, а то целый день потратил на тестирование разных плагинов!

Добавить комментарий

×
WPShop
честная партнерка!

Зарабатывай до 3225₽ с каждой продажи

Подключиться
к партнерке ⟶