Sprung zum Inhalt

Webdesign nach Maß von webdesign weisshart

Mein Blog

RSS Feed AbonnementRSS 2.0 Feed

zum Archiv und den Kategorien

E-Privacy-Verordnung

Montag, 8. Mai 2017

Aus der EU-Cookie-Richtlinie wird die E-Privacy-Verordnung
(Google-Suche nach E-Privacy-Verordnung)
Inkrafttreten der Verordnung ist geplant für Mai 2018. Und, anders als bisher die Richtlinie, wird eine EU-Verordnung sofort mit Inkrafttreten für alle Länder verbindlich.
Der Entwurf der Verordnung (Kommentar zum Entwurf) sieht u.a. vor, dass

  1. Ein Opt-out oder "Take it or leave" nicht mehr genügt. Vielmehr ist eine bewusste Zustimmung des Besuchers (Opt-in) erforderlich.
  2. Seitenanbieter ein im Browser gesetztes Do not Track (DNT) respektieren müssen.

Beide Forderungen erfüllt meine Lösung bereits heute. Ich dürfte auf alle Fälle auf der sicheren Seite liegen.

Screenshot vom iPhone
Der "Cookie-Hinweis" auf Smartphones, mit der Wahl zwischen "Bitte keine Analyse" und "Kein Problem, ich stimme zu".

tl;dr

Der PHP-Code:
if (!isset($_COOKIE['eu-cookie-irrsinn']) && !isset($_COOKIE['ga-disable-UA-meine Analytics ID']) && (!isset($_SERVER['HTTP_DNT']) || $_SERVER['HTTP_DNT'] != 1)) {
 
$ablauf = (time() + (30 * 24 * 60 * 60)) * 1000;
echo '
<noscript><!–- </noscript>
<div id="eu-cookie-irrsinn" >
<p>Auch diese Website schenkt Ihnen Kekse (Cookies), u.&#8239;a. zur Seitenanalyse. Das war zwar schon immer so, auf Wunsch der EU muss nun jedoch dieser Hinweis hier erscheinen.
 
<a href="/datenschutz.php">Weitere&nbsp;Infos</a>
<span style="white-space:nowrap;display:inline-block;">
 
<button id="ja" title="Mit einem Klick diese Anzeige verbergen" onclick="document.cookie='eu-cookie-irrsinn=accepted; expires='+(new Date('.$ablauf.')).toGMTString();this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);">Kein Problem. Ich stimme zu.<dfn> &mdash; hier klicken um diese Anzeige dauerhaft zu verbergen.</dfn></button>
 
<button id="nein" title="Google Analytics deaktivieren" onclick="gaOptout();document.cookie='eu-cookie-irrsinn=refused; expires='+(new Date('.$ablauf.')).toGMTString();this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);">Bitte keine Analyse!<dfn> &mdash; hier klicken um Google Analytics zu deaktivieren.</dfn></button>
</span>
 
</div>
<noscript> –-></noscript>
';
}

Der zweite Button setzt ein Opt-out Cookie für Google Analytics. Mehr zum Analytics Opt-out.

Das CSS (Desktop):
#eu-cookie-irrsinn{background-color:#f1f1f1;opacity:.9;font-size:.9em;position:fixed;bottom:0;left:0;z-index:100;border-top:1px solid #aaa;padding-right:1em;}
#eu-cookie-irrsinn p{line-height:2em;}

CSS (mobil):
#eu-cookie-irrsinn p{margin:.4em .7em; padding-right:0 !important;font-size:.9em}
#eu-cookie-irrsinn button {font-size:.8em !important;margin: 1em 0 1.2em 1.5em !important;float:right}
#eu-cookie-irrsinn {background-color:#f1f1f1;opacity:.9;font-size: .9em;width:100%;position:fixed; bottom:0; left:0; z-index:100;border-top: 1px solid #aaa}

Ein kleines jQuery-Snippet sorgt für ein wenig zusätzlichen Komfort: Der Hinweis verschwindet beim Scrollen, selbst wenn noch keine Option gewählt wurde.
$(window).scroll(function(){
var scrollPos = $(document).scrollTop();
if (document.getElementById('eu-cookie-irrsinn')) {
if (scrollPos >=100) {
$( "#eu-cookie-irrsinn" ).slideUp(1000);
}
}
});



Kommentare

Noch keine Beiträge.

Einen Kommentar abgeben

Damit Code-Beispiele richtig angezeigt werden, müssen Sonderzeichen maskiert werden (z.B. < zu &lt;).


(notwendig)

(notwendig)

Spamschutz:
Je nach Inhalt wird Ihr Kommentar eventuell nicht sofort angezeigt, sondern muss manuell freigeschaltet werden.

Archiv:

Kategorien:

Creative Commons Lizenzvertrag
Alle Texte (nicht Bilder!) Creative Commons CC BY-NC-SA 3.0 DE