Как смотреть на Авито и ВК только рекламные объявления

Приём простой: в браузер ставится расширение Stylus, в него вставляется небольшой CSS — и в ленте Авито пропадают обычные объявления, остаются только продвигаемые. То же работает для ленты ВКонтакте: остаются только рекламные посты. Настройка занимает пять минут, всё бесплатно, и это не нарушение правил — вы меняете отображение страницы у себя в браузере, как при включении тёмной темы.

• Зачем: увидеть, кто в нише платит за продвижение, собрать чужие офферы и сравнить своё объявление с платными, а не с обычными.
• Главная хитрость не в коде, а в умении обновить селекторы: площадки меняют разметку, и готовый код рано или поздно перестаёт работать.
• Только браузер: в мобильные приложения расширения не ставятся, но мобильная версия сайта подходит.

Шесть задач, которые решает чистая рекламная лента. Первые три — про рынок, остальные — про вашу собственную рекламу.

• Разведка конкурентов. Видно, кто из вашей нишы вообще платит за продвижение, а кто нет. Это первое, что стоит знать перед собственным запуском: если платят все — цена входа высокая, если никто — есть шанс занять место дешево.
• Сбор офферов. Платные объявления пишут внимательнее, чем обычные: там всегда есть цена, выгода и призыв. Полчаса такой ленты дают материал для собственных объявлений на месяц.
• Оценка цен в нише. В промо-объявлениях цену указывают почти всегда, поэтому чистая рекламная лента — быстрый способ увидеть реальный разброс цен без обзвона конкурентов.
• Проверка своей рекламы. Включите фильтр и посмотрите, как ваше объявление выглядит среди таких же платных, а не среди обычных. Это совсем другая картина и другие выводы по фото и заголовку.
• Мониторинг новых игроков. Новые компании почти всегда начинают с платного размещения. В чистой рекламной ленте они заметны сразу, а в общей растворяются.
• Анализ креативов во ВКонтакте. В ленте ВК тот же приём оставляет только рекламные посты — то есть готовую библиотеку креативов по вашим интересам и геолокации.

Stylus — бесплатное расширение для Chrome, Firefox и Edge, которое применяет к сайтам ваши собственные CSS-правила. Оно не вмешивается в работу площадки и не отправляет ничего на сервер: браузер просто рисует страницу с учётом ваших стилей. Именно поэтому способ бесплатный и безопасный — технически это то же самое, что увеличить шрифт или включить тёмную тему.

1. Откройте магазин расширений браузера: для Chrome и Edge это Chrome Web Store, для Firefox — Add-ons.
2. Найдите в поиске расширение Stylus от разработчика stylus.openstyles и установите его.
3. Проверьте, что в правой части адресной строки появилась иконка с буквой S — это и есть Stylus.
4. Зайдите на avito.ru, нажмите на иконку Stylus и выберите «Создать стиль для www.avito.ru».
5. Полностью очистите большое текстовое поле в открывшемся редакторе и вставьте код из следующего раздела.
6. Нажмите «Сохранить» в левом верхнем углу и закройте вкладку редактора — стиль включится сам.
7. Вернитесь на avito.ru, обновите страницу и пролистайте ленту: обычные объявления исчезнут, останутся только продвигаемые.

Для Авито — скрывает обычные объявления на главной и в выдаче, оставляя продвигаемые (блоки с mimicry в классе — это как раз рекламные, их оставляем видимыми):

/* Код для скрытия обычных обьявлений на авито на главной */

.styles-adv-QMMIo, .styles-item-uFKud {
    display: none;
}
.advert-mimicry-block-wrapper-LuiRc {
    display: block;
}
.index\.module__sticky___ZjhiN2 {
    position: relative;
}

Для ленты ВКонтакте на компьютере — скрывает обычные посты, у которых есть атрибут отслеживания, и оставляет рекламные:

/* Код для скрытия обычных постов на vk.com в ленте */

article:has(div[data-post-track-code]) {
  display: none !important;
}

Для мобильной версии m.vk.com:

/* Код для скрытия обычных постов на m.vk.com в ленте */

.wall_item {display: none;}

.wall_item._stats_cont {
    display: block;
}

Код для ВКонтакте вставляется в отдельный стиль — создайте его так же, как для Авито, но на домене vk.com. Складывать правила для разных сайтов в один стиль не нужно.

