html knowhow

Cookies Popup unten

Was sind Cookies

Besucher-Tracking, also die Reichweitenmessung, als auch gewisse Marketing-Cookies sind nur mit Einwilligung aktiv zu schalten und sollten dem Besucher auch VOR Seiteneinstieg an- oder abwählbar zur Verfügung stehen. Ein Cookie Hinweis mit Text zur Definition der konkreten Cookie-Situation je Internetseite oder Onlineshop ist verpflichtend. Grundsätzlich gilt im Rahmen des Datenschutzes immer:

Präferenz-Cookies
Sie ermöglichen einer Webseite sich an Informationen zu erinnern, die die Art beeinflussen, wie sich eine Webseite verhält oder aussieht, wie z. B. Ihre bevorzugte Sprache oder die Region in der Sie sich befinden.

Statistik-Cookies
Sie helfen Webseiten-Besitzern zu verstehen, wie Besucher mit Webseiten interagieren, indem Informationen anonym gesammelt und gemeldet werden.

Marketing-Cookies
Sie werden verwendet, um Besuchern auf Webseiten zu folgen. Die Absicht ist, Anzeigen zu zeigen, die relevant und ansprechend für den einzelnen Benutzer sind und daher wertvoller für Publisher und werbetreibende Drittparteien sind.

Nicht klassifiziert
Das sind Cookies, die wir gerade versuchen zu klassifizieren, zusammen mit Anbietern von individuellen Cookies.

Sobald ein Nutzer identifiziert und nachverfolgbar ist, sollte eine aktive Einwilligung im Cookie Banner / Hinweis notwendig sein.
Cookies helfen dabei, eine Webseite nutzbar zu machen, indem sie Grundfunktionen wie Seitennavigation und Zugriff auf sichere Bereiche der Webseite ermöglichen.

Cookies Popup (Beispiel 1 im footer)

Popup zum zeigen des Einverständnisses wegen der Verwendung von Cookies im footer.

Wenn Sie den "Akzeptieren" Button gedrückt haben, wird das Popup nur für diesen Seitenaufruf akzeptiert. Beim reloaden erscheint das Popup nicht mehr.

So sieht´s austrong>

Hier nichts. Das Popup unten ist das Ding

Quellcode

<html>
<head>

<style>
Hier nichts
</style>
</head>

<body>
<div id="footer-cookie"><span id="description">Wir nutzen Cookies, um unsere Dienste zu erbringen und zu verbessern. Mit Nutzung dieser Seite akzeptieren Sie unsere Cookies.
<a href="datenschutzerklärung.html">Datenschutzerklärung</a></span>
<span id="accept"><a href="javascript:void(0)" title="Akzeptieren">Akzeptieren</a></span></div>
<script>
var footerCookie = document.querySelector("#footer-cookie");
var footerCookieAccept = document.querySelector("#accept");
if (document.cookie.indexOf("dakitecCookieBanner=") == -1) {
footerCookie.style.display = "block";
}
footerCookieAccept.onclick = function(e) {
var cookieDate = new Date();
cookieDate.setTime(new Date().getTime() + 31104000000);
document.cookie = "dakitecCookieBanner = 1; path=/; secure; expires=" + cookieDate.toUTCString();
footerCookie.style.display = "none";
};
</script>

</body>
</html>

Cookies Popup (Beispiel 2 im footer)

Popup zum zeigen des Einverständnisses wegen der Verwendung von Cookies im footer.

Wenn Sie den "Akzeptieren" Button gedrückt haben, wird das Popup für alle Wiederaufrufe der Seite akzeptiert. Beim reloaden erscheint das Popup immer wieder mehr.

So sieht´s aus

Hier nichts. Das Popup ist das Ding

Quellcode

<html>
<head>

<style>
body {font-family: Georgia, serif;background: #eee;font-size: 16px;}
#footer-cookie, #footer-cookie * {box-sizing: border-box;}
#footer-cookie {display: none;position:fixed;bottom:0px;left:0px;width:100%;height:60px;padding-left:30px;padding-right:30px;line-height:60px;background:#303030;color:#fff;}
#footer-cookie a {color: #fff;}
#footer-cookie #description {float: left;}
#footer-cookie #accept {float: right;}
#footer-cookie #accept a {border: 1px solid #fff;padding: 5px 10px;text-decoration: none;}
@media (max-width: 1200px) {
#footer-cookie {padding-top: 30px;padding-bottom: 30px;line-height: inherit;height: auto;}
#footer-cookie #description {width: 100%;}
#footer-cookie #accept {width: 100%;margin-top: 15px;}
#footer-cookie #accept a {width: 100%; display: block;text-align: center;}}
</style>
</head>

<body>
<div id="footer-cookie"><span id="description">Wir nutzen Cookies, um unsere Dienste zu erbringen und zu verbessern. Mit Nutzung dieser Seite akzeptieren Sie unsere Cookies.
<a href="datenschutzerklärung.html">Datenschutzerklärung</a></span>
<span id="accept"><a href="javascript:void(0)" title="Akzeptieren">Akzeptieren</a></span></div>
<script>
var footerCookie = document.querySelector("#footer-cookie");
var footerCookieAccept = document.querySelector("#accept");
if (document.cookie.indexOf("dakitecCookieBanner=") == -1) {
footerCookie.style.display = "block";
}
footerCookieAccept.onclick = function(e) {
var cookieDate = new Date();
cookieDate.setTime(new Date().getTime() + 31104000000);
document.cookie = "dakitecCookieBanner = 1; path=/; secure; expires=" + cookieDate.toUTCString();
footerCookie.style.display = "none";
};
</script>

</body>
</html>

Kontakt Datenschutz Impressum