Meerdere Facebook pixels op één website installeren – Zo doe je dat

1. Zelf de code te programmeren aan de achterkant van je website, tussen de openingstag en sluitingstag .
2. Een plugin gebruiken voor de Facebook pixel code. Veel mensen hebben een wordpress website en gebruiken de standaard Facebook plugin. Met deze standaard Facebook plugin voor WordPress, kun je maar één pixel installeren. Gebruik daarom een plugin die een naam heeft als ‘Insert Headers and Footers‘. Daarmee kun je meerdere pixelcodes onder elkaar programmeren in je website.
3. Via Google Tag Manager de beide Facebook pixels toevoegen als 2 losse tags.

Hoe pas je de basiscode van de Facebook pixel aan zodat beide pixels goed werken?

<script>
...base code...
  fbq('init', '1234567890');
  fbq('trackSingle', '1234567890');
</script>

Hoe zet je die twee pixelcodes dan onder elkaar?

1. In de head of plugin zet je beide stukken codes voor elke pixel gewoon onder elkaar.

<!– Facebook Pixel Code –>
<script>alles van pixel 1</script>
<noscript> <img height=”pixel-ID-1″/> </noscript>
<!– End Facebook Pixel Code –>

<!– Facebook Pixel Code –>
<script>alles van pixel 2</script>
<noscript> <img height=”pixel-ID-2″/> </noscript>
<!– End Facebook Pixel Code –>

2. Je voegt de ‘init’ code van de tweede pixel toe aan de basiscode van de eerste pixel

<script>
!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', '{pixel-ID-1}');
fbq('init', '{pixel-ID-2}');
fbq('trackSingle', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id={pixel-ID-1}&ev=PageView&noscript=1"/>
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id={pixel-ID-2}&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->

3. Nog makkelijker: Google Tag Manager

• Maak dan een nieuwe tag aan.
• Kies voor een Custom HTML Tag configuratie.
• Kopieer de basiscode die je van Facebook in Gebeurtenisbeheer hebt gekregen en plak die in het lege veld.
• Kies als Trigger voor All Pages.
• Sla je tag op.

• Kies voor een Custom HTML Tag configuratie.
• Plak in het lege veld de pageview tracking code:  fbq(‘trackSingle’, ‘PageView’);
• Kies als Trigger voor All Pages.
• Sla je tag op.

Test de code voordat je hem implementeert

• Klik rechtsboven op de knop ‘Preview’ (staat naar ‘submit’).
• Open in een andere tab van dezelfde browser je website.
• Onderaan zie je nu een code balk (die ziet je klant niet) met daarin de tags die afgevuurd worden.

Als je codes inderdaad goed staan, zie je ook dat Facebook data eruit terugkrijgt. Dat kun je de checken met de Chrome Extension Facebook Pixel Helper:

Hoe zorg je ervoor dat een conversie niet dubbel geteld wordt?