040-201 12 12
bas@3pix.nl
wiki.3pix.nl
Facebook
Google+
LinkedIn
  • beGuru
    • Online urenregistratie
  • E-commerce
    • E-commerce consultant
  • WordPress
    • WordPress specialist
  • Over Bas
    • Portfolio
    • Blog
    • Rondleiding
  • Contact
Product Bekijk uw winkelmandje

Facebook Pixel Code aan je site toevoegen

3 augustus 2016E-commerce, WordPressbaskie
Wil je de conversies vanuit Facebook goed kunnen meten? Dan moet je de Facebook Pixel Code in je site installeren.

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

labels: E-commerce, Facebook, WordPress
Vorige artikel Gratis e-book Website optimalisatie in 3 stappen Volgende artikel Geschiedenis van het internet

Gerelateerde artikelen

10 jaar WordPress!

29 mei 2013baskie

Bespaarbazaar winnaar Thuiswinkel Awards

7 maart 2013baskie

Sharpspring marketing automation: hoe werkt het?

6 juni 2016baskie

Meer

  • beGuru
  • E-commerce
  • WordPress
  • Over Bas Kierkels
  • Contact opnemen
beGuruE-commerce consultantWordPress specialist
© 2017 Alle rechten voorbehouden. 3pix - Bas Kierkels