Veel websites maken gebruik van embedded content, zoals een YouTube video, die wordt geladen in een iframe. Deze third-party content providers kunnen ook cookies plaatsen en ook hiervoor dient een voorafgaande toestemming gevraagd te worden aan de bezoeker.

Om cookies pas te laden als de voorafgaande toestemming is gegeven, zal CookieInfo het laden van de video blokkeren totdat de gebruiker toestemming heeft gegeven. Als de bezoeker toestemming heeft gegeven, zal op de volgende pagina’s die bezocht worden de embedded content automatisch geladen worden.

Om dit te implementeren dien je de orginele iframe tag aan te passen (voorbeeld):

<iframe src="https://www.youtube.com/embed/xxxxxxxxxxx" frameborder="0" allowfullscreen></iframe>

naar het volgende (hernoem ‘src’ naar ‘data-src’ en voeg het data-cookieconsent-attribuut toe aan de tag)

<iframe data-src="https://www.youtube.com/embed/xxxxxxxxxxx" data-cookieconsent="marketing" frameborder="0" allowfullscreen></iframe>

Vervang de voorbeeld url ‘https://www.youtube.com/embed/xxxxxxxxxxx’ door de url van je eigen iframe-src.

Let op dat YouTube ook een alternatief domein aanbied, www.youtube-nocookie.com welke géén http cookies plaatst. Wel zet dit domein persistent “super-cookies” in de HTML local storage van de browser. Ook hiervoor is voorafgaande toestemming benodigd.

Een bericht weergeven als er geen toestemming is gegeven.

Je kan een placeholder voor of na de iframe-tag toevoegen, om de bezoeker een bericht te tonen als deze niet de juiste toestemming heeft gegeven, om de iframe weer te geven, bijvoorbeeld:

<div class="cookieconsent-optout-marketing">
Om deze video te zien dien je <a href="javascript:CookieConsent.renew()">marketing-cookies te accepteren.</a>
</div>

CookieInfo zal het bericht niet tonen als de voorafgaande toestemming is gegeven.

Delen