Handmatig voorafgaande toestemming instellen bij een Facebook pixel

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 het async attribuut is verwijderd.

Een facebook pixel bestaat uit twee delen:

1. Een standaard script tag die, net als andere standaard cookies of trackers, een Marketing tag toegevoegd dient te krijgen.
2. een noscript tag die volledig verwijderd dient te worden

Een voorbeeld van een standaard Facebook pixel script volgt hieronder. Het noscript gedeelte is Bold weergegeven.

<!-- Facebook Pixel Code -->
!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', '166449030704713');
fbq('track', 'PageView');
</script>

<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=166339030704713&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

En hieronder hoe je de voorafgaande toestemming zou moeten instellen. Aanpassingen zijn Bold weergegeven en het noscript gedeelte is verwijderd:

<!-- Facebook Pixel Code -->
<script type="text/plain" data-cookieconsent="marketing"> 
!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', '166449030704713');
fbq('track', 'PageView');
</script> 
<!-- End Facebook Pixel Code -->

Merk op dat we het noscript gedeelte hebben verwijderd aangezien dat niet werkt met Cookiebot. Cookiebot is een JavaScript oplossing en noscript is voor een browser die geen javascript support biedt. Als je het noscript gedeelte toch laat staan is er de kans dat je niet AVG-compliant bent.