Opt-in Cookies

Guten Morgen, ich habe ein kleines Anliegen zum Thema Cookies. Für meine Webseite möchte ich Opt-in Cookie verwenden, die gespeichert, ausgelesen und gelöscht werden können. Außerdem möchte ich dem Nutzer gerne eine Mitteilung erscheinen lassen, mit dem Hinweis in dem der Name des Besuchers gespeichert wurde. Ich habe es ein bisschen in JavaScript versucht, erzeuge aber nicht das gewünschte Ergebnis. Ich bekomme auch keine Cookies in den Applikationen der Webseite angezeigt. JavaScript ist relativ neu für mich, ich kenne mich also noch nicht so gut aus. Wie kann ich nun die Cookies für meine Webseite erzeugen? Mit dem nachgeführten Beispiel klappt es nicht. Die vorgefertigte Architektur habe ich von der Seite Cookie Content.

Der hier verwendete Code

<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" /> <script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#343a40", "text": "#ffa500" }, "button": { "background": "#008000", "text": "#ffffff" } }, "theme": "classic", "position": "bottom-right", "type": "opt-in", "content": { "message": "Diese Website verwendet Cookies, um Inhalte und Anzeigen zu analysieren.", "dismiss": "Nein danke", "allow": "Ja, Cookies", "link": "mehr!", "href": "https://www.hm.edu/datenschutz/" } }) setTimeout(function(){ but=document.getElementsByClassName('cc-allow')[0]; but.addEventListener('click',function(g){ setCookie(); }) },1000); var nameform=document.createElement('input'); try{ ti= document.cookie.split('besuchername=')[1].split(';')[0]; nameform.value=ti;//oder namen wo anders anzeigen }catch(e){ nameform.value=''; } nameform.id='name'; nameform.type='text'; nameform.style='background:#008000;color:white;max-width:33%;font-size:18px;margin-left:5px;border:none;outline:none;height:38px;border-radius:5px;text-align:center'; nameform.placeholder='Your Name'; document.getElementsByClassName('cc-compliance')[0].appendChild(nameform); function setCookie(){ let name=document.getElementById('name').value; document.cookie = "besuchername="+name+";isread=1; expires=So, 2 Aug 2020 12:00:00 UTC; path=/"; } }); </script> <style> *::placeholder{ color:red; } </style> </head> <body> </body> </html>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!