Flector

Ad Blocking Detector

Ad Blocking Detector

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

Скачиваем плагин по ссылке в конце страницы и устанавливаем его:

1 Распаковываем архив.

2 Копируем папку ad-blocking-detector в /wp-content/plugins/.

3 Заходим в админку блога на вкладку "Плагины" и активируем плагин.

Плагин создает свое отдельное меню "Ad Blocking", при клике на которое откроется страница управления шорткодами плагина:

Панель управления плагина

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

Ad Blocking Detector оперирует шорткодами, каждый из которых отвечает за вывод рекламы в каком-то конкретном месте. Большинству пользователей достаточно 1-2 шорткодов, если, конечно, их сайт не увешан рекламой сверху донизу. Начать работу с плагином можно путем редактирования тестового шорткода "Sample Shortcode", для этого кликайте на кнопку "Edit". Откроется окно редактирования шорткода. Начните с изменения имени:

Имя шорткода

Имена шорткодов не имеют значения (они вызываются по id) – они нужны только для вас, чтобы вы не путались в шорткодах при их редактировании.

Далее идет блок "No Ad Blocker Detected", в котором вы должны вставить код вызова рекламы. В тестовом шорткоде там уже забит определенный код, но вы должны его удалить, так как оформлять стили прямо в контенте очень плохая идея. Для этого лучше просто задать определенный класс дива, который можно будет оформить позднее. У вас должно получиться что-то типа такого:

Блок No Ad Blocker Detected

В этом блоке можно пользоваться только вкладкой "Текст" редактора, так как вставлять код вызова рекламных скриптов в визуальном редакторе бесполезно – он его испортит. В следующем блоке "Ad Blocker Detected" определяется контент, который будет выводиться при обнаружении блокировщика рекламы. Пользоваться визуальным редактором можно (но не желательно):

Блок Ad Blocker Detected

Для оформления стилей вам все равно надо будет задать какой-нибудь класс:

Стили блока Ad Blocker Detected

Последние опции настройки шорткода это:

Опции автоформатирования

Они определяют, будет ли плагин применять к вашему контенту функции автоформатирования текста. Первую опцию надо отключить в обязательном порядке – автоматическая расстановка тегов абзаца <p> и </p>, как и тега переноса строки <br /> убьет практически любой вставленный скрипт рекламы (я лично проверял на коде AdSense). Вторая опция касается контента заглушки – если вы пользовались визуальным редактором, то опцию надо включить – если же вы сами оформили заглушку на вкладке "Текст", то опцию надо отключить.

Закончили с настройкой – жмите на кнопку "Save Shortcode". Шорткод готов и его можно вставлять в записи вашего сайта. Так, по крайней мере, рекомендует их использовать автор плагина. Но это откровенно глупо – вставлять рекламу вручную это слишком неблагодарное занятие. Все нормальные люди вставляют рекламу напрямую в файлы темы. Как использовать шорткод в файле темы? Да очень просто, откройте нужный файл темы и вставьте туда что-то типа:

<?php echo do_shortcode('[adblockingdetector id="1"]') ?>

И этого достаточно, чтобы при отсутствии резальщика рекламы выводилась реклама, а при его наличии выводилась заглушка. Эту самую заглушку можно оформить через css (тот самый class="detect" в коде заглушки). Для этого вам необходимо вставить в файл style.css вашей темы примерно такой код:

.detect {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  padding:10px 10px 5px 10px;
  margin: 5px 0 10px 0;
}
 
.detect {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  border-color: #f5e79e;
}
.detect p {
  margin: 0 0 6px;
  line-height: 1.5;
}

Это оформление выведет заглушку как на первом скриншоте в этой статье. Вариант, конечно, не идеальный, но в качестве примера вполне сгодится.

У плагина я нашел только один недостаток – после сохранения шорткода нельзя нажать на кнопку "Edit", чтобы опять его отредактировать. Сначала надо почему-то опять перезайти на страницу через меню "Ad Blocking". Видимо, что-то со скриптами автор плагина не доглядел.

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

Ad Blocking Detector
Автор плагина: John Morris
Рассматриваемая версия: 2.2.8 от 17.01.2015
Текущая версия: 3.5.1 от 24.08.2016
Совместимость с версией WordPress: 4.4 и выше
Скачать плагин версии 3.5.1 (всего скачиваний: 25 601)

Понравился пост? Подпишись на обновления по Обновления блога по RSSRSS или Обновления блога на TwitterTwitter !

Комментарии (всего 9 комментариев)

Написать комментарий

(обязательно)

(обязательно, не публикуется)

Для вставки кода используйте кнопку "Код", по умолчанию используется синтаксис подсветки языка "php", вы можете поменять его на любой другой поддерживаемый GeSHi язык, например "javascript", "css", "html4strict", "sql" и тд. Используйте предпросмотр!
 


Подписаться на уведомления без комментирования.