Installation

Inhaltsverzeichnis

Cookie-Banner installieren

Die Installation des Cookie-Banners ist schnell und einfach durchführbar. Sie können das Anfrageformular auf der Startseite nutzen, um einen API-Key für Ihre Website zu beantragen. Sobald Ihnen ein API-Key zur Verfügung gestellt wurde, muss der folgende JavaScript-Code vor dem schließenden body-Tag eigebunden werden.

1
<script src="https://consents.de/[api_key].js" async></script>

Mit einem Doppelklick kann der gesamte Code markiert werden.

Einbindung der Drittanbieter-Dienste anpassen

Da vor der Einbindung der Drittanbieterdienste die jeweilige Einwilligung durch den Nutzer geprüft werden muss, werden alle Drittanbieter-Dienste asynchron geladen. Dazu kann man dem Cookie-Banner Callback-Funktionen zur Verfügung stellen, die nach erfolgreicher Prüfung automatisch ausgeführt werden. 

Google Analytics

Mit folgendem JavaScript-Code kann die Einbindung von Google Analytics durch den Cookie-Banner gesteuert werden.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var callback_google_analytics=function()
{
if(document.cookie.indexOf('cookieconsent_google_analytics=1')>=0)
{
var s=document.createElement('script');
s.src='https://www.googletagmanager.com/gtag/js?id=UA-xxx-xx';
s.async=true;
s.addEventListener('load',function()
{
window.dataLayer=window.dataLayer||[];
function gtag(){dataLayer.push(arguments);}
gtag('js',new Date());
gtag('config','UA-xxx-xx',{'anonymize_ip':true});
});
document.body.appendChild(s);
}
};

callback_google_analytics();

Mit einem Doppelklick kann der gesamte Code markiert werden.

Google Tag Manager

Mit folgendem JavaScript-Code kann die Einbindung vom Google Tag Manager durch den Cookie-Banner gesteuert werden.

1
2
3
4
5
6
7
8
9
var callback_google_gtm=function()
{
if(document.cookie.indexOf('cookieconsent_google_gtm=1')>=0)
{
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','[google_gtm_id]');
}
};

callback_google_gtm();

Mit einem Doppelklick kann der gesamte Code markiert werden.

Google Ads

Mit folgendem JavaScript-Code kann die Einbindung von Google Ads durch den Cookie-Banner gesteuert werden.

1
2
3
4
5
6
7
8
9
10
11
12
var callback_google_ads=function()
{
if(document.cookie.indexOf('cookieconsent_google_ads=1')>=0)
{
var s=document.createElement('script');
s.src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
document.body.appendChild(s);
(adsbygoogle=window.adsbygoogle||[]).push({});
}
};

callback_google_ads();

Mit einem Doppelklick kann der gesamte Code markiert werden.

Google Maps

Mit folgendem JavaScript-Code kann die Einbindung von Google Maps durch den Cookie-Banner gesteuert werden.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
var google_map;

var callback_google_maps=function()
{
google_map=document.getElementById('map');
if(google_map)
{
if(document.cookie.indexOf('cookieconsent_google_maps=1')>=0)
{
var s=document.createElement('script');
s.src='https://maps.googleapis.com/maps/api/js?key=[google_maps_api_key]&callback=google_maps_init';
document.body.appendChild(s);
}
}
};

callback_google_maps();


var google_maps_init=function()
{
var lat=52.00000;
var lon=12.00000;
var zoom=12;
var map_options=
{
zoom:zoom,
center:new google.maps.LatLng(lat,lon),
mapTypeId:'roadmap',
zoomControl:true,
mapTypeControl:false,
scaleControl:true,
streetViewControl:false,
rotateControl:false,
fullscreenControl:false
};

var map=new google.maps.Map(google_map,map_options);
};

Mit einem Doppelklick kann der gesamte Code markiert werden.

Facebook-Pixel

Mit folgendem JavaScript-Code kann die Einbindung vom Facebook-Pixel durch den Cookie-Banner gesteuert werden.

1
2
3
4
5
6
7
8
9
10
11
var callback_facebook_pixel=function()
{
if(document.cookie.indexOf('cookieconsent_facebook_pixel=1')>=0)
{
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init','xxx');
fbq('track','PageView');
}
};

callback_facebook_pixel();

Mit einem Doppelklick kann der gesamte Code markiert werden.