воскресенье, 31 января 2016 г.

Как попросить пользователя отключить ADblock, Adguard...

Отключите Adblock
Те кто использует дополнения для блокировки рекламы в браузере (такие как Adblock и Adguard последнее время стали сталкиваться со всплывающими слайдами в которых описана просьба от администрации сайта об отключении данных дополнений.
И в этом нет ничего необычного- каждый владелец сайта пытается монетизировать его, заработать на рекламе, а данные расширения блокируют показ рекламы и не дают заработать.
Возможно деньги от рекламы будут потрачены на хостинг или продление домена, а значит и дальнейшего существования ресурса.
Конечно даже блоггеры не хотят терять прибыль от рекламы, именно по этой причине появились
методы создания всплывающих просьб об отключении.

В интернете есть пара методов для создания подобных просьб, но они подходят не всем. Например блогерам на платформе blogger (blogspot) невозможно обернуть баннеры от AdSense в теги:
<div class="adb">РЕКЛАМА</div>
 Если не выковыривать код AdSense и не вставлять его с помощью HTML/JavaScript гаджетом, поэтому я озадачился данным вопросом.

Недавно в интернете наткнулся на сайт интернет рекламы ADVmaker, на котором и нашел нужный мне ява скрипт, который подходит в blogger.

Итак, порядок создания просьбы об отключении Adblock, ABP, Adguard следующий:

  • Регистрируемся на сайте;
  • Активируем аккаунт перейдя по ссылке из письма;
  • В разделе "Мои сайты" добавляем Ваш ресурс;
  • Добавляем ссылку, логин и пароль от статистики;
  • Отправляем сайт на модерацию.
Я создал новый аккаунт в яндексе и добавил его с основного аккаунта Яндекс Метрики как гостевой.
После того как ресурс ушел на модерацию идем в раздел в левом сайдбаре, выбираем там ссылку "Адблок-детектор", в котором мы будем получать код, заполняя поля:
  1. Выбираем сайт из выпадающего меню;
  2. Выбираем количество показов просьбы для каждого пользователя со включенным блокировщиком;
  3. Выбираем формат объявления: Агрессивный, Слайд, Полоска сверху;
  4. Пишем заголовок;
  5. Пишем обращение, вставив ссылку на за ранее созданную страницу с методами отключения блокировщика;
  6. Жмем "Получить код".
После этого скачивается архив с Java Script файлом, картинками и Readme!!!

окошко

В блоггер картинки я загрузил на отдельную страницу с методами отключения фильтров, скопировал ссылки на изображение и вставил их в Ява скрипт код, заменив старые.
Из реадми первый код скрипта вставил в HTML/JS гаджет:
<script type="text/javascript" src="http://c.am15.net/ab-detector/ads.js"></script>
А второй код вставлять не стал, потому что там путь не правильный. После чего из файла JS скопировал код с исправленными ссылками на изображения и вставил все в тот же гаджет, между новых тегов  <script type="text/javascript"> и </script>.
Сохранив проверил работоспособность скрипта- все отлично работало.

слайд

Конечно использовать результат моих операций я не стал, потому что сервис не доработан- цвет текста бледный и не читаемый, слайд не закрывается на крестик, не настраиваются размеры, но если Вы знаете CSS, то вполне можете использовать задумку, так как настройки цветов и позиционирования можно изменить в коде JS.


Автор: BOMBERuss Егор Юрьевич Андреев

Полезная статья? Поделись ей с друзьями. Им будет интересно)))

Дата последнего изменения:

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

Отправить комментарий

Не забудьте оставить комментарий- нам важно Ваше мнение!

▲ВВЕРХ▲