Как выводить сообщение о Блокировщике рекламы

Как выводить сообщение о Блокировщике рекламы

Шаг 1: создание обёртки. Для облегчения задачи, в качестве обвёртки рекламных блоков, я использую DIV тег с соответствующим идентификатором, например:

<div class="testAdBlock">
  <!-- здесь располагается код рекламного блока -->
</div>

Таким образом, мы можем обратиться к нужному элементу через JavaScript и проверить его свойства.

Шаг 2: JavaScript проверка. Для облегчения задачи, я использую JavaScript библиотеку jQuery, потому не забудьте её подключить. Дальше нам нужно дождаться загрузки документа и проверить высоту обёртки, например:

<script type='text/javascript'>
$(window).load(function(){
  if ( $('.testAdBlock').height() < 50 ) {
    $('.testAdBlock')
      .css({'background': '#c51515','padding': '10px','text-align': 'center', 'color': '#fff'})
      .html('Поддержи любимый блог &ndash; отключи AdBlock.');
  }
});
</script>

 

Если авторизоваться на этом сайте, то рекламы будет меньше!


Поделись с друзьями

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

Ошибка!

Уведомление!
Добавлять комментарии могут только зарегистрированные пользователи. Пройдите процесс регистрации, либо авторизуйтесь на сайте под своим логином.