Як визначити блокувальник реклами.

Сьогодні ми поговоримо про плагіні, що дозволяє визначити Adblock і показати про це повідомлення.

Ні для кого не секрет, що існують програми, які блокують рекламу на сайті, але, якщо проект живе за рахунок показу реклами, можна показати повідомлення користувачу з проханням вимкнути функцію блокування.

Відео: Блокування інтернет-реклами | AdBlock Plus

Для даної задачі є легкий плагін під назвою 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 включений

Відео: Як боротися з рекламою на iPhone і iPad?

$.adi({ 
 onClose:function(el){ 
/ * Оновлюйте кожен раз, коли користувач закриває вікно * / 
 window.location.reload(true) - 
} 
}) -

перенаправлення

$.adi({ 
 onClose:function(el){ 
 window.location =`Http://some-website.com`- 
 } 
}) -

Додайте анімацію до вікна

Відео: AdBlock мало не заборонили, викачуємо його! Блокування реклами безкоштовно!

$.adi({ 
 onOpen:function(el){ 
/ * Анімуйте вікно, додаючи css класи * / 
 el.find(`.jquery-adi_content`).addClass(`Animated bounceInDown`) 
}, 
}) -

Отже, на цьому все. Дякую за увагу!

Поділися в соціальних мережах:

Схожі