Zum Inhalt springen

So entfernst du Cookie-Banner und Pop-ups aus einer Website-Aufnahme

Consent-Banner, Chat-Blasen und Newsletter-Modals aus einem Website-Video heraushalten: wegklicken, per CSS ausblenden, mit Filterlisten blockieren oder ein Tool nutzen, das sie vorher entfernt.

Aviral LakhanpaulAktualisiert am 2 Min. Lesezeit

Die kurze Antwort

Entferne sie vor der Aufnahme, nicht danach: Ein Banner im Schnittprogramm wegzuschneiden oder zu verwischen, sieht nie sauber aus. Wenn du selbst aufnimmst, schließ das Banner, blende den Rest mit einer Zeile CSS in den DevTools aus oder blockiere Cookie-Hinweise mit einer Filterliste. Wenn du aus einer URL renderst, nutze ein Tool, das Consent-Banner, Chat-Launcher und Modals automatisch entfernt und dich alles, was es übersieht, per CSS-Selektor ausblenden lässt.

Warum es vor der Aufnahme passieren muss

Eine Consent-Leiste, die am unteren Fensterrand klebt, ist in jedem einzelnen Bild eines Scroll-Videos. Sie wegzuschneiden, kostet dich in jedem Bild auch einen Streifen der Seite, und Verwischen hinterlässt einen Fleck, der stillsteht, während alles andere scrollt. Mit einer Chat-Blase in der Ecke ist es dasselbe. Sauber ist nur eine Version, in der sie nie da waren.

Wenn du den Bildschirm selbst aufnimmst

  • Schließ oder akzeptiere das Banner, schließ das Newsletter-Modal und minimiere das Chat-Widget, dann lade neu und prüf, ob sie weg bleiben. Viele kommen in einem frischen privaten Fenster bei jedem Laden zurück.
  • Blockiere sie. uBlock Origin bringt optionale Filterlisten für Cookie-Hinweise mit (in den Einstellungen unter Filterlisten, Belästigungen). Schalte sie in dem Browserprofil ein, mit dem du aufnimmst.
  • Blende den Rest per CSS aus. Klick in den DevTools mit rechts auf das Element, wähle Untersuchen und lösch entweder den Knoten oder füge eine Regel hinzu, die ihn ausblendet.
Eine DevTools-Regel, um übliche Reste auszublenden
/* In eine neue Style-Regel im Elements-Panel einfügen. Die Selektoren an
   das anpassen, was die Seite tatsächlich verwendet. */
#onetrust-banner-sdk,
.cookie-banner,
[aria-label*="cookie" i],
.intercom-lightweight-app { display: none !important; }

html, body { overflow: auto !important; }

Die letzte Zeile ist wichtiger, als sie aussieht. Viele Modals sperren das Scrollen der Seite, solange sie offen sind, und wer das Modal ausblendet, ohne die Sperre aufzuheben, hat eine Seite, die sich nicht scrollen lässt.

Wenn du aus der URL renderst

In Website Scroll Video ist das standardmäßig eingeschaltet, als Cookie-Banner und Pop-ups entfernen. Bevor irgendetwas erfasst wird, wird die Seite aufgeräumt:

  • Die großen Consent-Plattformen werden am Namen erkannt und entfernt.
  • Unbekannte fängt eine Heuristik ab, die nach fixierten, weit oben gestapelten Elementen mit Consent-Formulierungen sucht.
  • Chat-Launcher, Newsletter-Modals und übrig gebliebene dunkle Hintergründe werden ebenfalls entfernt.
  • Die Scroll-Sperre, die solche Modals zurücklassen, wird aufgehoben, sodass die Seite bis ganz nach unten scrollt.

Daneben gibt es zwei weitere Einstellungen. Tracker und Werbung blockieren verhindert, dass Tracking- und Werbeanfragen laden, und hält damit auch Werbeflächen und die Widgets, die sie mitbringen, aus dem Bild. Elemente ausblenden nimmt CSS-Selektoren entgegen, einen pro Zeile, für alles Seitenspezifische, das der automatische Durchgang übrig lässt, etwa eine Promo-Leiste oder einen fixierten „Demo buchen“-Button.

Sticky-Header sind ein anderer Fall

Eine fixierte Navigationsleiste ist Teil des Designs, kein Ballast, und gehört meist ins Video. Renderer, die über einen einzigen langen Screenshot schwenken, müssen sie gesondert behandeln, sonst erscheint sie einmal oben und scrollt dann weg. Website Scroll Video legt Sticky-Header wieder über jedes Bild, fixiert so, wie ein Besucher sie sieht. Willst du sie gar nicht im Bild haben, trag ihren Selektor unter Elemente ausblenden ein.

Probier es mit deiner eigenen Website

Link einfügen und die Vorschau kostenlos ansehen. 51 Gratis-Credits bei der Anmeldung, ohne Kreditkarte, und kein Wasserzeichen auf deinen Exporten.

Zuletzt gesucht

    Fragen und Antworten

    Kurz beantwortet, was als Nächstes gefragt wird.

    Kontakt
    Wie blende ich ein Cookie-Banner bei einer Bildschirmaufnahme einer Website aus?

    Schließ es und lade neu, um zu prüfen, ob es geschlossen bleibt, oder blende es mit einer CSS-Regel in den DevTools aus, oder schalte in einem Werbeblocker eine Filterliste für Cookie-Hinweise ein. Heb danach eine eventuelle Scroll-Sperre auf, die es hinterlassen hat.

    Taucht ein Cookie-Banner in meinem Export von Website Scroll Video auf?

    Nein. Bekannte Consent-Plattformen werden am Namen erkannt, unbekannte über eine Heuristik, die nach fixierten, weit oben gestapelten Elementen mit Consent-Formulierungen sucht, und sie werden entfernt, bevor irgendetwas erfasst wird. Chat-Launcher und Newsletter-Modals gleich mit.

    Was, wenn trotzdem ein Pop-up in meinem Video auftaucht?

    Trag seinen CSS-Selektor in den Videoeinstellungen unter Elemente ausblenden ein und sieh dir die Vorschau noch einmal an. Vorschauen sind kostenlos, du kannst also vor dem Export prüfen.

    Logo von Website Scroll Video, ein Play-Button über einer Webseite in einem Browserfenster.

    Weniger Zeit aufnehmen. Mehr Zeit bauen.

    Automatisiere Website-Aufnahmen mit anpassbarer Bewegung, cleveren Reglern und Exportoptionen für moderne Creator.