Aktualisiert am 9. Juni 2019

Cookie Hinweis Script (DSGVO)

Seit Mai 2018 greift eine erweiterte Datenschutz-Grundverordnung für Webseiten in der EU. Besucher müssen über den Einsatz von Cookies in Kenntnis gesetzt werden. Hier bekommst du das kostenlose Script und eine Text-Vorlage für deinen Cookie-Hinweis.

Gratis Download anfordern

Du bekommst dein Cookie Hinweis Script sofort nach Bestätigung deiner E-Mail-Adresse.


Die Alternative aus der Cloud

Wenn du keinen FTP-Zugriff auf deinen Webspace hast, kannst du das Cookie Hinweis Script alternativ auch aus der Amazon-Cloud importieren.

1. Schritt: Erscheinungstyp wählen

Wähle eines der drei Layouts, um die Vorauswahl für die Position des Cookie-Hinweises zu treffen

Seitenanfang

2. Schritt: Script für die Darstellung am Seitenanfang kopieren
 <!-- Start Cookie Plugin -->
<script type="text/javascript">
  window.CookieHinweis_options = {
  message: 'Diese Website nutzt Cookies, um bestmögliche Funktionalität bieten zu können.',
  agree: 'Ok, verstanden',
  learnMore: 'Mehr Infos',
  link: 'https://website-tutor.com/datenschutz/', /* Link zu den eigenen Datenschutzbestimmungen */
  theme: 'dunkel-oben' /* weitere Theme-Optionen sind dunkel-unten oder hell-unten-rechts */
 };
</script>
<script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/website-tutor/cookiehinweis/script.js
"></script>
<!-- Ende Cookie Plugin -->

unten rechts

2. Schritt: Script für eine Darstellung unten rechts kopieren
 <!-- Start Cookie Plugin -->
<script type="text/javascript">
  window.CookieHinweis_options = {
  message: 'Diese Website nutzt Cookies, um bestmögliche Funktionalität bieten zu können.',
  agree: 'Ok, verstanden',
  learnMore: 'Mehr Infos',
  link: 'https://website-tutor.com/datenschutz/', /* Link zu den eigenen Datenschutzbestimmungen */
  theme: 'hell-unten-rechts' /* weitere Theme-Optionen sind dunkel-unten oder dunkel-oben */
 };
</script>
<script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/website-tutor/cookiehinweis/script.js
"></script>
<!-- Ende Cookie Plugin -->

Seitenende

2. Schritt: Script für eine Darstellung am Seitenende kopieren
 <!-- Start Cookie Plugin -->
<script type="text/javascript">
  window.CookieHinweis_options = {
  message: 'Diese Website nutzt Cookies, um bestmögliche Funktionalität bieten zu können.',
  agree: 'Ok, verstanden',
  learnMore: 'Mehr Infos',
  link: 'https://website-tutor.com/datenschutz/', /* Link zu den eigenen Datenschutzbestimmungen */
  theme: 'dunkel-unten' /* weitere Theme-Optionen sind dunkel-oben oder hell-unten-rechts */
 };
</script>
<script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/website-tutor/cookiehinweis/script.js
"></script>
<!-- Ende Cookie Plugin -->
3. Schritt: Script auf der eigenen Website platzieren
  • Script vor dem schließenden </head> einfügen
  • unbedingt in Zeile 7 die Url zu den eigenen Datenschutzbestimmungen einsetzen
  • Informiere deine Nutzer über die Datenschutz-Grundverordnung für Webseiten in der EU. Nimm bestenfalls den entsprechenden Cookie-Hinweis-Text mit DSGVO-Verweis in deine Datenschutzbestimmungen auf.

Optionale Einstellungen zum Cookie Script

  • Die Felder message, agree und learnMore können bei Bedarf angepasst werden
  • Es stehen drei Erscheinungstypen zur Verfügung, die im Feld theme bestimmt werden: ‚dunkel-oben‘, ‚hell-unten-rechts‘, und ‚dunkel-unten‘

Button-Farbe ändern

Füge optional diese CSS-Klassen in deine style.css ein um Button-Farbe und andere Elemente des Cookie-Hinweises an die Gestaltung deiner Website anzupassen. Die Hinweise zwischen den /* */ kannst du entfernen. Den Hex-Code für die Farbwerte kannst du mit einem Plugin generieren.

.cc_container .cc_btn {
background-color: #e4e4e4 !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}

.cc_container {
background: #1f6888 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}

.cc_container a {
color: #31a8f0 !important; /* Textlink-Farbe "Mehr Infos" */
}
Die Cookie-Laufzeit ist in der Cloud-Veriante auf 30 Tage gesetzt (356 Tage in der Download-Variante zum selbst-hosten). Mit einem Klick auf „Ok, verstanden“ bestätigt der Besucher die Kenntnisnahme zur Verwendung von Cookies auf deiner Website. Der Hinweis wird bei erneutem Besuch nicht wieder angezeigt, wenn der Cookie bis dahin nicht vom User gelöscht wurde, oder er die Seite mit einem anderen Browser aufruft.

Allgemeine Hinweise

Der Hinweis auf den Einsatz von Cookies über dieses Scripts allein löst nicht automatisch alle anderen Anforderungen der DSGVO in Bezug auf Speicherung und Verarbeitung personenbezogener Daten. Jeder Webmaster ist dazu aufgerufen die eigene Website nach Maßgabe der seit Mai 2018 wirksamen Datenschutz-Grundverordnung zu überprüfen. Dazu gehört beispielsweise die Überprüfung eingesetzter Newsletter-Software und CRM-Systeme.

Das Script steht unter GNU GENERAL PUBLIC LICENSE v3. Bei Veränderung muss es unter gleicher Lizenz weitergegeben werden können. Die verfügbaren Support-Lizenzen beziehen sich allein auf die Hilfestellung zur Einrichtung und das Theming der Software, nicht auf das Recht an der Software selbst.


Du hast digitale Fragen? Ich die passenden Antworten! Werde Mitglied der Facebook-Gruppe:
facebook.com/expertenhilfe

Du hast eine eigene Website? Dann brauchst du meinen Newsletter mit den besten Tipps & Tools!
Cookie Hinweis Script bewertet von : 94/100
Blog, Internetrecht

Hans-Jürgen Herbst

Hier bei Website-Tutor.com teile ich meine Erfahrungen aus dem Online-Marketing und helfe Einsteigern beim Aufbau einer eigenen Homepage. Beantworte hier 3 einfache Fragen, um die optimale Software für dein Projekt zu finden.

7 Fragen & Kommentare zu “Cookie Hinweis Script (DSGVO)”

  1. Bitte aktualisiere den Code in deinem Snippet. Es gibt weiterhin eine dauerhaft kostenlose Version (Siehe oben auf dieser Seite im Free-Plan). Die alte Version aus 2015 wird aufgrund von Sicherheitsupdates durch die neue ersetzt.

  2. Danke für das Script. Erleichtert die Einbindung in eine Wix-Seite (nicht selbst gehostet) ungemein!
    Eine Frage: besteht die Möglichkeit, über „learnMore: ‚Mehr Infos“ einen neuen Tab öffnen zu lassen? Fände ich prima.
    Danke nochmals! Viele Grüße,Lars

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.