Авито выкатили новый рекламный кабинет. Я написал большой гайд о том, как с помощью нескольких шагов подсмотреть за конкурентами и тем самым облегчить жизнь предпринимателям и специалистам. Завариваем чай — и погнали просвещаться!
Что такое и как это работает
Stylus — бесплатное расширение для браузеров (Chrome, Firefox, Edge), которое позволяет применять пользовательские CSS-стили к сайтам. Мы используем его для скрытия обычных объявлений и отображения только рекламных.
Почему именно этот метод эффективен?
Прежде чем перейти к установке, важно понять ключевые преимущества использования Stylus для фильтрации Авито. Наш подход полностью удаляет из ленты все обычные объявления, оставляя только платные предложения. Это особенно полезно для:
- Маркетологов и аналитиков, изучающих рекламные стратегии конкурентов
- Предпринимателей, которые подсматривают за своими конкурентами
- Экономии времени при просмотре большого количества объявлений
Шаг 1: Установка расширения Stylus
Следуй шаг за шагом.
1.1 Открываем Chrome Web Store
Переходим по прямой ссылке ссылке и открываем Chrome Web Store: https://chromewebstore.google.com
1.2 Ищем и устанавливаем Stylus
- В поиске магазина расширений вводим: "Stylus"
- Находим расширение от "stylus.openstyles" (обычно первое в результатах)
- Нажимаем синюю кнопку "Добавить в Chrome"
- Подтверждаем установку во всплывающем окне
1.3 Проверяем установку
- В правом верхнем углу браузера (рядом с адресной строкой) должна появиться новая иконка — буква "S" в круге
- Кликаем по иконке → должна открыться панель управления стилями
- Если видите надпись "Stylus работает на этой странице" — всё установлено правильно
Зачем нам Stylus?
Прежде чем перейти к следующему шагу, давайте на секунду остановимся на главном: почему именно Stylus? Потому что это самый простой и бесплатный способ заставить Авито показывать только то, что вам нужно. Вы не нарушаете правила — вы просто меняете внешний вид страницы в своём браузере. Как будто надеваете специальные очки, которые фильтруют ненужную информацию.
Шаг 2: Создаём стиль для Авито
2.1 Открываем редактор Stylus
- Заходим на сайт Авито
- Нажимаем на иконку Stylus (та самая буква "S")
- В выпадающем меню выбираем "Создать стиль для www.avito.ru"
- Откроется новая вкладка со списком стилей
Шаг 3: Вставляем рабочий код
3.1 Полностью очищаем большое текстовое поле в редакторе, копируем этот код:
/* Код для скрытия обычных обьявлений на авито на главной */
.styles-adv-QMMIo, .styles-item-uFKud {
display: none;
}
.advert-mimicry-block-wrapper-LuiRc {
display: block;
}
.index\.module__sticky___ZjhiN2 {
position: relative;
}
UPD: Добавлено для vk.com
/* Код для скрытия обычных постов на vk.com в ленте */
article:has(div[data-post-track-code]) {
display: none !important;
}
UPD 2: Добавлено для m.vk.com
/* Код для скрытия обычных постов на m.vk.com в ленте */
.wall_item {display: none;}
.wall_item._stats_cont {
display: block;
}
3.2 Сохраняем стиль
- Нажимаем "Сохранить" в левом верхнем углу редактора
- Закрываем вкладку редактора
- Готово! Стиль автоматически активируется
Шаг 4: Проверяем работу
- Переходим на avito.ru
- Листаем ленту вниз и радуемся :)
- Тоже самое - Переходим на vk.com в ленту
- Листаем вниз и смотрим рекламу :D
- На m.vk.com
Как пользоваться
Включить/выключить:
Нажмите на иконку Stylus => нажмите на галочку напротив стиля
Редактировать:
Нажмите на иконку Stylus => нажмите на карандаш
Удалить:
Нажмите на иконку Stylus => нажмина не 3 точки, далее удалить
Итог
Важно: Авито и VK иногда меняет структуру сайта. Если фильтр перестал работать — напишите в tg @smm_shapovalov. Я оперативно обновлю код в статье.
P.S. Это самый простой и бесплатный способ "прокачать" Авито и ВК под свои задачи. Пользуйтесь на здоровье!