Как скрыть cookie-стены и окна согласия с помощью CSS
Cookie-баннеры — это налог, который вы платите за посещение почти любого сайта в 2026 году. Они закрывают контент, блокируют прокрутку и требуют клика, прежде чем вы успеете прочесть хоть слово. С JustZix вы можете заставить их исчезать автоматически на каждом выбранном вами сайте.
Почему CSS-правило лучше клика «Отклонить всё»
Прокликивать диалоги согласия — это монотонно и медленно, а во многих из них кнопка «Отклонить» спрятана за дополнительным меню. Правило JustZix срабатывает в момент загрузки страницы, так что баннер просто не успевает вам помешать. Вы настраиваете его один раз для сайта (или один раз с широким шаблоном URL) и забываете о нём.
Хитрость в том, что большинство баннеров — это обычные элементы DOM с предсказуемыми именами классов. Скройте элемент, восстановите прокрутку — и страница ведёт себя так, будто баннера никогда не было.
Рецепт 1: скрыть баннер и восстановить прокрутку
Большинство библиотек согласия блокируют страницу, добавляя overflow: hidden к элементу <body> или <html>. Скрыть только баннер недостаточно — нужно ещё разблокировать прокрутку.
/* Универсальная очистка cookie-баннеров */
[id*="cookie"], [class*="cookie-banner"],
[class*="consent"], [id*="consent"],
[aria-label*="cookie" i] {
display: none !important;
}
/* Восстановить прокрутку, заблокированную баннером */
html, body {
overflow: auto !important;
position: static !important;
}Флаг i внутри [aria-label*="cookie" i] делает совпадение нечувствительным к регистру, так что оно ловит «Cookie», «COOKIE» и «cookie» одинаково.
Рецепт 2: убрать тёмный фоновый оверлей
Некоторые сайты затемняют всю страницу за диалогом фиксированным полноэкранным оверлеем. Даже после того, как вы скроете диалог, этот серый слой может остаться и поглощать ваши клики.
/* Убрать затемняющую подложку */
.modal-backdrop, .overlay, .cookie-overlay,
[class*="backdrop"], [class*="scrim"] {
display: none !important;
pointer-events: none !important;
}Рецепт 3: JS-запасной вариант для упрямых баннеров
Горстка инструментов согласия перестраивает баннер после загрузки CSS или отрисовывает его внутри shadow DOM, куда CSS не дотянется. Для них небольшое правило JavaScript справляется с задачей. JustZix запускает его на тех страницах, которые вы укажете.
// Удалить поздно отрисованные узлы согласия
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
});Проверка offsetHeight < 600 — это страховка: она не даёт скрипту удалить настоящую статью, в имени класса которой случайно встречается слово «privacy».
Нацеливание на нужные URL
Если вы хотите этого везде, используйте шаблон с подстановкой вроде *://*/*. Если конкретный сайт сломался, сузьте правило до этого домена. JustZix позволяет держать и глобальное правило очистки, и переопределения для отдельных сайтов — побеждает более конкретное правило.
- Глобально:
*://*/*для универсального CSS выше. - Для сайта:
https://news.example.com/*для подправленного селектора.
Когда перестать скрывать и начать кликать
Скрытие баннера с помощью CSS не отправляет сайту выбор согласия. Для большинства случаев чтения это нормально — нет баннера, нет диалога об отслеживании. Но если сайт по-настоящему отказывается работать, пока вы не ответите, кликните «Отклонить всё» один раз и позвольте JustZix скрывать баннер при последующих визитах.
Как начать
Возьмите расширение на странице скачать JustZix, затем загляните в наши готовые примеры за другими сниппетами очистки. Когда баннеры исчезнут, следующее раздражение — обычно всплывающие окна; смотрите наше руководство об устранении всплывающих окон рассылок и регистрации.
Пять минут настройки покупают вам более чистый веб навсегда. Сохраните свои правила, экспортируйте их как резервную копию и наслаждайтесь страницами, которые загружаются прямо к контенту.
Оцени эту статью
Оценок пока нет — оцени первым.