Es gibt mehrere Möglichkeiten, ein Cookie-Banner auf deiner Landingpage einzufügen.
Ab dem Standard-Plan hast du die Möglichkeit, unser erweitertes Cookie-Banner (DSGVO-Zustimmungslösung) zu nutzen.
Im Free- und Essential-Plan ist hingegen ein Benachrichtigungsbanner enthalten. Dieser informiert Besucher lediglich darüber, dass Cookies verwendet werden, bietet aber keine aktive Zustimmungsmöglichkeit.
Im Essential-Plan hast du zusätzlich die Möglichkeit, Custom-Code einzufügen. Damit kannst du auch einen externen Cookie-Banner-Dienst auf deiner Seite integrieren.
Wenn du dir unsicher bist, welche Lösung für deine Seite geeignet ist, stimme dich am besten mit deinem Datenschutzbeauftragten ab.
🎬 Am Ende des Artikels findest du unsere aktuelle Videoanleitung!
Einrichtung des Cookie-Banners
Schritt 1: Cookie-Banner-Einstellungen öffnen
Öffne dein Projekt in Onepage und gehe zu Projekteinstellungen → Cookie Banner.
Schritt 2: Cookie-Banner-Typ auswählen
Es stehen drei Typen zur Verfügung: "Benachrichtigung", "Leicht" oder "Erweitertes".
Benachrichtigung: Die Option "Benachrichtigung" ist in allen Plänen verfügbar, auch im Free-Plan. Der Free-Plan bietet jedoch keine Möglichkeit, eigenen Code hinzuzufügen. Daher kann er in der EU nicht zusammen mit Cookies verwendet werden, die eine Zustimmung erfordern. In diesem Fall ist ein Upgrade auf den Essential-Plan notwendig, um einen externen Cookie-Banner über Custom Code einzubinden und die Seite entsprechend nutzen zu können.
Leicht / Erweitert: Die Banner "Leicht" und "Erweitert" sind in den Plänen Standard, Advanced und Expert verfügbar.
📌 Hinweis: Die Option, Drittanbieterinhalte zu blockieren, ist im Advanced- und Expert-Plan verfügbar. Du kannst unsere aktuellen Pläne und die darin enthaltenen Funktionen jederzeit auf unserer Preisseite einsehen.
⚠️ Wichtig: In der EU sollte der erweiterte Cookie-Banner genutzt werden. Dieses ermöglicht es dir, die Einstellungen flexibel und entsprechend deiner Anforderungen anzupassen.
Wenn du dir unsicher bist, welche Einstellungen du verwenden solltest, stimme dich am besten mit deinem Datenschutzbeauftragten ab.
Schritt 3: Speichern
Sobald du den Cookie-Banner-Typ gewählt hast, klicke auf "Speichern".
Cookie-Banner anpassen
Unser Cookie-Banner bietet eine Reihe von Optionen und Funktionen, die eine Anpassung an deine Vorlieben ermöglichen. Lass uns diese im Detail betrachten.
Schritt 1: Inhalt des Cookie-Banners anpassen
Die Felder "Titel" und "Beschreibung" bieten die Möglichkeit, den erforderlichen Text in dein Banner einzufügen beziehungsweise den Bestehenden zu bearbeiten.
Schritt 2: Einstellungen anpassen
Die "Drittanbieter blockieren"-Option erlaubt dir externe Elemente abzudecken, wie z.B. Videos, Karten und Custom-Codes. Die Seite muss gescannt werden, damit die betroffenen Elemente erkannt werden.
Der Scan-Vorgang kann je nach Umfang deines Projekts einige Sekunden bis mehrere Minuten dauern.
Sobald der Scan abgeschlossen ist, kannst du die "Inhalte von Dritten" einsehen.
Sobald du deine Webseite veröffentlichst, erscheint bei den jeweiligen Elementen ein "Consent Overlay". Dies tritt nur in Kraft, wenn der Besucher den Cookie-Banner ignoriert oder die erforderlichen Cookies ablehnt.
Schritt 3: Button anpassen
Im Feld "Button" kannst du den Text für die Schaltfläche "Akzeptieren" ändern.
📌 Hinweis: Diese Option ist nur in dem Banner "Benachrichtigung" verfügbar.
Schritt 4: Cookie-Richtlinie anpassen
Mit der Option "Cookie-Richtlinie" kannst du die URL zu deiner Datenschutzerklärung oder anderen notwendigen rechtlichen Dokumenten hinzufügen.
Bitte stelle sicher, dass du die vollständige URL zu deinem Rechtsdokument angibst. Zum Beispiel: https://deineseite.de/datenschutzerklärung
Du kannst hier bis zu zwei Dokumente verlinken.
Schritt 5: Position ändern
Du kannst die deines Cookie-Banners festlegen. Es stehen insgesamt fünf Optionen zur Auswahl: links, mittig, rechts, gestreckt und zentriert.
Schritt 6: Farbe ändern
Es gibt 6 Farboptionen, aus denen du eine auswählen kannst. Bitte beachte, dass die spezifischen Farben durch deine Projekteinstellungen bestimmt werden.
Du kannst deine Farben anpassen, indem du deine Seite öffnest und zu Design → Farben gehst.
Bei Bedarf kannst du die Option "Gleichfarbige Button-Farbe" aktivieren.
Wenn du die Option "Scrollen der Seite blockieren" aktivierst, muss der Besucher das Cookie-Banner entweder akzeptieren oder ablehnen, bevor er mit deiner Seite interagieren kann. Dies ist besonders nützlich in Kombination mit der zentrierten Position.
Mit der Option "Links anordnen" kannst du die Position des "Schloss"-Symbols des Cookiebanners festlegen.
Dieses Symbol wird standardmäßig auf der rechten unteren Seite des Bildschirms angezeigt, nachdem das Cookie-Banner akzeptiert oder abgelehnt wurde, und ermöglicht es dem Besucher, seine Zustimmung zu ändern.
Schritt 7: Cookies bearbeiten
Du kannst nun festlegen, welche Cookies standardmäßig aktiviert sein sollen.
📌 Hinweis: Diese Spalte ist nur in den Bannern "Leicht" und "Erweitertes"verfügbar.
Außerdem kannst du deine Webseite scannen oder ein Cookie manuell hinzufügen, falls es vom Scan nicht erkannt wird.
Schließlich ist es möglich, einen bestimmten Cookie zu bearbeiten, indem du ihn anklickst.
📌 Hinweis: Achte bitte immer darauf, dass du deine Änderungen speicherst und auf deiner Seite auf "Update" klickst, um sicherzustellen, dass deine Änderungen in der veröffentlichten Seite übernommen werden.
So integrierst du externe Cookie-Banner
Um ein externes Cookie-Banner einzubinden, kannst du es z.B. mit Dienstanbietern wie Cookiebot erstellen und anschließend über benutzerdefinierten Code in Onepage einfügen.
Wie du einen Custom-Code hinzufügst, erfährst du in diesem Artikel.
📌 Hinweis: Es kann bis zu 24 Stunden dauern, bis der Banner aktiv ist.
Video Tutorial
Für einen besseren Überblick über den Ablauf kannst du dir auch unser Video-Tutorial unten ansehen:
💡Du hast Feedback zu diesem Hilfe-Artikel? Teile es gerne mit uns über den Live-Chat oder an support@onepage.io, damit wir ihn auf dem neuesten Stand halten können. 🙂