HennWeb

https://github.com/Wruczek/Bootstrap-Cookie-Alert/blob/gh-pages/cookiealert.js

Hier ein einfaches Script um die Cookie Meldung an zuzeigen. Es enthält auch die Möglichkeit ohne Google Cooies weiter zu machen. Die rechtliche Seite solltet ihr bitte trotzdem klären.

Google Analytics & Google Conversion Tracking

1. im Scriptbereich (wahrscheinlich ziemlich am Ende eures Codes) folgendes einfügen

download

<!-- Cookie Banner www.Hennweb.de -->
<script>
if( document.cookie.indexOf('cookiebanner=1') != -1 ){	// wenn Cookie vorhanden 
	jQuery('#cookie_banner').hide();					// dann Banner ausblenden
} else {
	jQuery('#cookie_banner').prependTo('body');			// an den Body anhängen und anzeigen
}
/* Reset Button - löscht das Cookie und zeigt das Banner wieder an */
$('#ResetCookie').click(()=>{
	document.cookie = 'cookiebanner' + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';  // delete Cookie 
	jQuery('#cookie_banner').show(); // show Banner
})
</script>
<!-- Cookie Banner -->

2. Am Ende eures Scripts, aber vor „</body>“ folgenes einfügen:

download

<!-- Cookie-Banner by HennWeb.de -->
<div id="cookie_banner" >
	<div class="col-12 text-center">
		<a>Es werden nur für den Betrieb der Seite notwendige Cookies verwendet </a> 
		<a href="datenschutz.php" class="btn btn-secondary btn-sm " role="button" type="button">Datenschutz</a>&nbsp;
		<a href="javascript:gaOptout();" class="btn btn-secondary btn-sm " onclick="alert('Google Analytics wurde deaktiviert');">ohne Cookies</a>
		<button type="button" class="btn btn-primary btn-sm " onclick="document.cookie = 'cookiebanner=1;path=/';jQuery('#cookie_banner').slideUp()">OK</button>
	</div>
</div>
<!-- END Cookie-Banner -->

3. und zum Schluss in die CSS Datei (oder im Header eingebettet in <Style>)

download

/* Cookie-Banner by HennWeb.de */
#cookie_banner { 
	background: lightgray;
	position:fixed;
	bottom:0px; 
	z-index:10000; 
	width:100%; 
	opacity: 0.8;
}
/* END Cookie-Banner */

Wenn Ihr kein Google Analytics benutzt, dann löscht im HTML Teil folgende Zeile:

download

<a href="javascript:gaOptout();" class="btn btn-secondary btn-sm " onclick="alert('Google Analytics wurde deaktiviert');">ohne Cookies</a>

Beim Einsatz von Webanalyse ist es unerlässlich, den Datenschutz Ihrer Webseite regelmäßig zu kontrollieren und aktuell zu halten.

Google Analytics darf nur nach Einwilligung des User benutzt werden. Dazu ist folgenes Script einzubauen:
Wichtig: in gaProperty muss eure Analytics ID eingesetzt werden!

download

<script type="text/javascript">
/* Google Analytics */
var gaProperty='UA-XXXXXXXXX';			// hier die Google Analytics ID eintragen

/* ab hier nichts mehr ändern */
// Function deaktiviert Cookie 
var disableStr='ga-disable-'+gaProperty;
function gaOptout(){document.cookie=disableStr+'=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
	window[disableStr]=true;alert('Das Tracking ist jetzt deaktiviert');
}

// prüfen ob Cookie activ / deactiv ist
if(document.cookie.indexOf(disableStr+'=true')>-1){    // wenn Cookie deaktivert ist, dann nicht Analytics nicht ausführen
	window[disableStr]=true;
}else{
	 var _gaq = _gaq || [];
	_gaq.push(['_setAccount', gaProperty]);
	_gaq.push(['_gat._anonymizeIp']);
	_gaq.push(['_trackPageview']);
	(function() {
		var ga = document.createElement('script');
		ga.type = 'text/javascript';
		ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0];
		s.parentNode.insertBefore(ga, s);
	})();
}
</script>