Implementeren Cookiebot in Drupal

Let op: Dit artikel is gemaakt vóórdat de automatische cookieblokkering functionaliteit is geïntroduceerd (10 september 2019). Je kan nog steeds onderstaande handmatige implementatie van voorafgaande toestemming gebruiken. In dat geval is onderstaande handleiding nog relevant voor je.

Voor het gebruik van automatische cookieblokkering zorg je ervoor dat je cookie banner script het data attribuut data-blockingmode=”auto” bevat en dat het async attribuut is verwijderd.

De cookiebanner implementeren

Voeg je persoonlijke Cookiebot consent script toe aan het template.php bestand in je thema map.
Als je Cookiebot script er als volgt uitziet:

<script id="CookieConsent" src="https://consent.cookiebot.com/uc.js" data-cbid="00000000-0000-0000-0000-000000000000" type="text/javascript" async></script>

Dan implementeer je de volgende code in template.php

function theme_preprocess_html(&$var) {
 $script = array(
 '#tag' => 'script',
 '#attributes' => array('type' => 'text/javascript', 'id' => 'CookieConsent', 'src' => 'https://consent.cookiebot.com/uc.js', 'data-cbid' => '00000000-0000-0000-0000-000000000000')
 );
 drupal_add_html_head($script, 'script'); 
}

Als Template.php opgeslagen is zal de banner worden weergegeven op je website, ongeacht welke pagina de bezoeker als eerste bezoekt.

Voorafgaande toestemming implementeren bij plugins en modules

Om voorafgaande toestemming mogelijk te maken, pas je het kenmerk “data-cookieconsent” toe op scripts voor het instellen van cookies op je website. Stel de door komma’s gescheiden waarde in op een of meer van de cookie categorieën “voorkeuren”, “statistieken” en “marketing” in overeenstemming met de soorten cookies die door elk script worden ingesteld. Wijzig tot slot het attribuut “type” van “text / javascript” in “text / plain”.

Voorbeeld met de Google Analytics Module:

Pas rechtstreeks de module code aan door het module bestand “google_analystics.module” te openen.
Edit the module code directly by opening the module file “google_analytics.module”.

Zoek de volgende code sectie in het bestand:

$page['#attached']['html_head'][] = [
 [
 '#tag' => 'script',
 '#value' => $script,
 ],
 'google_analytics_tracking_script',
];

Maak de volgende aanpassing (gemarkeerd in blauw) en sla het bestand op:

$page['#attached']['html_head'][] = [
 [
 '#tag' => 'script',
 '#value' => $script,
 '#attributes' => array('type' => 'text/plain', 'data-cookieconsent' => 'statistics')
 ],
 'google_analytics_tracking_script',
];

Cookiebot zal nu automatisch het Google analytics script laden voor bezoekers die voorafgaande toestemming hebben gegeven voor alle type cookies , of tenminste ‘statistieken’

Let op: Dit artikel is gemaakt vóórdat de automatische cookieblokkering functionaliteit is geintroduceerd (10 september 2019). Je kan nog steeds onderstaande handmatige implementatie van voorafgaande toestemming gebruiken. In dat geval is onderstaande handleiding nog relevant voor je.

Voor het gebruik van automatische cookieblokkering zorg je ervoor dat je cookie banner script het data attribuut data-blockingmode=”auto” bevat en dat and that “async” is verwijderd van het voorbeeld hieronder.

De cookieverklaring volledig weergeven op een specifieke Drupal pagina

Als je de cookieverklaring volledig wil weergeven op een aparte pagina of als onderdeel van je privacy policy kan je het cookieverklaring script toevoegen zoals hieronder beschreven:
Schakel in de editor van de pagina waar je de cookieverklaring wil tonen naar HTML/Source View en plak de script code op de juiste positie:

<script id="CookiePolicy" src="https://consent.cookiebot.com/00000000-0000-0000-0000-000000000000/cd.js" type="text/javascript" async></script>

Als je een rich text/WYSIWYG editor gebruikt kan bovenstaand script verkeerd opgeslagen worden. Om dit te voorkomen dien je JavaScript in te schakelen in de editor. Voorbeeld is de CKeditor. Voeg hiervoor de volgende instelling toe in de configuratie sectie “{…}” van het bestand “Plugins.js” (locatie /sites/all/libraries/ckeditor)

config.allowedContent = true;