html knowhow

Cookie Popup Mitte

Was sind Cookies

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.

Cookie Hinweistafel

So sieht´s aus

Sehen Sie oben

Quellcode

<html>
<head>

<style>
#footer-cookie, #footer-cookie * {box-sizing: border-box;}
#footer-cookie {position:absolute;display: none; top:50px; left:300px; width:50%; height:230px; padding-left:30px; padding-right:30px;
line-height:40px; font-size:2em; background:silver; color:black;}
#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