Voor ontwikkelaars

Scripts

Scripts inladen op basis van CookieConsent instellingen
Zodra een bezoeker de CookieConsent instellingen opslaat of al eerder een keuze heeft gemaakt worden scripts met de desbetreffende instellingen ingeladen.

Beschikbare data-cookieconsent waardes: analytics, marketing, functional, necessary.
Let op dat script type “text/plain” is.

<script type="text/plain" data-cookieconsent="marketing" src="script.js"></script>

Iframes

Iframes inladen op basis van CookieConsent instellingen
Zodra een bezoeker de CookieConsent instellingen opslaat of al eerder een keuze heeft gemaakt worden iframes met de desbetreffende instellingen ingeladen.

Beschikbare data-cookieconsent waardes: analytics, marketing, functional, necessary.
Let op dat “src” is vervangen voor “data-src”.

<iframe data-src="iframe.html" data-cookieconsent="marketing"></iframe>

CSS classes

Elementen tonen of verbergen op basis van CookieConsent instellingen
Zodra een bezoeker de CookieConsent instellingen opslaat of al eerder een keuze heeft gemaakt worden elementen met de desbetreffende CSS classes getoond of verborgen.

<div class="cookieconsent-optin">
   Dit element wordt weergegeven wanneer er minimaal één keuze is geselecteerd
</div>

<div class="cookieconsent-optout">
   Dit element wordt weergegeven wanneer er geen enkele keuze is geselecteerd
</div>

<div class="cookieconsent-optin-marketing">
   Dit element wordt weergegeven wanneer marketing is geselecteerd
</div>

<div class="cookieconsent-optout-marketing">
   Dit element wordt weergegeven wanneer marketing niet is geselecteerd
</div>

<div class="cookieconsent-optin-analytics">
   Dit element wordt weergegeven wanneer analytics is geselecteerd
</div>

<div class="cookieconsent-optout-analytics">
   Dit element wordt weergegeven wanneer analytics niet is geselecteerd
</div>

Events

Er zijn 2 beschikbare events:

  • CookieConsentInitialize (altijd bij initialisatie)
  • CookieConsentSaved (bij opslaan)
<script type="text/javascript">
   document.addEventListener('CookieConsentInitialize', function(event) {
      console.log('init', event);
   }, false);

   document.addEventListener('CookieConsentSaved', function(event) {
      console.log('save', event);
   }, false);
</script>

Opties configureren middels Google Tag Manager

Door het toevoegen van query parameters aan het bronbestand kunt u bepaalde opties configureren. Deze opties overrulen de standaard waarde die zijn ingegeven in de manager. De volgende opties zijn beschikbaar:

hidden
Verberg of toon de cookie consent. Mogelijke waarden zijn ‘true’ of ‘false’.

backdrop
Verberg of toon de backdrop. Mogelijke waarden zijn ‘true’ of ‘false’.

backdrop_color
Bepaal de kleur van de backdrop. Waarde dient een hexidecimale kleurcode te zijn (dus b.v. #000000).

position
Bepaald de positie van de cookie consent. Mogelijke waarden zijn ‘top’, ‘center’ of ‘bottom’.

functional
Verberg of toon de optie voor het activeren van ‘Functionele cookies’.

analytics
Verberg of toon de optie voor het activeren van ‘Statistieken cookies’.

marketing
Verberg of toon de optie voor het activeren van ‘Marketing cookies’.

<script type="text/javascript" src="uuid.js&hidden=false&backdrop=false&position=center&marketing=false&analytics=true"></script>

WordPress plugin

Download onze officiële WordPress plugin via onderstaande link:
https://wordpress.org/plugins/cookieconsent-io/

Na installatie van de plugin kunt u gebruik maken van onderstaande short codes om bepaalde functionaliteit op uw pagina te tonen:

TOON JURIDISCHE TEKST
[cookie-consent-io-description]

TOON COOKIE TABEL
[cookie-consent-io-table]

TOON COOKIE INSTELLINGEN (LINK)
[cookie-consent-io-settings type=”link”]Toon cookie instellingen[/cookie-consent-io-settings]

TOON COOKIE INSTELLINGEN (BUTTON)
[cookie-consent-io-settings type=”button”]Show cookie instellingen[/cookie-consent-io-settings]

FILTERS
De volgende WordPress filters zijn beschikbaar:

render_cookie_consent_io_description
render_cookie_consent_io_table
render_cookie_consent_io_settings

Magento 2 Plugin

Stap 1

Voeg de Google Tag Manager container toe aan de head van het Magento 2 ontwerp.  Selecteer Content > Design > Configuration in de Magento 2 admin en wijzig de configuratie van het huidige actieve design. Selecteer HTML head en voeg het Google Tag Manager installatie script toe en druk op ‘Save Configuration’.

Change design configuration

Stap 2
Selecteer de privacy pagina en voeg de juridische tekst, cookie tabel en cookie instellingen link toe. Je kunt deze features toevoegen middels de ‘Custom Variables’  optie.

Insert custom variable

Stap 3
Selecteer System > Cache management en ververs de cache voor Layouts, Blocks HTML output en Page Cache.

Clear cache

Stap 4

Bekijk de privacy pagina en controleer of de componenten worden getoond.

Privacy policy