Программирование - все что с ним связано

31 урок Консультации

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

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