Как создать уведомление о сборе Cookie в WordPress: 3 легких способа

Улучшение и апгрейд WordPress

Вы замечали, что при посещении сайтов всплывает уведомление об использовании файлов Cookie? Такое сообщение должно быть на каждом блоге: эта технология собирает персональные данные пользователей, поэтому закон обязывает сообщать о сборе информации. Разбираемся, как создать оповещение о сборе куки в WordPress.

Рекомендую создать всплывающее окно про сбор Cookie. Это можно сделать WordPress плагинами без HTML или PHP.

WordPress Easy Fancy Box: PopUp виджет

Эта популярная утилита создает не уведомления о хранении, а всплывающие окна. Для этого в админке зайдите в Опции > Медиафайлы и активируйте чекбокс «Inline content».

Конфигурируем установленный софт
Настройка WordPress Cookie в плагине Easy FancyBox

Дальше нужно создать виджет в области «Footer» («Подвал»). В него добавляем блок «HTML»:

<div class="fancybox-inline" id="cookie-modal">
	<p>Мы собираем cookie. Закройте сайт, если не хотите, чтобы мы хранили ваши данные и не даете согласие на обработку наших персональных данных.</p>
</div>
<script>
	$("#cookie-modal").fancybox('').trigger('click');
</script>

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

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

Clearfy PRO – исправляем ошибки WordPress и настраиваем Cookie

Clearfy Pro — дополнение от команды WPShop для исправления уязвимостей и улучшения технического SEO. Генерирует и окно о хранении куки.

клиарфай
Производим визуальные настройки

Можно стилизовать текст и кнопку закрытия: выберите позицию, цвет, шрифт и сообщение сразу появится. К тому же, вы можете включить или выключить эту функцию.

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

Клиарфай также не конфликтует с WooCommerce и подойдет для интернет-магазинов на нем.

Промокод на Clearfy

My Popup — мощный плагин WordPress-уведомлений

плагин Май Попап

Еще одно классное решение от WPShop — плагин всплывающих уведомлений My Popup. С его помощью можно вывести красивое сообщение о сборе cookie где угодно на сайте, настроить внешний вид и условия отображения.

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

уведомление о кукисах

Но главное — это возможность разместить всплывающее окно там, где вам хочется. В этом смысле возможности плагина неограниченны.

настройки окна уведомлений о cookies в my popup

Popup можно не только перемещать по экрану, но и менять его размер (высоту и ширину) и даже задать его появление после определенных действий пользователя на сайте.

MyPopup -15%

Утилита, выводящая уведомление о куки. Других функций нет.

Устанавливаем WordPress Cookie в один клик
Простая установка предупреждения о Cookie

Позволяет кастомизировать текст оповещения, кнопки, регулировать добавляемые ссылки и блокировать вывод для определенных клиентов (например, ботов Google) с автоматическим согласием. Конфигурация находится в Настройки > Уведомление о куки.

Создание сообщения без плагина

Не используйте этот метод если не знаете синтаксиса PHP.

Можно реализовать задачу с помощью внедрения кода в системные файлы ВордПресс. Для этого добавьте этот фрагмент в файл footer.php перед закрывающим тегом </body>:

<div class="popup-cookie" id="cookie-modal">
    	<span>x</span>
    	<p>Мы собираем cookie. Закройте сайт, если не хотите, чтобы мы хранили ваши данные и не даете согласие на обработку ваших персональных данных.</p>
    </div>
	<script>
		$("#cookie-modal span").click(function() {
            $("#cookie-modal").hide();
        });
	</script>
	<style>
		.popup-cookie {
		    display: flex;
            align-items: center;
            width: 100%;
            height: 75px;
            position: fixed;
            left: 0;
            bottom: 0;
            background: #fff;
            color: #000;
            font-size: 16px;
            padding: 10px 30px;
            border-top: 1px solid #e1e1e1;
            box-shadow: 10px 0 5px rgba(0, 0, 0, .2);
        }
        .popup-cookie span {
        	position: absolute;
        	right: 30px;
        	bottom: 30px; 
        	color: #f00;
        	font-size: 24px;
        	cursor: pointer;
        }
</style>

Также можно использовать functions.php: во вкладке «Внешний вид» > «Редактор тем» в админ-панели. После завершения предыдущего цикла вставьте:

function __wp_cookie__safe_notice() { ?>

<div class="popup-cookie" id="cookie-modal">
    	<span>x</span>
    	<p>Мы собираем cookie. Закройте сайт, если не хотите, чтобы мы хранили ваши данные и не даете согласие на обработку ваших персональных данных.</p>
    </div>
<script>
      $("#cookie-modal span").click(function() {
            $("#cookie-modal").hide();
        });
</script>
<style>
        .popup-cookie {
            display: flex;
            align-items: center;
            width: 100%;
            height: 75px;
            position: fixed;
            left: 0;
            bottom: 0;
            background: #fff;
            color: #000;
            font-size: 16px;
            padding: 10px 30px;
            border-top: 1px solid #e1e1e1;
            box-shadow: 10px 0 5px rgba(0, 0, 0, .2);
        }
        .popup-cookie span {
        	position: absolute;
        	right: 30px;
        	bottom: 30px; 
        	color: #f00;
        	font-size: 24px;
        	cursor: pointer;
        }
</style>

<?php
}

add_filter("wp_footer", "__wp_cookie__safe_notice");

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

Женя

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

Оцените автора
WPHacks.ru
Добавить комментарий