Оффлайн
- Регистрация
- 29.03.17
- Сообщения
- 47
- Реакции
- 13
- Репутация
- 48
Всем знакома ситуация, когда заходя на один из своих любимых сайтов замечаешь, что добавился еще один надоедливый баннер. И это становится последней каплей между "я понимаю - ресурсу нужно как-то зарабатывать" и "да сколько можно!" Иногда владельцы сайта предусматривают модель без рекламы. Но это происходит довольно редко и тогда все приходится делать самому.
Сегодня я хочу рассказать, как убирать баннеры и рекламные области при помощи дополнений браузера Firefox.
Для начала нам понадобятся собственно эти полезные дополнения.
Мой антирекламный отряд состоит из трех дополнений:
При первом запуске после установки Adblock Plus можно сразу подписаться на черные списки.
В качестве примера рассмотрим читаемый многими хабр. Во время чтения на глаза попадаются два рекламных участка.
Начнем с флеш-баннера справа. При наведении на него курсора адблок добавляет кнопочки "Block".
При клике на этой кнопке появляется меню с предложениями фильтра, который будет использован для этого и подобных баннеров. Можно вписать и свой вариант.
Заблокировать можно любую картинку - достаточно кликнуть по ней правой кнопкой мыши и выбрать в контекстном меню соответствующий пункт.
А вот с текстовым блоком все сложнее - это не картинка и придется повозиться.
Во-первых, нам нужно узнать, какой участок кода отвечает за вывод этой таблички. Если вы разбираетесь в веб-программировании, то можно найти ответ на этот вопрос в коде страницы. Если не разбираетесь - на помощь приходит DOM Inspector. Вызывается он из меню Tools/Инструменты.
После того, как инспектор загрузится кликаем кнопку "Inspect", находящуюся в правом верхнем углу:
После нажатия в нижней половине инспектора будет отрендерена такая же страница, как та, что мы видим в браузере.
Затем кликаем на стрелочку в левом верхнем углу для определения искомого участка.
Далее кликаем на любое место таблицы с рекламой, кроме ссылок.
Инспектор подсвечивает красным участок, который мы выбрали и переходит на строку кода, отвечающую за него. Теперь передвигаемся вверх по иерархии кода кликая по строкам кода все выше и выше до тех пор, пока инспектор не подсветит всю таблицу целиком.
Когда это произойдет вызываем контекстное меню на найденной строке и выбираем один из предложенных вариантов во вкладке "Copy selector". Тут стоит проявить внимание и выбрать что-то уникальное. Если в данном примере выбрать просто "DIV", то срытыми окажутся все дивы, то есть вся страница вообще.
Когда критерий скрытия установлен необходимо создать новый стиль. Для этого кликаем по иконке Stylish в левом нижнем углу браузера (не инспектора, а браузера) и выбираем управление стилями в появившемся меню:
Откроется окно стайлиша, в котором мы и создадим новый стиль.
Стилю нужно задать имя (обязательно) и теги (не обязательно).
В стиле должны быть указаны пространства имен (@namespace url(
Затем вписываем то, что нужно скрыть (.yandex-direct) и опции скрытия ({display: none !important;}). Остается только кликнуть "Сохранить/Save" и дело сделано.
Сравните до и после.
Что касается флеша, то мне очень редко приходилось встречать, чтобы его использовали для чего-то полезного, кроме видеороликов. В подавляющем большинстве случаев - это реклма. И самая надоедливая реклама - она шевелится и мелькает. Поэтому я создал правило для Adblock Plus, которое блокирует все по маске "*.swf" и при этом ввел несколько исключений - для youtube и еще нескольких видеохостингов. Очень помогает.
Сегодня я хочу рассказать, как убирать баннеры и рекламные области при помощи дополнений браузера Firefox.
Для начала нам понадобятся собственно эти полезные дополнения.
Мой антирекламный отряд состоит из трех дополнений:
- Adblock Plus
- Stylish
- DOM Inspector
При первом запуске после установки Adblock Plus можно сразу подписаться на черные списки.
В качестве примера рассмотрим читаемый многими хабр. Во время чтения на глаза попадаются два рекламных участка.
Начнем с флеш-баннера справа. При наведении на него курсора адблок добавляет кнопочки "Block".
При клике на этой кнопке появляется меню с предложениями фильтра, который будет использован для этого и подобных баннеров. Можно вписать и свой вариант.
Заблокировать можно любую картинку - достаточно кликнуть по ней правой кнопкой мыши и выбрать в контекстном меню соответствующий пункт.
А вот с текстовым блоком все сложнее - это не картинка и придется повозиться.
Во-первых, нам нужно узнать, какой участок кода отвечает за вывод этой таблички. Если вы разбираетесь в веб-программировании, то можно найти ответ на этот вопрос в коде страницы. Если не разбираетесь - на помощь приходит DOM Inspector. Вызывается он из меню Tools/Инструменты.
После того, как инспектор загрузится кликаем кнопку "Inspect", находящуюся в правом верхнем углу:
После нажатия в нижней половине инспектора будет отрендерена такая же страница, как та, что мы видим в браузере.
Затем кликаем на стрелочку в левом верхнем углу для определения искомого участка.
Далее кликаем на любое место таблицы с рекламой, кроме ссылок.
Инспектор подсвечивает красным участок, который мы выбрали и переходит на строку кода, отвечающую за него. Теперь передвигаемся вверх по иерархии кода кликая по строкам кода все выше и выше до тех пор, пока инспектор не подсветит всю таблицу целиком.
Когда это произойдет вызываем контекстное меню на найденной строке и выбираем один из предложенных вариантов во вкладке "Copy selector". Тут стоит проявить внимание и выбрать что-то уникальное. Если в данном примере выбрать просто "DIV", то срытыми окажутся все дивы, то есть вся страница вообще.
Когда критерий скрытия установлен необходимо создать новый стиль. Для этого кликаем по иконке Stylish в левом нижнем углу браузера (не инспектора, а браузера) и выбираем управление стилями в появившемся меню:
Откроется окно стайлиша, в котором мы и создадим новый стиль.
Стилю нужно задать имя (обязательно) и теги (не обязательно).
В стиле должны быть указаны пространства имен (@namespace url(
You must be registered for see links
), а так же домен, в котором будет работать данный стиль (@-moz-document domain("habrahabr.ru")). Если домен не указать, то стиль будет применяться всюду.Затем вписываем то, что нужно скрыть (.yandex-direct) и опции скрытия ({display: none !important;}). Остается только кликнуть "Сохранить/Save" и дело сделано.
Сравните до и после.
Что касается флеша, то мне очень редко приходилось встречать, чтобы его использовали для чего-то полезного, кроме видеороликов. В подавляющем большинстве случаев - это реклма. И самая надоедливая реклама - она шевелится и мелькает. Поэтому я создал правило для Adblock Plus, которое блокирует все по маске "*.swf" и при этом ввел несколько исключений - для youtube и еще нескольких видеохостингов. Очень помогает.