Как определить включен 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>

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

Курс по React JS для начинающих
14 уроков
Разработка Андроид программы с базой данных
6 уроков
Верстка сайта на HTML5 и CSS3
13 уроков
Java до профи: основы, UI дизайн и Android разработка
Программа на C# .NET Windows Forms
7 уроков
Уроки Python Django / Создание сайта
12 уроков