The new Facebook pixel combines the old custom audience pixel and the conversion tracking pixel into one single pixel. Facebook is planning on getting rid of the conversion tracking pixel at some point in the future. If you need help setting up the new pixel then here is Facebook’s guide is worth a read too.
So what can the new Facebook pixel do? It now does both of these, which previously was done by 2 different types of code.
- Audience retargeting (allows you to do remarketing adverts to people visiting your page)
- Conversion tracking (allows Facebook to know when something has happened)
If you’d like to use Facebook Ads with your toolkit pages, and/or re-advertise to people who have previously visited your landing page (called remarketing or retargeting), then you’ll need to add the Facebook Pixel to your toolkit pages.
This article shows you how.
Finding your pixel code in Facebook.
1. Go to Manage Ads within your Facebook account.
2. Find the ‘Pixels‘ menu under ‘Tools‘.
3. Click on ‘Actions‘ and then ‘View Pixel Code‘
4. Then you’ll need to select all of the code, and copy it to your clipboard (right-click -> Copy, or Ctrl-C).
The code looks like this:
<!-- Facebook Pixel Code -->
<script>// <![CDATA[
!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','//connect.facebook.net/en_US/fbevents.js'); fbq('init', '123456789123456');
fbq('track', "PageView");
// ]]></script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=123456789123456&ev=PageView&noscript=1" /></noscript>
<!-- End Facebook Pixel Code -->
Adding the Facebook Pixel to your Toolkit Landing page
Part A – Do this if you want to do remarketing to visitors later using Facebook Ads.
This might be a sales page, it might be a squeeze page. If you want to re-advertise to people who visited this page, then you’ll want to do this.
1. The first step is to use the page editor to ‘Edit‘ the page that you want to put the pixel in.
2. Next click ‘Page Settings‘ on the top left of the screen next to your page name.
3. Then click the ‘Tracking’ tab across the top menu.
4. Followed by ‘Tracking Code in the Header‘. The new Facebook pixel will NOT work in the footer
5. Now you need to insert the pixel code into the ‘Header Tracking Code – for Landing Page Only‘.
Part B – Do this if you want Facebook to track people opting-in to your squeeze page as a conversion.
These instructions show you how to allow Facebook to track opt-ins as conversions. This is important if you want Facebook Ads to track opt-ins, such as when you’re doing an advert that’s “Optimised for Conversions“.
1. You’ll need to edit the code for the pixel tracking. It’s not too difficult, but needs to be done carefully.
You’re going to add fbq('track', 'Lead');
to the code to allow it to track a lead (i.e. a conversion). Get your code, paste it into something like Notepad (or the toolkit if you wish). And change it from this:
<!-- Facebook Pixel Code -->
<script>// <![CDATA[
!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','//connect.facebook.net/en_US/fbevents.js'); fbq('init', '123456789123456');
fbq('track', "PageView");
// ]]></script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=123456789123456&ev=PageView&noscript=1" /></noscript>
<!-- End Facebook Pixel Code -->
to this:
<!-- Facebook Pixel Code -->
<script>// <![CDATA[
!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','//connect.facebook.net/en_US/fbevents.js'); fbq('init', '123456789123456');
fbq('track', "PageView");
fbq('track', 'Lead');
// ]]></script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=123456789123456&ev=PageView&noscript=1" /></noscript>
<!-- End Facebook Pixel Code -->
Variation B1 – When using the ‘Simple Thank You’ for a page
1. Edit your squeeze page
2. Next click ‘Page Settings‘ on the top left of the screen next to your page name.
3. Then click the ‘Tracking’ tab across the top menu.
4. Followed by ‘Tracking Code in the Header‘. The new Facebook pixel will NOT work in the footer.
5. Paste the edited code you’ve created into the ‘Header Tracking Code – for Thank You page only:’ box.
Variation B2 – When using another toolkit page as a thank you page
1. Edit your thank you page
2. Next click ‘Page Settings‘ on the top left of the screen next to your page name.
3. Then click the ‘Tracking’ tab across the top menu.
4. Followed by ‘Tracking Code in the Header‘. The new Facebook pixel will NOT work in the footer.
5. Paste the edited code you’ve created into the ‘Header Tracking Code – for Landing Page Only:’ box.
Stuck?
We can appreciate that the new Facebook Pixel code is a little more complex than it used to be. We’re planning functionality to make this easier for users of the toolkit, and we’ll update this article when that feature is available for use.
In the meantime, please do try this yourself. If you’re in doubt, please drop an email to support if you’d like us to check it for you. Please remember to send us:
- The name of the page you’d like help with.
- What you’re trying to achieve
- What you’ve tried so far