How to Add Facebook Pixel to LeadPages [Updated for the New Version]

by Chenell | Last Updated: October 12, 2020

What is the Facebook Pixel?

The Facebook Pixel is a small, but powerful piece of code that gives you analytics about your Leadpages (or any other) page.

Here are a few things the Facebook Pixel makes possible:

It’s similar to Google Analytics, but more specifically helps you optimize your Facebook Ads campaigns.

How to Create a Facebook Pixel?

To create a Facebook Pixel, you’ll want to navigate to your Facebook Ads account.

If you haven’t set up a Facebook ads account yet, you can do so here. Once that is created, you can continue on with the instructions below.

Create a Pixel Through the Events Manager

There are a few ways you can create your Facebook Pixel. The first is through the Events Manager.

  1. To get to the Events Manager, click on the menu icon (9 dots) on the left.
  2. Next, click the Events Manager shortcut (if you have one), or the Events Manager link under the “Manage Business” heading.install facebook pixel events manager
  3. Click on “Connect a Data Source”
  4. Select “Web” from the 3 options you’re given
  5. This will bring up the “Select a Connection Method” box, and you’ll want to select “Facebook Pixel”

Create a Pixel Before Creating a Custom Audience

You can also create a pixel while you’re on the way to creating a custom audience.

  1. To get to the Audiences tab, click on the menu icon (9 dots) on the left.
  2. Navigate down the the “Advertise” section, and click on Audiences
  3. Click the blue button to “Create a Custom Audience”
  4. Click “Website” under the “Use Your Sources” heading
  5. You will get the box below.create facebook pixel custom audiences
  6. Make sure you name the Pixel something you’ll understand, and something you won’t mind other people seeing if you do give access to someone else. You cannot change the name of your Facebook Pixel.

Where Do I Find My Facebook Pixel Code

If you’ve already created a pixel, you can find the code by following these steps:

  1. Click the menu (9 dots) on the left side
  2. Then select “Events Manager”
  3. You will be taken to the Data Sources page
  4. Click on the pixel you’re looking to install
  5. Click on “Continue Pixel Setup”
  6. A box will come up with options for Adding the code manually or using a partner integration

The next few sections will explain your options for installing the pixel in the different methods.

Where to Find Your Pixel Base Code

Continuing from the instructions directly above:

  1. Click on the “Install Code Manually” button.manually install facebook pixel
  2. Copy the “base code” and click continue. If you lose the base code, here is the most recent code.
  3. Make sure to replace the red text with your Pixel ID:
    <!-- 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', '1234567890123456');
    fbq('track', 'PageView');
    </script>
    
    <noscript><img height="1" width="1" style="display:non
    src="https://www.facebook.com/tr?id=1234567890123456&ev=PageView&noscript=1"
    /></noscript>
    
    <!-- End Facebook Pixel Code -->
    
    

Where to Find Your Pixel ID

If you’ve already installed your pixel, but want to change how it’s installed, or just need your pixel ID here is how to do it:

  1. Click on the Menu on the left side of your Ads Manager
  2. Select Events Manager
  3. Select the pixel from the list (there is likely just one there).
  4. Click on the “Settings” option under the name of your Pixelfind your pixel id
  5. Click on the Pixel ID in the Details section, and it should automatically be copied for you.

How to add Facebook Pixel to LeadPages 

LeadPages is a landing page builder that makes creating pages and split tests easy to build. It can be a little confusing to add this code to your pages, so I wanted to create this tutorial for you.

You’ll need the base code with your Pixel ID to add this to LeadPages, and of course, a LeadPages account.

  1. Log into your LeadPages account
  2. Select the page you want to add your Facebook Pixel to
  3. Click Settings on the left-hand side

    adding the facebook pixel to leadpages

  4. Navigate to the “Head Section Tracking Code” section.
  5. You’ll enter your Facebook Pixel code into this box.
  6. Click the blue “Save” button at the top of the menu.
  7. Click the blue “Update” button in the top right-hand corner of the page

leadpages update pixel button

 

How to Test if the Facebook Pixel is Working

The Facebook Pixel Helper is a Google Chrome extension you can use that will tell you if the Pixel is installed properly. It will show you which events are firing on a specific page and if there are any errors you might need to look into.

Here is what it looks like when installed:

facebook pixel helper

Once you install the extension, reload the page you were trying to test and it should change colors from a gray icon to a blue icon.

You can click on the icon and you’ll see what is being tracked.

You’ve now installed the Facebook Pixel on your LeadPages page, and checked to make sure it’s working properly. Congrats!

If you need to add the code to your site, here is a helpful tutorial about Adding the Facebook Pixel to WordPress.