← Все статьи

Туториалы

Настройки LinkedIn — спокойная лента с CSS и JS

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

LinkedIn бывает полезен, но его лента плотно набита продвигаемыми постами, модулями «Возможно, вы знакомы», колонкой новостей и счётчиками реакций, которые тянут внимание в сторону. Это руководство показывает, как расчистить linkedin.com с помощью нескольких правил CSS и JS в JustZix — скрыть то, что вы никогда не читаете, и оставить только поток контента от людей, на которых вы подписаны.

Зачем вообще урезать LinkedIn

Лента LinkedIn смешивает несколько видов контента: посты людей, на которых вы подписаны, «продвигаемые» посты (рекламу), предложения лайков, предложения подписок и карусель новостей в правой колонке. Для алгоритма это всё «вовлечённость»; для вас — шум. JustZix работает локально внутри вкладки: CSS-правило прячет элемент, JS-правило может удалить его из DOM или приглушить его цвета. Ничего не покидает ваш браузер, а каждое изменение привязано к linkedin.com и переключается одним кликом.

Скрыть продвигаемые и спонсорские посты

Реклама в ленте LinkedIn помечена словом «Promoted» (или «Sponsored» в некоторых локалях). У самого контейнера поста нет стабильного класса, но элемент с этим текстом можно поймать. Самая простая попытка на чистом CSS опирается на вспомогательные атрибуты:

/* Приглушить контейнеры, помеченные как реклама */
.feed-shared-update-v2:has(.update-components-actor__description) {
  /* только вспомогательный селектор — см. JS-правило ниже */
}

/* Затемнить видимую метку "Promoted", когда вы знаете, что это реклама */
span.update-components-actor__description {
  opacity: 0.55 !important;
}

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

// Скрыть посты "Promoted" / "Sponsored" в ленте
function hideSponsored() {
  const labels = document.querySelectorAll(
    '.update-components-actor__description, .update-components-text'
  );
  labels.forEach(el => {
    const t = (el.textContent || '').trim().toLowerCase();
    if (t === 'promoted' || t === 'sponsored') {
      const post = el.closest('.feed-shared-update-v2, div[data-id]');
      if (post) post.style.display = 'none';
    }
  });
}
hideSponsored();
// Лента подгружается при прокрутке — следим за изменениями
new MutationObserver(hideSponsored).observe(
  document.body, { childList: true, subtree: true }
);

Уберите модули «Возможно, вы знакомы» и «Добавить в ленту»

Между обычными постами LinkedIn вставляет карточки с предложениями подписок и лайков. Это не контент — это призывы к клику. Их можно скрыть CSS-правилом, нацеленным на компоненты предложений:

/* Карточки "Возможно, вы знакомы" и "Добавить в ленту" */
.discover-entity-type-card,
.feed-follows-module,
section.artdeco-card:has(.discover-cohort-card),
.update-components-header:has(span[aria-label*="suggested"]) {
  display: none !important;
}

/* Встроенный призыв подписаться внутри поста */
.feed-shared-actor__follow-button {
  display: none !important;
}

Скройте правую колонку новостей

Правая колонка («LinkedIn News», «Добавить в ленту», тренды) занимает фиксированную ширину и ничего не добавляет к чтению. Её скрытие расширяет основной поток:

/* Скрыть правую колонку и расширить ленту */
aside.scaffold-layout__aside,
.news-module,
.feed-news-module {
  display: none !important;
}

/* Пусть основная колонка займёт освободившееся место */
.scaffold-layout__row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) !important;
}

Режим фокуса — только посты

Когда вы хотите просмотреть ленту без отвлечений, одно правило может скрыть левую колонку профиля, правую колонку и счётчик реакций под каждым постом:

/* Режим фокуса: только поток постов */
aside.scaffold-layout__aside,
.scaffold-layout__sidebar,
.social-details-social-counts {
  display: none !important;
}

/* Скрыть счётчики реакций и комментариев */
.social-details-social-counts__count-value,
.social-details-social-counts__reactions-count {
  display: none !important;
}

Приглушите отвлекающее до оттенков серого

Если вы предпочитаете не удалять элементы, а лишь приглушить их, JS-правило может обесцветить уведомления и спонсорский баннер, оставив цвет там, где вы читаете:

// Приглушить отвлекающее вместо удаления
const muted = document.querySelectorAll(
  '.feed-news-module, .discover-entity-type-card, .ad-banner-container'
);
muted.forEach(el => {
  el.style.filter = 'grayscale(1)';
  el.style.opacity = '0.6';
});

Соберите свой набор

Держите эти настройки отдельными именованными правилами — «LinkedIn: без рекламы», «LinkedIn: без предложений», «LinkedIn: режим фокуса» — каждое привязано к linkedin.com. Тогда один клик подстроит ленту под то, как вы хотите ею пользоваться прямо сейчас.

Готовые правила для LinkedIn есть в каталоге — посмотрите примеры для linkedin.com и скопируйте то, что подходит. Установите JustZix и успокойте свою ленту уже сегодня.