Сегодня поговорим о плагине, позволяющем определить Adblock и показать об этом уведомление.

Как определить блокировщик рекламы.

Сегодня поговорим о плагине, позволяющем определить 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')
  },
});

Итак, на этом все. Спасибо за внимание!