jQuery модальное окно предупреждения с cookie

2
2290

В статье рассмотрим как сделать jQuery модальное PopUp окно предупреждения при первом запуске сайта с использованием cookie для хранения переменной, по которой можно определить заходил ли ранее пользователь на сайт и какой выбор он сделал. Логика всплывающего окна следующая: при первом запуске сайта выпадает PopUp окно с условием, например, спросим у пользователя — исполнилось ли ему 18 лет.

 

 

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

Таким образом окно будет все время выпадать и не давать делать никакие действия с сайтом, пока пользователь не согласится. Если пользователь нажмет «ДА», тем самым дав согласие, что ему есть 18 лет, окно больше не будет выпадать определенное количество дней, которое мы укажем в скрипте.

 

Код html модального окна:

Код стилей css:

код jQuery скрипта:

в параметре expires указываем количество дней для хранения переменной в cookie

Подключение jQuery и библиотеки cookie

 

2 КОММЕНТАРИИ

  1. Добрый вечер. А куда этот скрипт вставить, чтобы работало на сайте WopdPress. Спасибо за ответ.

    • Добрый вечер, вообще js код нужно вставлять в js файл (например custom.js или main.js с вашей темой), css — в css файл (например style.css с вашей темой), код php или верстку html можно вставить в файл footer.php в корне вашей темы.

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here