• Всплывающее окно при первом посещении сайта 18+

    Всплывающее окно при первом посещении сайта 18+
    В этой статье мы рассмотрим, как сделать всплывающее окно при первом посещении сайта 18+ для подтверждения возраста на примере cms php-fusion 9.xx. Используемый JavaScript не производит проверку возраста и пользователю не нужно вводить свою дату рождения. Этот скрипт выводит на экран окно с затемнением и предупреждением о возрастном ограничении для посетителей сайта. В появляющейся popup форме нужно нажать одну кнопку из двух имеющихся, принять условия сайта или отклонить (Да, мне уже есть 18 или Нет, мне нет 18 лет).

    Скрипты взяты из плагина Simple Content Disclaimer (версия 1.0.2) для cms Joomla. Скачать плагин и следить за обновлением можно на странице автора, смотреть demo образец.
    Другая похожая версия для самостоятельного изучения на github.

    Простая установка в панель cms PHP-Fusion v9.0.3

    Скачать плагин для «Джумла»
    Перенести на хостинг папку assets
    Заменить все файлы index.html на свои
    Создать новую панель, удалив: openside/Содержимое/closeside
    Подключить в панели 2 яваскрипта и 1 файл стилей

    < script src="http:// localhost/test903/assets/js/cookie. js" >< /script >
    < script src="http:// localhost/test903/assets/js/twcdisclaimer. js" >< /script >
    < link href="http:// localhost/test903/assets/css/twcdisclaimer. css" rel="stylesheet" / >
    Потом, ниже добавить код скрипта
    < script type="text / javascript" > j Query( document ). ready(function($){ //CHECK COOKIE VALUE if(!$. cookie('simplecontentdisclaimer')){ //OPEN AGE CONFIRMATION BOX $. confirm({ theme: 'holodark', title: "Content Disclaimer Demo", content: "< p >This is just a simple demo for the Simple Content Disclaimer. How sweet is this? HTML can be entered into this box for a fully customized user experience.< /p >", confirmButton: 'I Agree to the Terms', cancelButton: 'I Do Not Agree', closeIcon: false, backgroundDismiss: false. keyboardEnabled: false, autoClose: 'cancel|90000'. confirm: function( ){ //GET PREVIOUS COOKIE OR SET NEW COOKIE var simplecontentdisclaimer = $. cookie('simplecontentdisclaimer') || 1; $. cookie('simplecontentdisclaimer', simplecontentdisclaimer, { expires: 30, path: '/' }); console,log($.cookie('simplecontentdisclaimer')); }, cancel: function( ){ window. location.href = 'https://www.google.com'; } }); } else { //LOG TO CONSOLE IF PREVIOUS VISITOR //console.log($. cookie('simplecontentdisclaimer') ); } }); < /script >

    ВНИМАНИЕ! Код скопированный с нашего сайта, работать не будет - это визуальный образец. Рабочий вариант кода для создания всплывающего окна можно скачать отдельно с YadiSk - это не плагин, а только нужные файлы и код.

    Основные настройки окна проверки возраста на сайте

    Текст меняем на свой в:

    content: < p >This is just a simple demo for the Simple Content Disclaimer. How sweet is this? HTML can be entered into this box.....

    confirmButton: 'I Agree to the Terms',

    cancelButton: 'I Do Not Agree',
    По умолчанию файлы cookie хранят положительный выбор пользователя 30 дней
    $ . cookie ('simplecontentdisclaimer', simplecontentdisclaimer, { expires: 30, path: '/ ' });
    Автоматическое закрытие через 90 секунд и перенаправление на указанный Url адрес
    autoClose: 'cancel|90000',

    window. location. href = 'https://www.google.com';

    Вот пожалуй и всё. Качайте файлы с Яндекс.Диска или плагин с оф сайта, устанавливайте по правилам вашей cms и тестируйте. Это всплывающее окно можно использовать не только для адалт, эротики и порнографии, но и для предупреждений на сайтах с продукцией алкоголя, табака, вареза, пиратства и тд.


    Источник: EditLw.Ru

07.06.2018




Ещё в этом разделе: