How to add Facebook tracking pixel

NOTE:
This article refers to the old way to add FB tracking pixel.
We have simplified the procedure a lot. You can see the new guide here: http://support.maitreapp.co/article/111-how-to-add-external-scripts-to-the-thank-you-page


Adding Facebook tracking pixel to Maître is very simple. You just need to add the FB tracking code in your page and use the  afterSuccess callback to send the event.

1. Put this code in the <head> of your page

<!-- Facebook Pixel Code -->
<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', 'XXXXXXXXXXX'); // Insert your pixel ID here.
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=XXXXXXXXXX&ev=PageView&noscript=1"/></noscript>
<!-- DO NOT MODIFY -->
<!-- End Facebook Pixel Code -->

Don't forget to change "XXXXXXXXXXX" with your tracking ID.

2. Use the " afterSuccess" callback in your Maître widget.

<script type="text/javascript">
  window.Maitre = {
    uuid: "MFXXXXX",
    callbacks: {
      afterSuccess: function(data, form) {
        if (data.response == "subscriber_created") {
          fbq('track', '<EVENT_NAME>');
        }
      }
    }
  };
</script>

Remember to change MFXXXXX with your Maître UUID and <EVENT_NAME> with an event name of your choice (eg: "Signup").

Still need help? Contact Us Contact Us