← Alle Beiträge

Anleitungen

Cookie-Wände und Einwilligungs-Popups mit CSS ausblenden

Cookie-Banner sind die Steuer, die man 2026 für den Besuch fast jeder Website zahlt. Sie verdecken Inhalte, blockieren das Scrollen und verlangen einen Klick, bevor man auch nur ein Wort lesen kann. Mit JustZix lassen Sie sie auf jeder von Ihnen gewählten Seite automatisch verschwinden.

Warum eine CSS-Regel besser ist als "Alle ablehnen" zu klicken

Sich durch Einwilligungsdialoge zu klicken ist mühsam und langsam, und viele verstecken die Schaltfläche "Ablehnen" hinter einem zusätzlichen Menü. Eine JustZix-Regel läuft in dem Moment, in dem die Seite lädt, sodass das Banner Sie nie unterbrechen kann. Sie richten es einmal pro Seite ein (oder einmal mit einem breiten URL-Muster) und vergessen es.

Der Trick ist, dass die meisten Banner einfach normale DOM-Elemente mit vorhersehbaren Klassennamen sind. Blenden Sie das Element aus, stellen Sie das Scrollen wieder her, und die Seite verhält sich, als wäre das Banner nie da gewesen.

Rezept 1: Banner ausblenden und Scrollen wiederherstellen

Die meisten Einwilligungs-Bibliotheken sperren die Seite, indem sie overflow: hidden zum <body>- oder <html>-Element hinzufügen. Nur das Banner auszublenden reicht nicht — Sie müssen auch das Scrollen wieder freigeben.

/* Generische Cookie-Banner-Bereinigung */
[id*="cookie"], [class*="cookie-banner"],
[class*="consent"], [id*="consent"],
[aria-label*="cookie" i] {
  display: none !important;
}

/* Scrollen wiederherstellen, das das Banner gesperrt hat */
html, body {
  overflow: auto !important;
  position: static !important;
}

Das i-Flag innerhalb von [aria-label*="cookie" i] macht die Übereinstimmung schreibungsunabhängig, sodass es "Cookie", "COOKIE" und "cookie" gleichermaßen erfasst.

Rezept 2: Das dunkle Hintergrund-Overlay entfernen

Manche Seiten dimmen die gesamte Seite hinter dem Dialog mit einem festen, bildschirmfüllenden Overlay ab. Selbst nachdem Sie den Dialog ausgeblendet haben, kann diese graue Schicht bleiben und Ihre Klicks schlucken.

/* Den abdunkelnden Hintergrund entfernen */
.modal-backdrop, .overlay, .cookie-overlay,
[class*="backdrop"], [class*="scrim"] {
  display: none !important;
  pointer-events: none !important;
}

Rezept 3: Ein JS-Fallback für hartnäckige Banner

Eine Handvoll Einwilligungs-Tools baut das Banner neu auf, nachdem das CSS geladen hat, oder rendert es in einem Shadow DOM, das CSS nicht erreichen kann. Für diese erledigt eine kleine JavaScript-Regel die Aufgabe. JustZix führt sie auf den von Ihnen anvisierten Seiten aus.

// Spät gerenderte Einwilligungs-Knoten entfernen
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
});

Die offsetHeight < 600-Absicherung ist ein Sicherheitsnetz: Sie verhindert, dass das Skript einen echten Artikel löscht, der zufällig "privacy" in einem Klassennamen erwähnt.

Die richtigen URLs anvisieren

Wenn Sie das überall wollen, verwenden Sie ein Platzhaltermuster wie *://*/*. Wenn eine bestimmte Seite kaputtgeht, schränken Sie die Regel stattdessen auf diese Domain ein. JustZix lässt Sie sowohl eine globale Bereinigungsregel als auch seitenspezifische Überschreibungen behalten, und die spezifischere Regel gewinnt.

Wann man aufhören sollte zu verstecken und anfangen zu klicken

Ein Banner mit CSS auszublenden sendet keine Einwilligungsentscheidung an die Seite. Für das meiste Lesen ist das in Ordnung — kein Banner, kein Tracking-Dialog. Aber wenn eine Seite sich wirklich weigert zu funktionieren, bis Sie antworten, klicken Sie einmal "Alle ablehnen" und lassen JustZix das Banner bei späteren Besuchen ausblenden.

Loslegen

Holen Sie sich die Erweiterung von der Seite JustZix herunterladen und durchstöbern Sie dann unsere fertigen Beispiele für weitere Bereinigungs-Snippets. Sind die Banner weg, ist das nächste Ärgernis meist Popups — siehe unsere Anleitung zum Beseitigen von Newsletter- und Anmelde-Popups.

Fünf Minuten Einrichtung verschaffen Ihnen dauerhaft ein saubereres Web. Speichern Sie Ihre Regeln, exportieren Sie sie als Backup und genießen Sie Seiten, die direkt zum Inhalt laden.

Bewerte diesen Beitrag

Noch keine Bewertungen — sei der Erste.

Probiere es selbst aus

Installiere JustZix und füge ein beliebiges Snippet aus diesem Artikel ein. Zwei Minuten von null bis zu einer funktionierenden Regel auf allen deinen Geräten.

JustZix holen

Funktionen · So funktioniert es · Beispiele · Anwendungsfälle