Данную заметку решил написать, так как сам являюсь владельцем нескольких сайтов, и по статистике вижу, что стал нести финансовые потери связанные с тем, что все больше и больше пользователей пользуются Adblock-ом.
Если говорить об этичности данной темы, тут конечно всё как всегда, часть пользователей желает нам вебмастерам "сгореть в аду", а другая часть, это мы вебмастера так не считаем))). Я занимаю позицию такую, пусть "горят в аду" те владельцы сайтов, которые совсем не уважают и не ценят свою аудиторию, засоряя свои сайты Pop-up и всяким агрессивным "рекламо-говном". Я владелец образовательного ресурса, на разработку скрипта и самого сайта, на котором можно проходить обучение, готовясь к одному из экзаменов, чтобы потом сдать его в ГИБДД для получения водительских прав, у меня ушло 2 года. И по сей день в связи с часто меняющимся законодательством, приходиться очень часто дорабатывать и вносить правки в сайт. И у меня весит один аккуратны контекстный баннер от Adsense на одну страницу сайта, такой вид рекламы я поддерживаю. Потому что считаю, что любой труд должен оплачиваться.
Ладно хватит лирики, перейдём к теме поста. Напомню она у нас: "Обходим Adblock и выводим статические баннеры".
Для начала немного статистики.
Как видим достаточно солидный процент пользователей заходят на сайт с включённым Adblock-ом. Я считаю, что в метрики не полная статистика, так как Adblock режет и сам счётчик. Так что этот показатель думаю ещё больше.
Вот я и решил задуматься, мой единственный безобидный баннер, не видят более 4000 тысяч человек в месяц, какая никакая потеря.
"Погуглив" данный вопрос, встретил много работающих и неработающих решений. Из нескольких решений кое-что взял на заметку и написал небольшой скриптик, который на данный момент работает и выводит статический баннер на место заблокированного контекстного баннера от Adsene. Проверял в Опере и Google Chrome.
Поделюсь с вами кодом и объясню логику работы данного скрипта.
На картинке выше мы видим, что если Adblock отключен, загружается рекламный баннер, и если рекламный код обернуть блоком <div> то данный div будет иметь height - высоту, так как в него загрузится что-то.
Следовательно мы можем оперировать этим событием, то есть получаем условие:
если <div> в котором присутствует рекламный код загрузился и имеет высоту, то ничего с ним не делаем, а если <div> имеет высоту 0 то создаём контент и выводим его в другой <div> с нужным нам ID. Схематично это можно изобразить так.
Сам код ниже.
Какой баннер и ссылки вывести в это место это уже решать вам.
Позже когда соберу статистику, напишу заметку, будет ли какая отдача от вывода статического баннера, который показывается вместо Adsense у тех кто блочит рекламу
Если я вам помог, не поленитесь поставить пальчик вверх!
