Cookie Hinweis Script – in 3 einfachen Schritten auf der eigenen Website einbauen

Eine neue EU-Richtlinie verpflichtet Seiten-Betreiber auf die Verwendung von Cookies hinzuweisen, wenn Produkte wie Google AdSense, DoubleClick oder AdExchange eingesetzt werden.

Eine neue EU-Richtlinie verpflichtet Seiten-Betreiber auf die Verwendung von Cookies hinzuweisen, wenn Produkte wie Google AdSense, DoubleClick oder AdExchange eingesetzt werden. Dabei geht es nicht darum eine Zustimmung beim Besucher einzuholen, sondern allein um den Hinweis auf den Einsatz von Cookies an sich. Diese Richtlinie soll seit dem 30. September 2015 befolgt 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. Onlineshops können darüber hinaus das AGB Muster mit rechtssicherer Formulierung übernehmen.

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: 'http://website-tutor.com/datenschutz',
  theme: 'dark-top'
 };
</script>
<script type="text/javascript" src="//s3.amazonaws.com/valao-cloud/cookie-hinweis/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.cookieconsent_options = {
  message: 'Diese Website nutzt Cookies, um bestmögliche Funktionalität bieten zu können.',
  dismiss: 'Ok, verstanden',
  learnMore: 'Mehr Infos',
  link: 'http://website-tutor.com/datenschutz',
  theme: 'light-floating'
 };
</script>
<script type="text/javascript" src="//s3.amazonaws.com/valao-cloud/cookie-hinweis/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.cookieconsent_options = {
  message: 'Diese Website nutzt Cookies, um bestmögliche Funktionalität bieten zu können.',
  dismiss: 'Ok, verstanden',
  learnMore: 'Mehr Infos',
  link: 'http://website-tutor.com/datenschutz',
  theme: 'dark-bottom'
 };
</script>
<script type="text/javascript" src="//s3.amazonaws.com/valao-cloud/cookie-hinweis/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, 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.

Dieses Cookie Script steht jedem zur freien Verwendung auf der eigenen Website zur Verfügung.
Lizenz: GNU GENERAL PUBLIC LICENSE v3

Hans-Jürgen Herbst
Strategisches Online-Marketing,
valao digital

»Unser Service für Webseiten«

Website Tutor hilft Webmastern bei Erstellung einer Homepage und bei deren rechtssicheren Ausgestaltung. Der IT-Dienstleister valao digital stellt dabei sicher, dass unser kostenloses Script zum Cookie Hinweis dauerhaft über unsere Server zur Verfügung steht. Bereits mehr als 15.000 Webseiten nutzen diesen Service. Täglich werden so über 10 Millionen Cookie-Hinweise geprüft und zur Kenntisnahme an die Webseiten-Besucher ausgespielt.

Cookie Hinweis im Test von : 94/100