Как определить включен AdBlock или нет?

Как определить включен AdBlock или нет?

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

Видеоурок

Что делать с пользователями, установившими расширение AdBlock решать вам. Можно обратиться к ним с просьбой внести ваш сайт в список исключений, если проект им действительно интересен.

Исходный код

Отслеживание AdBlock
<!DOCTYPE html>
<html>
<head>
	<title>Отслеживание AdBlock</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
	<meta charset="utf-8">
	<script>
		$(document).ready (function () {
			setTimeout(function () {
				if ($('#testForAdBlock').height () == 0)
					alert ('AdBlock включен!');
			}, 100);
		});
	</script>
</head>
<body>
	<p>Некий текст, который всегда присутствует на сайте!</p>
	
	<div id="testForAdBlock">
		<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
			<ins class="adsbygoogle"
				 style="display:inline-block;width:160px;height:600px"
				 data-ad-client="ca-pub-9626448578379214"
				 data-ad-slot="5759640886"></ins>
			<script>
			(adsbygoogle = window.adsbygoogle || []).push({});
		</script>
	</div>
	
</body>
</html>

Также стоит посмотреть

Современная 2D игра на Unity 5
18 уроков
С++ программирование / Уроки C++
26 уроков
Разработка Андроид программы с базой данных
6 уроков
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Создание сайта с нуля на CMS WordPress
6 уроков
Изучение технологии Ajax
7 уроков
Комментарии
Добавить комментарий

Пока комментариев нет