← Все статьи

Туториалы

Очистите ленты Reddit, X и соцсетей с JustZix

17 мая 2026 · автор JustZix Team

Ленты соцсетей сконструированы так, чтобы вы продолжали прокручивать: продвигаемые посты, «предложенные» сообщества, боковые панели трендов, бесконечный связанный контент. JustZix позволяет вырезать всё это CSS-правилами, привязанными к каждому сайту, так что ваша лента показывает людей, на которых вы действительно подписаны.

Reddit: уберите продвигаемые посты и приманки

Создайте CSS-правило, совпадающее с *://*.reddit.com/*. Современный Reddit отрисовывает посты как элементы shreddit-ad-post и article, и реклама несёт маркер продвижения, на который можно нацелиться.

/* Нативные продвигаемые посты в ленте */
shreddit-ad-post,
shreddit-comments-page-ad,
article:has(shreddit-ad-post) { display: none !important; }

/* «Популярные сообщества» и колонки рекомендаций */
reddit-recommendation-rail,
shreddit-recommended-communities-list { display: none !important; }

Если вы также хотите более тихую боковую панель, скройте карусели трендов:

/* Виджеты «в трендах сегодня» / открытий */
shreddit-trending-searches-container,
faceplate-tracker[source="trending"] { display: none !important; }

X / Twitter: лента обратно к подпискам

В X продвигаемые твиты включают небольшую метку «Реклама», отрисованную как span внутри поста. Создайте CSS-правило для *://x.com/* (добавьте второе правило для twitter.com, если вы всё ещё попадаете на старый домен). Используйте :has(), чтобы сопоставить пост, содержащий эту метку.

/* Продвигаемые твиты несут span с меткой «Реклама» */
article:has(span:is(:scope *)):has([data-testid="placementTracking"]) {
  display: none !important;
}

/* Модули «На кого подписаться» и «Открыть ещё» */
[aria-label="Timeline: Trending now"],
div[data-testid="UserCell"]:has(a[href$="/connect_people"]) {
  display: none !important;
}

X также вставляет блоки «Вам может понравиться» и «Ещё твиты» посреди ленты. Они разделяют обёртку cellInnerDiv, так что нацельтесь на контейнер текста заголовка:

/* Свернуть вставленные ячейки предложений */
div[data-testid="cellInnerDiv"]:has(h2 span) { display: none !important; }

Настройте это последнее правило осторожно — если оно скрывает слишком много, сузьте его до конкретного заголовка. CSS-селекторы обратимы: удалите правило, и лента вернётся к умолчанию.

Универсальный стартер «спокойной ленты»

Некоторые шаблоны повторяются на разных сайтах. Это общее CSS-правило, привязанное к любой выбранной вами ленте, скрывает распространённые виджеты-приманки по доступному имени.

/* Общее: скрыть элементы с меткой рекламы или спонсорства */
[aria-label*="Sponsored" i],
[aria-label*="Promoted" i],
[data-ad-slot] { display: none !important; }

Флаг i делает совпадение нечувствительным к регистру, так что «Sponsored», «sponsored» и «SPONSORED» совпадают все.

Сгладьте перекомпоновку с JavaScript

Скрытие карточек через display: none может ненадолго запутать бесконечный прокручиватель. Крошечное JS-правило, привязанное к вашей ленте, держит вёрстку аккуратной, удаляя помеченные узлы напрямую после их отрисовки.

const SELECTOR = 'shreddit-ad-post';

function prune() {
  document.querySelectorAll(SELECTOR).forEach(el => el.remove());
}

prune();
new MutationObserver(prune).observe(document.body, {
  childList: true, subtree: true
});

Это удаляет только узлы, которые уже совпадают с вашим CSS-селектором — никаких сетевых вызовов, никакие данные не покидают страницу. Это чисто удобство вёрстки.

Держите правила привязанными

Смысл JustZix — в точности. Правило Reddit никогда не должно работать на X, и наоборот — отдельные правила с отдельными совпадениями URL держат их изолированными и лёгкими для переключения. Когда сайт делает редизайн, вы редактируете один селектор вместо отладки разросшегося скрипта.

Просмотрите наши готовые примеры за другими рецептами для лент или смотрите руководство по настройкам YouTube ради очистки видеостороны. Ещё не установлено? Скачайте JustZix и начните с правила для продвигаемых постов выше.