Jak ukryć ściany cookie i okienka zgody za pomocą CSS
Bannery cookie to podatek, który płacisz za odwiedzenie niemal każdej strony w 2026 roku. Zasłaniają treść, blokują przewijanie i wymagają kliknięcia, zanim przeczytasz choćby jedno słowo. Dzięki JustZix możesz sprawić, by znikały automatycznie na każdej wybranej stronie.
Dlaczego reguła CSS bije klikanie "Odrzuć wszystko"
Klikanie przez okienka zgody jest powtarzalne i wolne, a wiele z nich ukrywa przycisk "Odrzuć" za dodatkowym menu. Reguła JustZix uruchamia się w momencie ładowania strony, więc banner nie ma szansy ci przeszkodzić. Ustawiasz ją raz na stronę (lub raz z szerokim wzorcem URL) i zapominasz o niej.
Sztuczka polega na tym, że większość bannerów to zwykłe elementy DOM o przewidywalnych nazwach klas. Ukryj element, przywróć przewijanie, a strona zachowuje się tak, jakby bannera nigdy nie było.
Przepis 1: Ukryj banner i przywróć przewijanie
Większość bibliotek zgody blokuje stronę, dodając overflow: hidden do elementu <body> lub <html>. Samo ukrycie bannera nie wystarczy — musisz też odblokować przewijanie.
/* Ogólne sprzątanie bannera cookie */
[id*="cookie"], [class*="cookie-banner"],
[class*="consent"], [id*="consent"],
[aria-label*="cookie" i] {
display: none !important;
}
/* Przywróć przewijanie zablokowane przez banner */
html, body {
overflow: auto !important;
position: static !important;
}Flaga i wewnątrz [aria-label*="cookie" i] sprawia, że dopasowanie ignoruje wielkość liter, więc łapie "Cookie", "COOKIE" i "cookie" tak samo.
Przepis 2: Usuń ciemną nakładkę tła
Niektóre strony przyciemniają całą stronę za oknem dialogowym za pomocą stałej, pełnoekranowej nakładki. Nawet po ukryciu okna ta szara warstwa może zostać i przechwytywać twoje kliknięcia.
/* Usuń przyciemniającą nakładkę tła */
.modal-backdrop, .overlay, .cookie-overlay,
[class*="backdrop"], [class*="scrim"] {
display: none !important;
pointer-events: none !important;
}Przepis 3: Awaryjny JS dla upartych bannerów
Garstka narzędzi zgody odbudowuje banner po załadowaniu CSS lub renderuje go wewnątrz shadow DOM, do którego CSS nie sięga. Dla nich pomaga niewielka reguła JavaScript. JustZix uruchamia ją na wybranych przez ciebie stronach.
// Usuń węzły zgody renderowane z opóźnieniem
const KILL = ['cookie', 'consent', 'gdpr', 'privacy-banner'];
function sweep() {
document.querySelectorAll('div, section, aside').forEach(el => {
const id = (el.id + ' ' + el.className).toLowerCase();
if (KILL.some(k => id.includes(k)) && el.offsetHeight < 600) {
el.remove();
}
});
document.documentElement.style.overflow = 'auto';
document.body.style.overflow = 'auto';
}
sweep();
new MutationObserver(sweep).observe(document.body, {
childList: true, subtree: true
});Zabezpieczenie offsetHeight < 600 to siatka bezpieczeństwa: powstrzymuje skrypt przed usunięciem prawdziwego artykułu, który przypadkiem wspomina słowo "privacy" w nazwie klasy.
Celowanie we właściwe adresy URL
Jeśli chcesz tego wszędzie, użyj wzorca z symbolem wieloznacznym, np. *://*/*. Jeśli jakaś strona się zepsuje, zawęź regułę do tej domeny. JustZix pozwala trzymać zarówno globalną regułę sprzątającą, jak i nadpisania dla poszczególnych stron, a bardziej szczegółowa reguła wygrywa.
- Globalnie:
*://*/*dla ogólnego CSS powyżej. - Per strona:
https://news.example.com/*dla dopasowanego selektora.
Kiedy przestać ukrywać, a zacząć klikać
Ukrycie bannera przez CSS nie wysyła do strony decyzji o zgodzie. Przy większości czytania to w porządku — żadnego bannera, żadnego okna śledzenia. Ale jeśli strona naprawdę odmawia działania, dopóki nie zareagujesz, kliknij raz "Odrzuć wszystko" i pozwól JustZix ukrywać banner przy kolejnych wizytach.
Zacznij
Pobierz rozszerzenie ze strony pobierz JustZix, a następnie przejrzyj nasze gotowe przykłady, aby zdobyć więcej fragmentów do sprzątania. Gdy bannery znikną, kolejną uciążliwością są zwykle wyskakujące okienka — zobacz nasz poradnik o usuwaniu popupów newsletterów i zapisów.
Pięć minut konfiguracji kupuje ci czystszy internet na stałe. Zapisz swoje reguły, wyeksportuj je jako kopię zapasową i ciesz się stronami, które ładują się prosto do treści.
Oceń ten wpis
Brak ocen — oceń jako pierwszy.