Cookie Hinweis guter Generator?

1 Antwort

Simpel gesagt: Selber implementieren.

An sich ist das einfach ein div mit Text + Link + Evtl. versteckbutton, welches "fixed" ist und in irgendeiner weise einen Teil der Siete überdeckt("z-index" entsprechend hoch setzen).

i.e.(ungetestet):

<div id="cookie_banner">
Cookiehinweistext hier
<a href="Datenschutzerklärung_Link">Datenschutzerklärung</a>
<button onclick="hide('#cookie_banner');">Verstanden!</button>
</div>

mit Style:

#cookie_banner{
position: fixed;
z-index: 9999;
top: 0;
left: 0;
text-align: center;
height: 10vh;
width: 100vh;
}

und JavaScript:

function hide(selector){
var elements = document.querySelector(selector);
for(var i=0;i<elements.length;++i){
elements[i].sytle.display = "none";
}
}
}

Hallo Destranix,

Danke für die Hilfe. Dieser Code liefert aber bei jedem Besuch der Seite einen Hinweis? Dieser sollte nur so oft angezeigt werden bis der Besucher "Verstanden" angeklickt hat. Dazu muss ein Cookie gesetzt werden, um zu überprüfen ob der Besucher schon einmal da war und "Verstanden" geklickt hat.

Dass das Ganze ein Witz ist steht auf einer anderen Seite (Meine Site verwendet bisher keine Cookies, nur über Google-Adsense werden welche gesetzt, jetzt muss ich dem Besucher selber welche unterjubeln)

0
@Parabelflug

Für das setzen des Cookies folgendes abändern:

<button onclick="hide('#cookie_banner');">Verstanden!</button>

zu

<button onclick="acceptCookies();">Verstanden!</button>

Und folgende Javascriptfunktion hinzufügen:

function acceptCookies(){
document.cookie="cookies_accepted = true;expires=Fri, 31 Dec 9999 23:59:59 GMT";
hide('#cookie_banner');
}

Außeredem den Hinweis bei vorhandenem Cookie entfernen. Das würde ich serverseitig lösen, da dann evtl. auch der Fall besser gehandelt wird, wenn Javascript deaktiviert wird.

0
@Parabelflug

Mir fällt gerade ein:

Es wäre rechtlich evtl. sinnvoll, das Ablaufdatum des Cookies entsprechend passend zu setzen, da die zustimmung nur eine bestimmte Zeit lang gültig ist:

function acceptCookies(){
var currentdate = new Date();
var futureDate= currentDate.setDate(currentDate.getDate()+150);
document.cookie="cookies_accepted = true;expires="+futureDate.toUTCString();
hide('#cookie_banner');
}
0

Was möchtest Du wissen?