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

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

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

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Что делать с пользователями, установившими расширение 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>

Також варто подивитися

Создание сайта с нуля | Полноценная верстка сайта
11 уроків
Изучение Docker с нуля / Уроки Докер для начинающих
7 уроків
Современная 2D игра на Unity 5
18 уроків
Створення динамічного веб-сайту
7 уроків
Уроки C# для початківців з нуля
26 уроків
Уроки C++ WinForms / Создание программ на Windows
8 уроків
Коментарі
Додати коментар

Поки що коментарів немає