← Wszystkie wpisy

Poradniki

Poprawki LinkedIn — wyciszony feed CSS i JS w JustZix

LinkedIn potrafi być użyteczny, ale jego feed jest gęsto upakowany sponsorowanymi postami, modułami "Osoby, które możesz znać", panelem newsów i licznikami reakcji, które ciągną uwagę w bok. Ten poradnik pokazuje, jak za pomocą kilku reguł CSS i JS w JustZix odchudzić linkedin.com — schować to, czego nie czytasz, i zostawić sam strumień treści od ludzi, których obserwujesz.

Dlaczego warto przyciąć LinkedIn

Feed LinkedIn miesza ze sobą kilka rodzajów treści: posty osób, które obserwujesz, posty "promowane" (reklamy), sugestie polubień, sugestie obserwacji i karuzele newsów w prawej kolumnie. Dla algorytmu to wszystko jest "zaangażowaniem", dla Ciebie — szum. JustZix działa lokalnie w karcie: reguła CSS chowa element, reguła JS może go usunąć z DOM albo wyciszyć kolory. Nic nie wysyłasz na zewnątrz, a każda zmiana jest przypięta do linkedin.com i włączana jednym klikiem.

Ukryj posty sponsorowane i promowane

Reklamy w feedzie LinkedIn są oznaczone słowem "Promoted" (lub "Sponsorowane" w polskiej wersji). Sam kontener posta nie ma stabilnej klasy, ale element z tym tekstem da się złapać. Najprostsza, czysto CSS-owa próba opiera się na atrybutach pomocniczych:

/* Wycisz kontenery oznaczone jako reklama */
.feed-shared-update-v2:has(.update-components-actor__description) {
  /* sam selektor pomocniczy — patrz reguła JS niżej */
}

/* Ukryj widoczną etykietę "Promoted" gdy już wiesz, że to reklama */
span.update-components-actor__description {
  opacity: 0.55 !important;
}

CSS nie potrafi dopasować elementu po jego tekście, więc pewniejszą drogą jest krótka reguła JS, która skanuje feed i chowa cały post zawierający etykietę reklamy:

// Ukryj posty "Promoted" / "Sponsorowane" w feedzie
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 === 'sponsorowane' || t === 'promowany') {
      const post = el.closest('.feed-shared-update-v2, div[data-id]');
      if (post) post.style.display = 'none';
    }
  });
}
hideSponsored();
// Feed doładowuje się w trakcie scrolla — obserwuj zmiany
new MutationObserver(hideSponsored).observe(
  document.body, { childList: true, subtree: true }
);

Wytnij moduły "Osoby, które możesz znać" i "Dodaj do feedu"

Pomiędzy zwykłymi postami LinkedIn wstawia karty z sugestiami obserwacji i polubień. To nie są treści — to zachęty do klikania. Można je ukryć regułą CSS celującą w komponenty sugestii:

/* Karty "Osoby, które możesz znać" oraz "Dodaj do feedu" */
.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;
}

/* Doklejona zachętka do obserwacji wewnątrz posta */
.feed-shared-actor__follow-button {
  display: none !important;
}

Schowaj prawą kolumnę z newsami

Prawa kolumna ("LinkedIn News", "Add to your feed", trendy) zajmuje stałą szerokość i nie wnosi nic do czytania. Ukrycie jej rozszerza główny strumień:

/* Ukryj prawą kolumnę i rozszerz feed */
aside.scaffold-layout__aside,
.news-module,
.feed-news-module {
  display: none !important;
}

/* Niech główna kolumna zajmie zwolnione miejsce */
.scaffold-layout__row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) !important;
}

Tryb skupienia — same posty

Gdy chcesz przejrzeć feed bez rozpraszaczy, jedna reguła może schować lewą kolumnę profilu, prawą kolumnę i licznik reakcji pod każdym postem:

/* Tryb skupienia: tylko strumień postów */
aside.scaffold-layout__aside,
.scaffold-layout__sidebar,
.social-details-social-counts {
  display: none !important;
}

/* Ukryj licznik reakcji i komentarzy */
.social-details-social-counts__count-value,
.social-details-social-counts__reactions-count {
  display: none !important;
}

Wycisz rozpraszacze do skali szarości

Jeżeli wolisz nie usuwać elementów, a tylko je stonować, reguła JS może odbarwić powiadomienia i baner sponsorowanej treści, zostawiając kolor tam, gdzie czytasz:

// Stonuj rozpraszacze zamiast je usuwać
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';
});

Zbuduj swój zestaw

Trzymaj te poprawki jako osobne, nazwane reguły — "LinkedIn: bez reklam", "LinkedIn: bez sugestii", "LinkedIn: tryb skupienia" — każda przypięta do linkedin.com. Dzięki temu jednym klikiem dopasujesz feed do tego, jak akurat chcesz z niego korzystać.

Gotowe reguły dla LinkedIn znajdziesz w katalogu — zajrzyj do przykładów dla linkedin.com i skopiuj to, co pasuje. Zainstaluj JustZix i wycisz swój feed jeszcze dziś.

Oceń ten wpis

Brak ocen — oceń jako pierwszy.

Wypróbuj samodzielnie

Zainstaluj JustZix i wklej dowolny snippet z tego artykułu. Dwie minuty od zera do działającej reguły na wszystkich Twoich urządzeniach.

Pobierz JustZix

Funkcje · Jak to działa · Przykłady · Zastosowania