Fügen Sie Ihre JavaScript-Skripte hinzu
Cookie-Banner-Code generieren und herunterladen
Laden Sie den Code herunter und binden Sie ihn in Ihr Projekt ein. Stellen Sie sicher, dass Sie jQuery importiert haben. Nach dem Importieren der Skripte/Stile initialisieren Sie Cookie Notice
<!-- Import the styles & scripts -->
<script src="cookiebanner.script.js"></script>
<link rel="stylesheet" href="cookiebanner.style.css">
<!-- Initialize Cookie Notice -->
<script>
$(document).ready(function() {
cookiebanner.init();
});
</script>
Anleitung: Verwendung des kostenlosen Cookie-Banner-Generators
Das Erstellen einer benutzerfreundlichen und rechtskonformen Website erfordert die Navigation durch die komplexe Landschaft der digitalen Datenschutzgesetze, wie die DSGVO in Europa oder die CCPA in Kalifornien. Einer der ersten Schritte zur Einhaltung der Vorschriften ist, Ihre Besucher ordnungsgemäß über die Verwendung von Cookies auf Ihrer Seite zu informieren. Dies fördert nicht nur die Transparenz, sondern baut auch Vertrauen zwischen Ihnen und Ihren Nutzern auf. Um diese Bemühungen zu unterstützen, wird ein Cookie-Banner-Generator zu einem unschätzbaren Werkzeug, das es Website-Besitzern ermöglicht, einfach Cookie-Zustimmungsbenachrichtigungen zu erstellen und zu verwalten.
Diese Anleitung soll Sie durch den Prozess der Verwendung eines Cookie-Banner-Generators führen, von der Auswahl von Themen und Farben, die zur Ästhetik Ihrer Website passen, bis hin zur Anpassung des Textes und der Einstellungen, um sie mit Ihren Datenschutzrichtlinien in Einklang zu bringen. Indem Sie diesen Schritten folgen, können Sie sicherstellen, dass Ihre Website nicht nur den Datenschutzvorschriften entspricht, sondern auch das Benutzererlebnis durch klare Wahlmöglichkeiten bezüglich der Cookie-Präferenzen verbessert. Ob Sie ein erfahrener Webentwickler oder ein Kleinunternehmer mit minimalen technischen Kenntnissen sind, diese Anleitung soll die Aufgabe des Cookie-Zustimmungsmanagements vereinfachen und für alle zugänglich machen.
Schritt 1: Designanpassung: Thema & Farbpalette
Im ersten Schritt der Anpassung Ihres Cookie-Banners beginnen Sie damit, das Thema und die Farben auszuwählen, die am besten zum Design Ihrer Website passen.
- Wählen Sie eine Farbe für Buttons und Links. Diese sollte zum Farbschema Ihrer Website passen.
- Definieren Sie die Textfarbe, um die Lesbarkeit gegen den Hintergrund des Banners zu gewährleisten.
- Legen Sie die Hintergrundfarbe für eine klare Sichtbarkeit des Textes fest.
Schritt 2: Sichtbarkeit & Benutzeroberflächensteuerungen
Passen Sie an, welche Elemente auf Ihrem Banner sichtbar sind:
- Schalten Sie dies um, um die Einstellungsschaltfläche anzuzeigen oder auszublenden.
- Entscheiden Sie, ob das Schließsymbol angezeigt wird, damit Benutzer das Banner leicht schließen können.
- Wählen Sie die Option, um eine 'Ablehnen'-Schaltfläche für Benutzer anzuzeigen.
Schritt 3: Layoutkonfiguration: Platzierung & Größe
Konfigurieren Sie die Platzierung und Größe des Banners:
- Wählen Sie aus, wo das Banner auf Ihrem Bildschirm erscheinen soll (Oben, Unten, Links, Rechts).
- Entscheiden Sie, ob das Banner die volle Breite des Bildschirms einnehmen soll (gilt nur für oben oder unten).
Schritt 4: Inhaltspersonalisierung: Text & Messaging
Passen Sie den Text an, der auf Ihrem Banner angezeigt wird:
- Geben Sie einen prägnanten Titel und eine Nachricht ein, die den Einsatz von Cookies erklären.
- Spezifizieren Sie das Label für Ihren Datenschutzrichtlinien-Link und stellen Sie die URL bereit.
- Passen Sie das Label für die Akzeptieren-Schaltfläche an.
- Passen Sie das Label für die Ablehnen-Schaltfläche an.
Schritt 5: Präferenzschnittstelle: Organisation der Cookie-Kategorien
Beschriften Sie die verschiedenen Abschnitte innerhalb Ihres Cookie-Einstellungsmenüs:
- Legen Sie den Anzeigetext für die Einstellungen der Präferenzen, Notwendige, Präferenzen, Marketing, Analytik-Labels fest
Schritt 6: Skriptintegration: Verwaltung der zustimmungsbasierten Ladung
Fügen Sie Skripte hinzu, die eine Benutzerzustimmung vor dem Laden erfordern:
- Benennen Sie Ihr Skript und spezifizieren Sie seinen Typ (Notwendig, Präferenzen, Marketing, Analytik).
- Fügen Sie den JavaScript-Code ein, der basierend auf der Benutzerzustimmung ausgeführt werden soll.
Schritt 7: Codegenerierung: Export & Implementierung Ihres Banners
Sobald alle Einstellungen konfiguriert sind:
- Klicken Sie auf die 'Herunterladen'-Schaltfläche, um Ihren Cookie-Banner-Code zu generieren.
- Importieren Sie die generierten cookiebanner.script.js und cookiebanner.style.css in Ihr Projekt.
- Stellen Sie sicher, dass jQuery in Ihrem Projekt eingebunden ist.
- Initialisieren Sie den Cookie-Banner, indem Sie das bereitgestellte Skript in das HTML Ihrer Website einfügen.