Zum Hauptinhalt springen
Engineering

Deine Website im Bild, nicht ihr Cookie-Banner

· 3 Min. Lesezeit

Jeder Besucher einer Website trifft zuerst auf das Cookie-Banner und klickt es weg, ohne nachzudenken. Unser Aufnahme-Browser ist ebenfalls ein neuer Besucher, aber ein Film kann nicht mit den Schultern zucken: Was im Bild ist, bleibt im Bild. Heute haben wir ihm beigebracht, diese Banner viel zuverlässiger zu schließen, in mehr Sprachen und an mehr Stellen.

Warum ein Banner dem Film die Show stiehlt

Ein PageToVid-Film nimmt die echte Seite in einem echten Browser auf. Dieser Browser kommt ohne Verlauf, also trifft er auf alles, was ein Neuling sieht: Einwilligungsbanner, Newsletter-Fenster, Chat-Blasen. Ein Mensch schließt sie in einer Sekunde; eine Aufnahme behält sie die ganze Einstellung lang.

Das Einwilligungsbanner lenkt am meisten ab. Es verdeckt einen großen Teil der Seite, liegt über dem Inhalt, den wir zeigen wollen, und spricht die Sprache der Seite in ihren Farben, sodass es wie ein Teil des Produkts wirkt. Ein Banner in jeder Einstellung wird still und leise zum Thema des Films.

Unser Rekorder schloss Banner schon vor der Aufnahme, indem er nach einem Knopf mit bekannter Beschriftung suchte. Eine französische Seite hat uns diese Woche gezeigt, dass eine bekannte Beschriftung nicht reicht.

Drei Gründe, warum ein Knopf unsichtbar bleibt

Beim genauen Hinsehen fanden wir drei getrennte Lücken, jede für sich genug, um ein Banner im Bild zu lassen.

  • Das Wort. Unsere Liste kannte das französische „Accepter“, aber dieses Banner sagte „Autoriser“. Für einen Menschen bedeutet beides dasselbe; für einen exakten Vergleich sind es Fremde.
  • Der Rahmen. Wir suchten nur in der Hauptseite. Viele Einwilligungsdienste zeichnen ihr Banner in einem iframe, einer kleinen Seite in der Seite. Eine Suche in der äußeren Seite sieht keinen Knopf darin, egal wie gut die Liste ist.
  • Der Rückhalt. Wenn keine Beschriftung passte, geschah nichts weiter, und das Banner blieb.

Die zweite Lücke ist die lehrreichste. Eine perfekte Wortliste hätte trotzdem versagt, weil sie im falschen Dokument suchte.

Drei Schichten, die sich gegenseitig absichern

Wir haben jede Lücke einzeln geschlossen, damit eine einzige Schicht die Einstellung retten kann, wenn die anderen es nicht schaffen.

  1. Mehr Wörter, in mehr Sprachen. Wir haben „Autoriser“ für Französisch, „Verstanden“ für Deutsch und „Entendido“ für Spanisch ergänzt, neben den Varianten, die wir schon kannten. Das sind die Wörter, die echte Einwilligungsknöpfe benutzen, nicht die, die ein Wörterbuch vorschlagen würde.
  2. Jeder Rahmen. Der Schließschritt sucht jetzt in jedem Rahmen der Seite, sodass ein Banner aus einem iframe gefunden und geklickt wird wie jedes andere.
  3. Ein leiser Rückhalt. Wenn das Klicken trotzdem scheitert, fügt der Rekorder ein kleines Stylesheet ein, das die Banner bekannter Einwilligungsdienste anhand ihrer bekannten Namen ausblendet.

Geprüft haben wir es genau auf der Seite, die ihr Banner behalten hatte: Es wurde vor dem ersten aufgenommenen Bild weggeklickt.

Warum wir nur ausblenden, was wir benennen können

Die verlockende Abkürzung für den Rückhalt wäre eine breite Regel: alles ausblenden, dessen Name „cookie“ oder „consent“ enthält. Sie würde mehr Banner erwischen, und wir haben uns bewusst dagegen entschieden.

Eine breite Regel weiß nicht, was sie verbirgt. Eine Rezeptseite benutzt das Wort cookie überall. Eine Datenschutzseite hat einen Abschnitt zur Einwilligung, der genau das ist, was ein Film über sie zeigen soll. Eine Regel, die auf ein Wortfragment anspringt, würde still echte Teile einer Seite entfernen, und niemand würde es merken: Dem Film würde einfach etwas fehlen.

Der Rückhalt blendet also benannte Einwilligungsdienste aus und sonst nichts. Wenn wir ein Banner treffen, das wir noch nicht kennen, fügen wir es lieber mit Namen hinzu, als zu raten und echten Inhalt zu löschen.

Was das für deinen Film bedeutet

Für dich ist die Änderung einfach: Dein Film beginnt auf deiner Seite. Der Kopfbereich, das Produkt, das Angebot, keine Bitte, Cookies zu akzeptieren. Das klappt, ob deine Seite Englisch, Französisch, Deutsch oder Spanisch spricht und ob dein Einwilligungsdienst das Banner in der Seite oder in einem Rahmen zeichnet.

Es hat auch geprägt, wie wir das echte Web aufnehmen. Das Web eines Neulings ist nicht das eines Entwicklers, der schon einmal alles weggeklickt hat, also ist der Rekorder für diesen ersten Besuch gebaut, in jeder Sprache, die wir filmen. Und Abwehrschichten, die auf verschiedene Weise scheitern, sind ein starkes Team: Eine Wortliste verpasst neue Beschriftungen, eine Rahmensuche ungewöhnliche Strukturen, ein Stylesheet unbekannte Dienste, aber zusammen decken sie sich gegenseitig.

Was der Rekorder kann, siehst du auf der Seite mit den Funktionen, oder du fügst unter /new eine Adresse ein und schaust, wie der Film direkt auf der Seite beginnt.

Sieh es auf deiner eigenen Website

Füge eine Seite ein und bekomme das vertonte Video, um das es in diesem Blog geht. Das erste ist kostenlos.

Erstes Video gratis · keine Kreditkarte · in Minuten fertig

← Alle Artikel