Как определить включен 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 уроков
Изучение HTML5 для начинающих!
18 уроков
Программа на C# .NET Windows Forms
7 уроков
Разработка сайта на Java Spring Boot
7 уроков
Уроки React Native для начинающих / Разработка приложения с нуля
11 уроков
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Комментарии
Добавить комментарий

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