Facebook Pixel Code aan je site toevoegen

In dit artikel leg ik je stap voor stap uit hoe je de Facebook Pixel Code kunt installeren.

Stap 1: kopieer de Facebook Pixel Code

Ga naar je Facebook account of klik op deze link.

Kopieer onderstaande code:

// FB Pixel Tracking Code
add_action( 'woocommerce_thankyou', 'fb_pixeltracking' );

function fb_pixeltracking( $order_id ) {
   $order = new WC_Order( $order_id );
   $order_total = $order->get_total();
 ?>
<!-- Start FB Tracking - Replace XXXXXXXXXXXXXX with your tracking ID to track orders with values-->
 
    <!-- Facebook Conversion Code for Sales from Facebook Ads -->
    <script>(function() {
     var _fbq = window._fbq || (window._fbq = []);
     if (!_fbq.loaded) {
       var fbds = document.createElement('script');
       fbds.async = true;
       fbds.src = '//connect.facebook.net/en_US/fbds.js';
       var s = document.getElementsByTagName('script')[0];
       s.parentNode.insertBefore(fbds, s);
       _fbq.loaded = true;
     }
    })();
    window._fbq = window._fbq || [];
    window._fbq.push(['track', 'XXXXXXXXXXXXXX', {'value':'<?php echo $order_total ?>','currency':'GBP'}]);
    </script>
    <noscript>
    <img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/trev=XXXXXXXXXXXXXX&amp;cd[value]=<?php echo $order_total ?>&amp;cd[currency]=GBP&amp;noscript=1" />
    </noscript>
     <!-- END FB Tracking -->
  
<?php
}

Let op: vervang deze strings in bovenstaande code

XXXXXXXXXXXXXX
Vervang deze string door jouw pixel code.
Jouw pixel code kun je hier opvragen. Kijk op die pagina in de rechterkolom. Daar vind je ‘ID:’ met daarachter jouw eigen Facebook Pixel Code.
Plak die code in bovenstaande code.

GBP
Vervang deze string door de valuta die je gaat hanteren. Voor Nederland en België is dat ‘EUR’.

Stap 2: plak jouw code in functions.php

Elk WordPress-theme heeft een functions.php-bestand. Daar kun je code in plakken die jij wilt laten uitvoeren. Zo ook bovenstaande code.

Plak de code die je hebt gemaakt – incl. jouw eigen Facebook Pixel Code en valuta – onderaan het functions.php-bestand.

Upload het bestand daarna naar je server.

Stap 3: testen

Test je site nu om te zien of de code inderdaad wordt afgebeeld.

Het makkelijkste is om de tool Facebook Pixel Tool for Chrome te gebruiken.

Ga in de backend van je site naar Pagina’s. Bekijk nu de bedankpagina zoals een bezoeker dat zal doen.

Wanneer alles klopt, zie je nu rechtsboven een groen getal staan.

Veel plezier met de Facebook Pixel Code en happy selling!

Groet,
Bas