TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Popups – окно политики cookies

1 817

В связи с законом Евросоюза о cookies вступившим в силу в 2011 году, ICO (Information Commissioner’s Office) при создании сайта заточенного под европейского пользователя обязательным пунктом идет такой важный момент как создание оповещения о наличии cokies файлов на сайте. Для этого на сайтах под управлением CMS WordPress я использую плагин Popups в котором создаю специфическое окно соответствующее цели оповестить пользователя о наличии цокиес файлов. В итоге оно выглядит вот так:

Popups - окно политики cookies

Естественно что язык текста данного оповещения соответствует языку проекта который я делаю.

Я не утверждаю что предоставленный мной вариант popups окна является панацеей и в большинстве случаев, я уверен что данное окно придется переделывать что бы оно красиво отображалось на фоне темы сайта. Но мне верстки (которая на bootstrap 3) и стилей применяемых к данному окну вполне хватает.

Что ж присупим.

Импортируем Popups окно:

PopupsCokies.2018-01-25

Делаем это обычным образом, через стандартный импорт WordPress.

Настройки попап окна

Далее пройдитесь по настройкам попап окна, ниже я указал на основные из них

Popups - окно политики cookies

В Popaps окно добавляем стили указанные ниже:

Соответственно стили (как и саму верстку переделываем под себя, если что-то с ними на Вашем проекте не так).

Теперь пропишим сценарий на jQuery для клика по кнопкам:

/*Das Popup-Fenster für die Cookies des EN*/ jQuery( document ).ready(function( $ ) { if ($('html:lang(ru)').length) { $('button.btn.btn-outline-primary.close-cookies-disclaimer-en').click(function(){ window.SPU.hide(4942); }); $('div#spu-bg-4942').click(function(){ return false }); } else if ($('html:lang(en)').length){ $('button.btn.btn-outline-primary.close-cookies-disclaimer-en').click(function(){ window.SPU.hide(8834); }); $('div#spu-bg-8834').click(function(){ return false }); } else if ($('html:lang(fr)').length){ $('button.btn.btn-outline-primary.close-cookies-disclaimer-en').click(function(){ window.SPU.hide(8835); }); $('div#spu-bg-8835').click(function(){ return false }); } });

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

Источник записи: https://mediadoma.com

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