Проверка показа рекламы на сайте

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

Многие вебмастеры возможно скажут: «не смотришь рекламу, не смотри и сайт», но это не совсем так. Большинство людей заходят на сайт из поисковых систем, которые в свою очередь фиксируют время, проведенное этим человеком на сайте. И если большинство посетителей будут закрывать сайт, как только туда попали, очень вероятно, что поисковик просто уберет его из высоких результатов поиска.

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

Самый простой способ определить показываем мы рекламный блок или нет - это проверить его высоту.

К примеру нас есть:

<div class="myrek">
	Тут загружается скрипт рекламы или происходит ее вывод
</div>

Тут загружается скрипт рекламы или происходит ее вывод

</div>

Проверяем высоту элемента myrek и если она меньше нужного нам размера, значит ничего мы не показали.

Пример:

В примере рекламный блок имеет класс adv, который обычно блокируется.

Это наш рекламный блок

jQuery:

$(window).on("load", function () {	
	setTimeout(function(){ 
	if ($('.myrek').height() < 10) {
			// Реклама заблокирована
			} else {
			// Реклама показана
		}
	}, 1000);	
});

$(window).on("load", function () {

setTimeout(function(){

if ($('.myrek').height() < 10) {

// Реклама заблокирована

} else {

// Реклама показана

}

}, 1000);

});

Тайминг в 1 секунду для подзагрузки скриптов и минимальную высоту элемента в 10 пикселей можно поменять по усмотрению.

Сергей: 06.01.2024 в 18:32

Здравствуйте, не могу не как повторить этот код, не работает и все тут ))

<div class="myrek">
Тут нужно рекламу яндекса вставить? Или свой баннер альтернативный?
</div>

Ответить
- Alexander: 14.01.2024 в 10:21
  <div class="myrek"> Тут код рекламы, например яндекса. </div>
  
  После того, как наша страница загрузилась , мы ждем еще секунду (можно прибавить) и если наш блок myrek имеет нулевую высоту, то соотв. ничего мы в нем не показали.
  И далее можно уже делать какие то действия, например:
  
  $('.myrek').html('<p style="color: red">Отключите AdBlock!!!</p>');
  Ответить
  - Сергей: 20.01.2024 в 09:16
    
    Не работает и все тут... Как только не пробовал )) Просто ничего не происходит, реклама показывается, если заблокировать то не показывается )) а сообщение о блокировки не показывается и все тут
    
    Ответить
    - Alexander: 21.01.2024 в 08:26
      
      Напишите в ТГ или ВК, разберемся 🙂
      
      Ответить

Пример:

jQuery:

Смотрите также:

Добавить комментарий:

Комментарии: