Anleitung
Cookie Banner Generator

Projektname

Unter dem von Ihnen gewählten Projektnamen wird Ihr Cookie-Banner gespeichert und Sie können Ihren Cookie-Banner über den Button Projektladen neu laden, um Ihren Cookie-Banner zu verändern oder den Quellcode erneut zu erstellen.

Der Projektname darf nur aus Kleinbuchstaben ( a - z ), Zahlen ( 0 - 9 ) und den Zeichen Bindestrich ( - ) und Unterstrich ( _ ) bestehen und muss zwischen 3 und 240 Zeichen lang sein.

Position

Positionieren Sie Ihren Cookie-Banner, je nachdem wie Ihre Webseite gestaltet ist, oben oder unten.
Verhindern Sie so, dass Ihr Cookie-Banner wichtige Elemente auf Ihrer Webseite überdeckt.
Sie können Ihren Cookie-Banner auch extra so positionieren, dass er wichtige Elemente bedeckt, damit Ihr Besucher Ihren Cookie-Banner beantworten anklicken muss.
Positionieren Sie Ihren Cookie-Banner auf die Position „Mitte (Vollbild)“, wenn Sie wollen, dass Ihre Besucher Ihre Webseite nur benutzen dürfen, wenn sie Ihren Cookie-Banner beantwortet haben.
Wenn Sie wollen, dass Ihr Besucher Ihre Webseite nur benutzen kann, wenn er Ihren Cookie-Banner akzeptiert hat, setzen Sie die Option Bestätigungsart auf „Bestätigen“.

Bestätigungsart

Hier können Sie einstellen welche Optionen Ihr Besucher hat.
Ja / Nein: Ihr Besucher kann auswählen, ob er die Cookies der Tracking Tools Ihres Google Tag Managers akzeptiert oder ablehnt. Ihr Besucher kann seine Entscheidung wiederrufen (dadurch wird der Google Tag Manager vorübergehend deaktiviert).
Bestätigen: Ihr Besucher kann nur akzeptieren. Ihr Google Tag Manager wird erst aktiviert, nachdem Ihr Besucher Ihren Cookie-Banner akzeptiert hat. Ihr Besucher kann seine Entscheidung wiederrufen (dadurch wird der Google Tag Manager vorübergehend deaktiviert).
Informieren: Mit dieser Art von Cookie-Banner Informieren Sie Ihren Besucher nur darüber, dass auf Ihrer Webseite Cookies benutzt werden. Sie müssen hierbei Ihren Google Tag Manager separat auf Ihrer Webseite einfügen. Diese Art von Cookie-Banner hat keinen Effekt auf Ihren Google Tag Manager oder Ihre Cookies und ist nur zur Informierung Ihres Besuchers gedacht. Ihr Besucher kann seine Entscheidung über diesen Cookie-Banner nicht wiederrufen.

Domainname

Der Domainname muss im Editor angegeben werden, damit die Entscheidung Ihres Besuchers für alle Ihre Webseiten auf Ihrer Domaine gilt.
Die folgenden Beispiele sollen Ihnen zeigen, was der Domainname Ihrer Webseite ist.
Der Domainname dieser Webseite „https://www.smartlife-online.de/cb/“ ist „smartlife-online.de“.
Bei „https://www.google.de“ ist der Domainname „google.de“.

Alternativ können Sie Ihre gesamte URL (Web-Adresse) eingeben und anschließend auf den Button "Domainname aus URL herausfiltern" klicken. Ihr Domainname wir automatisch aus Ihrer URL herausgefiltert und in das passende Eingabefeld eingetragen.

Google Tag Manager-ID

Die Google Tag Manager-ID finden Sie auf der Seite „ https://tagmanager.google.com “, wie im folgenden Bild zu sehen.
Mehr zum Google Tag Manager finden Sie im nächsten Abschnitt.

Google Tag Manager

Der Google Tag Manager ist sehr gutes und einfaches Werkzeug, dass Ihnen die Verwaltung Ihrer Tracking Programmen, wie zum Beispiel Google Analytics oder Facebook Pixel, vereinfacht.
Mehr Informationen finden Sie auf der offiziellen Seite des Google Tag Manager.

Link zur Datenschutzerklärung

Tragen Sie hier Ihren Link zu Ihrer Datenschutzerklärung ein (Beispiel: „https://www.smartlife-online.de/datenschutz.html“). Dieser Link wird geöffnet, wenn Ihr Webseiten-Benutzer auf „(mehr dazu)“ klickt.
Fügen Sie Ihren Link in das Eingabefeld neben dem Text „Link zu Ihrer Datenschutzerklärung:“ ein. Wählen Sie oben im Textfeld eine Stelle in ihrem Text aus. Klicken Sie auf den Button „Datenschutzlink platzieren“.

Vorschau für deine Webseite

Hier können Sie eine Vorschau erstellen, wie Ihr Cookie-Banner auf Ihrer Seite aussehen wird.
Tragen Sie die Adresse Ihrer Webseite in das Eingabefeld unter dem Text „Vorschau für Ihre Webseite:“ ein und klicken Sie auf den Button „Anzeigen“.
Mit einem Klick auf den Button „In den Vorschaumodus wechseln“ oder der Taste „Esc“ können Sie Ihre Vorschau im Vorschaumodus ansehen. Zurück in den Bearbeitungsmodus kommen Sie mit einem Klick auf den Button „In den Bearbeitungsmodus wechseln“ oder der Taste „Esc“.

Textvorlagen

Mit einem Klick auf den Button „Textvorlagen“ öffnet sich ein Fenster. In diesem Fenster können Sie eine Textvorlage auswählen. Mit einem Klick auf den jeweiligen Text fügen Sie diesen Text in Ihr Textfeld ein. Sie können diesen Text nach Belieben umändern.
Sie können eigene Textvorlagen speichern. Diese Textvorlagen werden dann über Ihrem Profil verfügbar sein. Klicken Sie dafür auf den Button „Neue Textvorlage“. Schreiben Sie Ihre Textvorlage in das Textfeld und klicken Sie auf den Button „Speichern“. In Ihrem Profil steht Ihnen nun Ihre neue Textvorlage im Fenster „Textvorlagen“ zur Auswahl.

Projekt laden

Mit einem Klick auf den Button „Projekt laden“ öffnet sich ein Fenster, in dem alle Ihre zuvor gespeicherten Projekte aufgelistet werden.
Ihr Projekt wird automatisch unter dem oben angegebenen Projektnamen gespeichert, wenn Sie auf den Button „Erstellen“ klicken.

Vorschaumodus

In den Vorschaumodus gelangen Sie mit einem Klick auf den Button „In den Vorschaumodus wechseln“ oder der Taste „Esc“. Zurück in den Bearbeitungsmodus kommen Sie mit einem Klick auf den Button „In den Bearbeitungsmodus wechseln“ oder der Taste „Esc“.
Im Vorschaumodus können Sie sich Ihren Cookie-Banner in Originalgröße ansehen. Dies funktioniert auch, wenn Sie keinen Link zu Ihrer Webseite eingetragen haben.

Cookie-Banner auf Ihrer Webseite einfügen

Klicken Sie auf den Button „Erstellen“. Es öffnet sich ein Fenster, in dem der Quellcode Ihres Cookie-Banners steht. Mit einem Klick auf das Textfeld kopieren Sie diesen Quellcode in Ihren Zwischenspeicher.
Fügen Sie diesen Quellcode in jeder Webseite ein, auf der Sie Ihren Cookie-Banner platzieren wollen. Platzieren Sie de Quellcode Ihres Cookie-Banners am besten direkt unter dem-Element.