Cookie Hinweis Script

Nach einer EU-Richtlinie von 2015 wurden Seiten-Betreiber verpflichtet, auf die Verwendung von Cookies hinzuweisen. Dabei geht es nicht darum eine Zustimmung beim Besucher einzuholen, sondern allein um den Hinweis auf den Einsatz von Cookies an sich. Ab Mai 2018 greift eine erweiterte Datenschutz-Grundverordnung für Webseiten in der EU. Ein Verweis auf die DSGVO kann mit in die Datenschutzbestimmungen mit aufgenommen werden.

Beim Einsatz von Cookies solltest du deine Angaben zum Datenschutz mit einem Cookie-Hinweis-Text erweitern. Eine entsprechende Vorlage findest hier zur freien Verfügung.

1. Schritt: Erscheinungstyp wählen

Hier bitte eines der drei Layouts anklicken, um die Vorauswahl für die Position des Cookie-Hinweises zu treffen

Seitenanfang

2. Schritt: Script für eine Darstellung am Seitenanfang kopieren
 <!-- Start Cookie Plugin -->
<script type="text/javascript">
  window.cookieconsent_options = {
  message: 'Diese Website nutzt Cookies, um bestmögliche Funktionalität bieten zu können.',
  dismiss: 'Ok, verstanden',
  learnMore: 'Mehr Infos',
  link: 'https://website-tutor.com/datenschutz',
  theme: 'dark-top'
 };
</script>
<script type="text/javascript" src="//s3.amazonaws.com/valao-cloud/cookie-hinweis/script-v2.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.cookieconsent_options = {
  message: 'Diese Website nutzt Cookies, um bestmögliche Funktionalität bieten zu können.',
  dismiss: 'Ok, verstanden',
  learnMore: 'Mehr Infos',
  link: 'https://website-tutor.com/datenschutz',
  theme: 'light-floating'
 };
</script>
<script type="text/javascript" src="//s3.amazonaws.com/valao-cloud/cookie-hinweis/script-v2.js"></script>
<!-- Ende Cookie Plugin -->

Seitenende

2. Schritt: Script für eine Darstellung am Seitenende kopieren
<!-- Start Cookie Plugin -->
<script type="text/javascript">
  window.cookieconsent_options = {
  message: 'Diese Website nutzt Cookies, um bestmögliche Funktionalität bieten zu können.',
  dismiss: 'Ok, verstanden',
  learnMore: 'Mehr Infos',
  link: 'https://website-tutor.com/datenschutz',
  theme: 'dark-bottom'
 };
</script>
<script type="text/javascript" src="//s3.amazonaws.com/valao-cloud/cookie-hinweis/script-v2.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.
  • Da das Script unter GNU GENERAL PUBLIC LICENSE v3 steht, darf es verändert und weitergegeben werden. Auch das hosten auf dem eigenen Server ist erlaubt. Dabei bitte beachten, dass es bei eigenen Änderungen unter gleicher Lizenz weitergegeben werden muss.

Optionale Einstellungen zum Cookie Script

  • Die Felder message, dismiss und learnMore können bei Bedarf angepasst werden
  • Es stehen drei Erscheinungstypen zur Verfügung, die im Feld theme bestimmt werden: ‚dark-top‘, ‚light-floating‘, und ‚dark-bottom‘

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 auf 365 Tage gesetzt. 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.

Das Laden dieses Scripts allein löst nicht die Anforderungen der DSGVO 2018 in Bezug auf Speicherung und Verarbeitung personenbezogener Daten. Jeder Webmaster ist dazu aufgerufen die eigene Website nach Maßgabe der ab Mai 2018 wirksamen Datenschutz-Grundverordnung zu überprüfen. Dazu gehört beispielsweise die Überprüfung eingesetzter Newsletter-Software und CRM-Systemen.

4 thoughts to “Cookie Hinweis Script”

  1. Hallo,
    dass der Server s3.amazonaws.com in den USA ist, ist wohl nicht DSGVO-problematisch? Schließlich wird doch bei jedem Aufruf eine Verbindung aufgebaut.
    Danke
    Tobi

    1. berechtigte Frage! Die Amazon Cloud liefert immer auf dem kürzesten Weg. Besucher aus Deutschland werden demnach vom Serverstandort Frankfurt bedient. So verteilen sich die Server über ganz Europa und auch die USA. Relevant dabei ist allein der Standort des Requests.

  2. Lösung damit der Banner nichts verdeckt: Der Banner kann durchsichtig werden (vgl. CSS Angaben) durch z. B.
    …….
    .cc_container {
    background: #1f6888 !important; /* Hintergrundfarbe des gesamten Bereichs */
    color: #fdfdfd; opacity: 0.90 !important; /* Schriftfarbe des gesamten Bereichs; durchsichtig */
    } ……

    Die Schriftfarben sollten danach angepasst werden. –
    Andere Möglichkeit: ‚dark-top‘, ‚light-floating‘, und ‚dark-bottom‘ je nach Seiteanforderung auswählen

  3. Vielen Dank für den Cookie Script.
    Leider verdeckt der Banner (bei mir?) in allen Formen Webseitenteile. Schön wäre, wenn man bei „light-floating“ noch den Ort, d. h. oben oder unten auswählen könnte. Da der Skript auf jeder Seite eingefügt werden muss könnte gezielt ausgewählt werden. Zahlreiche Nutzer wollen ja noch nicht zustimmen und trotzdem die Webseite nutzen.

Schreibe einen Kommentar

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