Это самая полезная часть статьи. Авито и ВКонтакте регулярно меняют разметку, и классы в коде устаревают — обычно раз в несколько месяцев. Разобравшись один раз, вы сможете починить фильтр сами за две минуты и не ждать, пока кто-то обновит код.

1. Откройте инструменты разработчика

В Chrome и Edge — Ctrl+Shift+C (на Mac ⌘+Shift+C), в Firefox то же сочетание. Курсор превратится в указатель выбора элемента.

2. Ткните в обычное объявление

Наведите на карточку, которую хотите скрыть, и щёлкните. В панели справа подсветится её HTML — найдите ближайший родительский блок, который оборачивает карточку целиком.

3. Скопируйте класс этого блока

Классы на Авито выглядят как styles-item-uFKud: осмысленное начало и случайный хвост из букв. Нужен именно класс блока-обёртки, а не текста внутри.

4. Ткните в рекламное объявление

Повторите то же с продвигаемой карточкой и сравните классы. Вам нужен класс, который есть у обычных и отсутствует у рекламных, — его и скрываем.

5. Подставьте новый класс в код

Замените устаревшие селекторы в строке display: none на найденные. Точку перед именем класса не забывайте.

6. Проверьте на ленте

Обновите страницу. Если исчезло всё — вы захватили слишком общий блок, возьмите уровень глубже. Если ничего не изменилось — класс не тот или в нём опечатка.

Чтобы не перебирать классы наугад, ориентируйтесь на пять признаков.

Чистая рекламная лента — это материал, который бесполезен без записей: через час просмотра всё сливается в одно. Завести таблицу с шестью колонками и заполнять её сразу.

Все действия — через иконку расширения в адресной строке. Включить или выключить стиль: нажмите на иконку и снимите или поставьте галочку напротив нужного стиля. Отредактировать: нажмите на карандаш рядом со стилем. Удалить: три точки рядом со стилем, затем «Удалить». Перенести на другой компьютер: в настройках расширения есть экспорт и импорт стилей в файл — сделайте выгрузку сразу, пока всё работает.

Пять вещей, о которых лучше знать заранее, чтобы не искать несуществующие проблемы.

• Работает только в браузере. Расширения нельзя поставить в мобильные приложения Авито и ВК. Для телефона используйте мобильную версию сайта в браузере, поддерживающем расширения.
• Селекторы меняются. Площадки обновляют разметку, и код перестаёт работать без предупреждения. Это нормально: раздел про поиск селекторов выше как раз для таких случаев.
• Это скрытие, а не блокировка. Объявления по-прежнему загружаются, просто не отображаются у вас. Нагрузка на страницу не меняется, и на статистику площадки это не влияет.
• Фильтр не отличает типы продвижения. Вы видите все платные форматы вперемешку — от поднятия в поиске до баннеров. Разбираться, какой именно формат используется, придётся глазами.
• Стиль живёт в одном браузере. На другом компьютере его придётся установить заново: Stylus умеет экспортировать стили в файл, этим и пользуйтесь.

• Вставить код в общий стиль для всех сайтов. Тогда классы начнут применяться где попало. Stylus по умолчанию создаёт стиль для конкретного домена — так и оставляйте.
• Забыть точку перед классом. Селектор без точки — это тег, а не класс. Самая частая опечатка при ручном обновлении кода.
• Скрыть слишком общий блок. Если исчезла вся лента вместе с рекламой, вы взяли контейнер уровнем выше. Спуститесь на один уровень вниз.
• Решить, что расширение сломалось. В девяти случаях из десяти изменилась разметка площадки, а не расширение. Проверять нужно селекторы.
• Анализировать рекламу без записей. Через час просмотра всё сливается. Заведите таблицу с колонками «оффер», «цена», «фото», «призыв» и заполняйте сразу.

Отмечайте пункты — список запоминает отметки в этом браузере.

Пять минут на установку Stylus и вставку кода дают инструмент, которым удобно изучать рекламу конкурентов на Авито и во ВКонтакте: видно, кто платит, какие офферы используют и как это выглядит рядом с вашим объявлением. Код в статье рабочий, но главное — уметь его обновить: площадки меняют разметку, и через инструменты разработчика новый класс находится за две минуты. Разберитесь с этим один раз, и фильтр будет работать у вас всегда.