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.

Auszug der Datenschutzseite zur Nutzung von Google Analytics der Internetwarriors GmbH ansonsten stellt bitte noch sicher, dass euer Analytics Code folgendermaßen ausschaut:

download

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-39383946-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-39383946-1');
</script>

<script>
var gaProperty='UA-24606645-1';
var disableStr='ga-disable-'+gaProperty;
if(document.cookie.indexOf(disableStr+'=true')>-1){
    window[disableStr]=true;
} else {
    var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-24606645-1']);
    _gaq.push(['_gat._anonymizeIp']);
    _gaq.push(['_trackPageview']);
    (function(){
        var ga=document.createElement('script'),s;
        ga.type='text/javascript';
        ga.async=true;ga.src=('https:'===document.location.protocol?'https://ssl':'http://www')+'.google-analytics.com/ga.js';
        s=document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(ga,s);
    })
();}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-39383946-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-39383946-1');
</script>

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')
;}
</script>