How to Use Leadpages

Facebook Pixel Integration

In order to integrate with the Facebook Tracking pixel, click on the gear icon in the left hand side vertical menu to open Settings. Then click on Analytics.

In Facebook go to Data Sources → Pixels and click on the pixel you want to use. Click the button in the top right that says “Open in Events Manager”. Click the button that says “Add Events” and then click From a New Website. Select the Manual Installation option and you’ll see Base Code to copy that looks like the below block. The X’s in bold will have your Pixel ID automatically inserted so all you have to do is copy the code Facebook gives you.

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

You need to copy and paste this code into the very end of the the Head section of your webpage, right above the closing </head> tag.

Lead pages has a section in the Analytics menu for the page which is called “Head Section Tracking Code”. Place the code from Facebook there.

You need to make sure you add the base pixel code to any pages you want the Facebook Pixel on. The most obvious are your:

  • Landing Page
  • Thank You Page

Make sure you don’t just put the base code on your landing page. Open up your Thank You page and add the code to the Head section of the page as well.

In addition to the base code, you need to add a special event to your Thank You page. When someone fills out your form or purchases a product on your landing page, you’ll tell Leadpages to redirect them to this Thank You page.

Once someone lands on this thank you page, we want to tell Facebook that we received a Lead or Purchase. In order to do this we need to add some additional code in the Head section of the document on the thank you page. If you’re asking leads to fill out a form use the Lead event. If you’re asking visitors to purchase something use the Purchase event.

When you look at the existing code we pasted into the Head section, you’ll notice that the base code does two things.

  1. It initializes the pixel on the page
  2. It tracks a Page View event

We want to add a 3rd event to measure our conversions.

For Leads

fbq('track', 'Lead');

For Purchases

fbq('track', 'Purchase');

Simply add one of the above lines below the Page View code in the Facebook Base Code on your Thank You page.

Setting Up A Custom Domain With Leadpages

GoDaddy

Leadpages has a built-in connection tool with GoDaddy. You simply enter your domain name in Leadpages, and you’ll get a prompt to log in to your GoDaddy account. Once that’s done you just click 1 more time to approve the connection and all the linking is done.

Once you’ve connected your domain, you’ll see a notification that says  that your SSL certificate is processing. It usually takes 15 minutes or less for this to change to “Connected and Secure”.

Other Tips

You can add your brand colors for ease of use. You’ll then always have access to them when you’re picking colors for elements or fonts.