Вывести просьбу на сайте отключить Adblock
 | |
| Иногда нужно распознать факт того, что у посетителя сайта присутствует резчик рекламы AdBlock или AdGuard, где попросить его отключить программу. Ведь если при включенной программе или приложением ему страница будет не доступна. Это делается для того, чтоб посетитель видел рекламные баннеры, и вероятность, что кто-то перейдет. Которая становится актуальной для многих сайтов, которые работают с рекламодателями. Также такую функцию можно поставить на сайты, где скачивают файлы, что вы нажимаете на кнопку скачать, а вместо производимого скачивание вам покажется окно модального окна. В котором безусловно будет представлена просьба, чтоб вы отключили эти программы, и только после этого у вас будет полноценный доступ для скачивания файла. Не нужно забывать, так как в современных браузерах, если говорить про Яндекс, то там уже вшит AdBlock по умолчанию, что идет в полном комплекте с браузером. Где такое резчики, которые идут с расширением безусловно блокируют рекламу на сайте YouTube или на вашем интернете ресурсе, где соответственно дохода с рекламы вы не видите. Давайте попробуем сделаем такую ненавязчивую просьбу: Создаем DIV с идентификатором, например, #spoof-overlay. Ни в коем случае не создавайте DIV-ы с классами или идентификаторами, в которых присутствует слово ad или advertising, потому что AdGuard даже этот блок заблокирует. Внутри нашего DIV-а напишем: выключите, пожалуйста, AdBlock или AdGuard, чтобы получить доступ к сайту.  1 HTML Код <div id="spoof-overlay"> Выключите, пожалуйста, AdBlock или AdGuard, чтобы получить доступ к сайту </div> <h1>Какой-то ценный контент...</h1> CSS Код #spoof-overlay{ display: none; background-color: rgba(0,0,0,0.9); position: fixed; left: 0; top: 0; width: 100%; height: 100%; color: white; text-align: center; font-size: 30px; font-weight: bold; padding-top: 17%; z-index: 99999; } По стандарту пропишем display: none; и будем менять это свойство в JavaScript, если вдруг у посетителя есть AdBlock.  Для этого создадим два JS файла. Первый назовем custom.js. Второй advert.js. Дайте своим файлам точно такие же имена. Advert это название популярной рекламной сети. Adblock блокирует все их рекламные баннеры и тизеры, соответственно он примет скрипт advert.js за оригинальный. Adblock подумает, что это реклама и не выполнит его. А мы будем проверять факт выполнения этого JavaScript файла и его подгрузки. Если он подгрузил, то всё хорошо, а если нет, то мы будем выводить информацию о том, что это реклама. Создадим простую функцию в файле advert.js и назовем её spoof: Код function spoof() { window.spoof_jdsfoodsfnsofnkwjspnf = true; } spoof(); Проверяем наличие свойства spoof_jdsfoodsfnsofnkwjspnf в объекте window. Если свойство есть, то это будет говорить о том, что Adblok-а нет. Открываем файл custom.js и добавляем следующий код: Код jQuery(document).ready(function() { if( typeof window.spoof_jdsfoodsfnsofnkwjspnf == 'undefined' ) { //AdBlock или AdGuard активен! //Делаем всё, что нашей деше угодно //Например, покажем наше окно с сообщением jQuery('#spoof-overlay').fadeIn('slow'); } }); Далее подключаем получившиеся скрипты. Первым подключаем advert.js, потому что он не использует jQuery. PS - также вы можете скачать готовый скрипт (4 KB), который закреплен к материалу. Источник: obninsksite.ru | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 2 | |
|
| |
