Есть множество причин ограничить детей от ознакомления с некоторой информацией, расположенной в открытом доступе в Интернете. От сильно любопытных детей конечно никакая блокировка не спасёт, — обойдут и ознакомятся, но значит им оно надо и они готовы к её восприятию. Для нормальных же детей и подростков спасёт стандартная блокировка с предупреждением о том, что есть масса более интересных вещей, чем ломиться в раздел, посвящённый алкоголю или той же самой порнографии.
Реализация защиты просмотра сайта по возрастному ограничению с помощью CSS и JavaScript
Для того, чтобы поисковики не сходили с ума, пытаясь заблокировать ваш сайт, надзорные органы государственной власти не выписывали штрафы, потирая мокрые ладошки со злобной ухмылкой, а рекламные сети не убирали рекламные блоки, ссылаясь на том, что вы не подсуетились уберечь свой сайт от детских взоров, можно организовать простую защиту сайта от просмотра с конкретными вопросом: «Дружок, а тебе уже есть 18 годиков?» и надписью о том, что контент предназначен только для тех, кто старше.
Именно такую реализацию в виде перекрывающего весь экран блока с двумя кнопками я и предлагаю поставить, используя стандартные свойства CSS, а также JavaScript для записи правильного ответа в cookie браузера (чтобы не задавать один и тот же вопрос на всех страницах сайта или только в выбранных его областях, если сайт работает на Joomla).
Как выглядит и как работает защита просмотра сайта по возрастному ограничению с помощью CSS и JavaScript
Для того, чтобы посмотреть, как выглядит защита просмотра сайта по возрастному ограничению, которую я предлагаю, можно зайти в раздел Алкоголь на моём сайте PromoGalaxy и проверить функционал в действии. В общем и целом, всё просто и понятно и даже с небольшими наворотами (типа ведения логов на всякий пожарный случай). Итак, функционал:
- Есть перекрывающий весь контент сайта блок, на котором написано предупреждение и есть две кнопки «Мне меньше 18» и «Мне больше 18»
- если пользователь выбирает вариант «Мне меньше 18» ему предлагается позвать родителей и даётся ссылка на 100% детский ресурс. (Какой именно, укажите при заказе у меня этого функционала).
- если пользователь выбирает вариант «Мне больше 18» происходит ряд событий:
- Исчезает блокирующий основной контент блок.
- В Cookie браузера на год прописывается значение того, что пользователь прошёл проверку возраста (после очистки куков, естественно потребуется снова подтвердить свою возрастную готовность к восприятию скрытой информации). Наличие этой куки позволит больше не выводить блокировку на экран браузера пользователя и не надоедать с одним и тем же вопросом на каждой новой странице.
- На сервере срабатывает PHP-скрипт, который записывает все переменные окружения со всеми доступными переменными среды окружения на сервере в специальную папку в файл с датой и временем, когда произошло это событие. (На всякий пожарный случай, вдруг кто-то будет утверждать что он - не он и ничего не нажимал). По дате записи куки можно будет найти нужный лог, если вдруг понадобится.
- так выглядит сохранённый лог (зависит от сервера, на котором находится ваш сайт и от того, какие переменные окружения прилетели от пользователя)
- все файлы защищены от просмотра в браузере и, если даже знать имя файла, его посмотреть можно только имея доступ к файлам на сервере. Все остальные увидят не особо информативную запись → см.по этой ссылке.
Сколько стоит установить защиту просмотра сайта по возрастному ограничению с помощью CSS и JavaScript
За работу по установке я прошу:
- 1000 рублей — если ставим как есть, ничего не меняя (только ссылку на детский сайт, которую вы хотите поставить для тех, кому нет 18-ти).
- +200 рублей — если нужны какие-то правки в CSS типа цвет фона поменять (его можно сделать полупрозрачным) или цвет кнопок. В общем, заточить дизайн перекрывающего блока под дизайн сайта (но мне это кажется лишним).
- +100 рублей — за дополнительные правки в CSS, если вдруг всё приняли, а потом опомнились и что-то ещё придумали.
- +500 рублей — за установку этого функционала в качестве модуля Joomla и перекрытии только одного выбранного задела сайта, а не всего сайта.
- +200 рублей — за каждый новый раздел, если их несколько.
Для тех, кто работает с одностраничниками — одна страница = одна установка.
Для тех, кто работает с другими CMS — установлю этот функционал в шаблон сайта и он применится ко всем страницам сайта. С Bitrix не работаю принципиально, с остальными, думаю, разберусь.
Что потребуется для того, чтобы установить защиту просмотра сайта по возрастному ограничению с помощью CSS и JavaScript
Для установки мне потребуется:
- Доступ к файлам на сервере (обычно это FTP), но можно просто дать доступ до админки хостинга, - я разберусь.
- Доступ в админку сайта (чтобы я быстрее нашёл то, какой шаблон подключен).
- Ссылка на "детский сайт".
В общем, этого будет достаточно, остальное можно обсудить в процессе предварительных переговоров. Мои контакты для связи тут. Для особо недоверчивых, кому нужны гарантии, можно заказать всё тоже самое через Kwork, но там комиссионные.
Отвечу на любые вопросы, которые ещё остались по этой теме — обращайтесь.
Заберите ссылку на статью к себе, чтобы потом легко её найти!
Раз уж досюда дочитали, то может может есть желание рассказать об этом месте своим друзьям, знакомым и просто мимо проходящим?
Не надо себя сдерживать! ;)
