Главная > HOWTO > Определяем включен ли Adblock Plus

Определяем включен ли Adblock Plus

Ни для кого не секрет, что Adblock Plus — это самое популярное расширение для браузера, которым пользуются миллионы людей по всему миру. Блокируя отвлекающую и назойливую рекламу, Adblock заметно упрощает просмотр сайтов, видео на YouTube, etc. Но в тоже время отключенный показ рекламы лишает заработка владельцев сайта. В данной статье будет рассказано, как определить пользователя с включенным Adblock Plus и как попросить его отключить на вашем сайте.

Принцип работы Adblock Plus довольно прост: при загрузке страницы если какой-то элемент подходит под заданный фильтр, элемент удаляется со страницы. На этом и будет построен наш де-адблоколизатор. Создадим простой HTML блок, в котором разместим код рекламного блока, например код Google Adsense:

<div class="google_advert">
	<!-- Здесь размещается код рекламного блока -->
</div>
<div class="no_advert" style="display:none;">
	<!-- Блок, который будет показываться вместо блока с рекламой -->
</div>

Структура вашего сайта может отличаться, главное, чтобы блок с рекламой и «запасной» блок не были расположены внутри одного родительского элемента. Далее после загрузки нашей страницы определяем, не изменились ли параметры блока с рекламой. Создадим небольшой обработчик, срабатывающий после загрузки страницы (для его работы у вас должен быть подключен jQuery любой версии):

	//После окончательной загрузки страницы
	$(window).load(function () {
		//Проверяем не занулилась ли высота блока с рекламой
		if ( $('.google_advert').height() == 0 ) {
			//Показываем скрытый блок — альтернативу блоку с рекламой
			$('.no_advert').show();
		}
	});

В качестве события $(‘.no_advert’).show() может быть любой другой код, который вам нужен, например

setInterval('alert("Отключите Adblock!")', 1000);
Категории:HOWTO Метки:, , ,
  1. Пока что нет комментариев.
Представьтесь, пожалуйста! Если ваш комментарий предполагает ответ, мы ответим на него в ближайшее время. Адрес электронной почты должен быть действительным.


Внимание! Запрещено публиковать любые ссылки в тексте комментария, иначе он сразу же будет помечен как нежелательный и не будет опубликован на сайте.