Как определить блокировщик рекламы.
Сегодня мы поговорим о плагине, позволяющем определить Adblock и показать об этом уведомление.
Ни для кого не секрет, что существуют программы, блокирующие рекламу на сайте, но, если проект живет за счет показа рекламы, можно показать сообщение пользователю с просьбой отключить блокировщик.
Для данной задачи есть легкий плагин под названием Adi.js.
Установка
Чтобы установить плагин, выполните следующие шаги:
- Подключите JQuery
- Подключите advertisement.js и убедитесь, что JQuery.adblock = false; находится внутри файла
- Подключите JQuery.adi.js
- Вызовите $.adi({ /* опции */})
Опции
- title(string/html) - заголовок окна
- content(string/html) - описание в окне
- theme(string) - доступна светлая(light) тема и темная(dark)
Методы
- active() - функция обратного вызова. Вызывается, когда $.adblock = undefined. Adblock активен
- inactive() - функция обратного вызова. Вызывается, когда $.adblock = false. Adblock неактивен
- onOpen() - функция обратного вызова. Вызывается, когда окно находится в document.body и display = block
- onClose() - функция обратного вызова. Вызывается, когда display = none
Примеры
Не показывайте пользователям содержание сайта, если adblock включен
$.adi({
onClose: function(el) {
/* обновляйте каждый раз, когда пользователь закрывает окно */
window.location.reload(true);
}
});
Перенаправление
$.adi({
onClose: function(el) {
window.location = 'http://some-website.com';
}
});
Добавьте анимацию к окну
$.adi({
onOpen: function(el) {
/* анимируйте окно, добавляя css классы */
el.find('.jquery-adi_content').addClass('animated bounceInDown')
},
});
Итак, на этом все. Спасибо за внимание!
-
- Михаил Русаков
Комментарии (1):
Спасибо за статью! Поставить надо будет на свой сайт http://postroysia.ru/. Когда просматривал сайт через Вебвизор в Яндекс.Метрике, то обнаружил, что у многих просто моя реклама просто не отображается, потому как стоит блокиратор. Тогда проект становится совсем невыгодным. Спасибо еще раз)
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.