Auf dieser Hilfeseite zeigen wir dir, wie du mit dem Consent-Manager als Teil deines Trusted Shops Legal Produkts in 4 einfachen Schritten einen rechtskonformen Cookie-Banner für deine Webseite oder Online-Shop erstellst. Dazu stehen dir ausführliche Erklärvideos zur Verfügung. Darüber hinaus unterstützen wir dich bei der Einbindung mit Integrationshinweisen und Anleitungen speziell für dein Shop-System.
Schritt 1 - Allgemeine Einstellungen
Vor der Einstellung des Consent-Managers ist es notwendig, dass du deine Online-Präsenz, für die du einen Cookie-Banner erstellen möchtest, bereits registriert hast. Klicke dazu links im Menü auf "Abmahnschutz" () . Hier kannst du mit der Auswahl deiner Plattform (Website oder Shop) und der Eingabe deines Shop-Namens und der dazugehörigen URL deine Online-Präsenz registrieren.
Unter dem Menüpunkt "Consent-Manager" () kannst du nun mit den allgemeinen Einstellungen starten. Wähle den Shop aus, für den du einen Cookie-Banner erstellen möchtest. Mit einem Klick Auf das „Plus-Zeichen" rechts in der Zeile des gewünschten Shops (
), gelangst du nun zu den Einstellungen des Consent-Managers.
Bitte gib unter „Name des Shops" () den Namen für diesen Shop ein, der im Cookie-Banner Text verwendet werden soll. Angaben zum Link deines Impressums (
) und deiner Datenschutzerklärung (
) sind ebenfalls nötig und werden innerhalb des Cookie-Banners für deine Kunden und Kundinnen angezeigt. Wahlweise kannst du je nach Legal Produkt deine Standardsprache anpassen. Die Sprachverfügbarkeiten der jeweiligen Produkte findest du in unserer Produktübersicht. Sobald du alle Angaben vervollständigt hast, klicke unten auf "weiter" (
) . Alle Eingaben werden dann automatisch gespeichert.
Schritt 2 - Anzeige
Die Darstellungsoptionen des Cookie-Banners und dessen Funktionen legst du im zweiten Schritt des Consent-Managers fest. Dieser Schritt ist in 3 Teilbereiche aufgeteilt:
Teilbereich 1)
Hier legst du fest, wie der Cookie-Banner selbst dargestellt werden soll, wenn jemand deine Webseite das erste Mal besucht. Hier kannst du zwischen den Positionen Banner im Footer-Bereich und Wall ("Popup" im zentralen Bereich deiner Webseite) wählen () . Zusätzlich kannst du in den Farbeinstellungen sämtliche Farben des Cookie-Banners per Klick oder über die Eingabe des hexadezimalen Farbwerts auswählen (
). In diesem Abschnitt ist ebenso möglich, den Ablehnbutton optisch zu verändern oder sogar ganz auszublenden.
Das Ausblenden des Buttons kann dazu führen, dass eingeholte Consents als unwirksam eingestuft werden. Aus diesem Grund empfiehlt Trusted Shops, den Ablehnbutton nicht zu verstecken. Wenn du dich dennoch für die Nutzung dieser Option entscheidest, erklärst du dich einverstanden, sämtliche rechtliche Risiken selbst zu übernehmen.
Teilbereich 2)
Hier wählst du aus, wie die "Auslösefunktion der Datenschutzeinstellungen" dargestellt werden soll (). Diese Funktion sehen deine Besucher und Besucherinnen immer links unten auf deinen Seiten eingeblendet. Wird auf die Datenschutzeinstellungen geklickt, so können diese vom Besucher oder von der Besucherin erneut angepasst werden. Achte darauf, dass die gewählten Farben eine gute Sichtbarkeit ermöglichen.
Teilbereich 3)
Hier definierst du, wie die Datenschutzeinstellungen dargestellt werden sollen, die über die "Auslösefunktion der Datenschutzeinstellungen" erscheint (). Sobald du alle Angaben vervollständigt hast, klicke unten auf "Consent Manager erstellen" bzw. "Consent Manager aktualisieren" und anschließend auf weiter . Alle Eingaben werden dann automatisch gespeichert.
Schritt 4 - Integration
In diesem Schritt geht es um die Integration des Consent-Manager und des Smart Data Protectors auf deine Webseite und die Anpassung der Skripte, damit sie vom Consent-Manager richtig erkannt und gesteuert werden.
Der Smart Data Protector ist bereits im Consent-Manager integriert. Der Smart Data Protector ist eine Zusatzfunktion, die dafür sorgt, dass die gängigsten Dienste und Skripte automatisch erkannt werden, ohne dass du diese im Rahmen der Konfiguration selber anpassen musst.
Füge nun für eine Integration alle 4 Zeilen des mittels der Consent-Manager Konfiguration erstellten Codes am Anfang des <head></head> Bereiches jeder Seite deiner Webseite / deines Shops ein. Es handelt sich hierbei um ein individuelles Script Tag. Die geschwärzten Bereiche sind für alle Nutzer*innen individuell.
Zusätzlich erhältst du in diesem Schritt (optional) einen HTML Link. Dieser Link wird nur dann benötigt, wenn du in Schritt 2 unter "Auslösefunktion für Datenschutzeinstellungen" die Option "Link" gewählt hast. In diesem Fall wird kein permanent sichtbarer Button angezeigt und du musst diesen Link im Footer-Bereich (idealerweise als zusätzlichen Link im Bereich, in dem du deine Rechtstexte verlinkst) einbinden. Es ist wichtig, dass du hierbei die Beschriftung des Links nicht veränderst.
Anpassung der Tracking-Scripte auf deiner Seite.
Im Absatz 2 (Tracking-Scripte anpassen) siehst du deine im Schritt 3 definierten Dienste, die in zwei Spalten geteilt sind:
a. Smart Data Protector – diese Dienste werden vom Smart Data Protector automatisch erkannt und blockiert. Bei diesen Diensten musst du nichts mehr tun.
b. Andere Dienste – Dienste, die vom Smart Data Protector nicht automatisch erkannt werden können, musst du so anpassen, dass sie vom Consent-Manager erkannt und gesteuert werden können.
Sieh in folgendem Video, wie du deine Tracking-Scripte anpassen musst. Als Beispiel verwenden wir hier Google Analytics:
Bitte beachte an dieser Stelle die Hinweise zur Anpassung auf der Seite unseres Technologie-Partners Usercentrics.
Für die Anpassung kannst du unseren Script-O-Mat nutzen.