How to add Facebook tracking pixel

This section assumes you are already familiar with Facebook Tracking Pixel. If you are not, read this first.


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