How to create and then embed your Facebook Pixel into your website

/

I have included some straightforward steps in the blog post below that will outline how you create your Facebook pixel and then embed it into a variety of website platforms, lead page programs and educational member sites.

I hope you find this useful. 

How to create your Facebook pixel if you just use Ads Manager

  1. Go to your Facebook Pixel tab in via Ads Manager.
  2. Click Create a Pixel. Enter a name for your pixel. You can have only one pixel per ad account, your page name is best.
    Note: You can change the name of the pixel later from the Facebook Pixel tab.
  3. Check the box to accept the terms.
  4. Click Create Pixel.

Important: If you've created a Custom Audience pixel in the past, you have an older version of the Facebook pixel and won't see an option to create another. However, we strongly recommend that you update to the Facebook pixel base code and add its event codes to access all the products that can help your business.

How to create your Facebook pixel If you use Business Manager

The steps are the same - except you will be working inside your Business Manager Tabs.

How to add the Facebook pixel to your website

  1. To add the pixel code to your website:
  2. Go to your Facebook Pixel tab in Ads Manager
  3. Click Actions > View Pixel Code
  4. Click the code to highlight it
  5. Right-click and select Copy or use Ctrl+C/Cmd+C
  6. Click Done
  7. Go to your website's HTML and paste the code. 

VERY IMPORTANT
It needs to go on every single page of your site

If your website runs on BigCommerce, Shopify, Magento or Instapage, then you can just embed your pixel ID into the appropriate area, without needing to touch any code. Otherwise you will need to copy and past the full code into your website itself (this includes if you are using Google Tag manager to manage any of your code snippets). This is also the case for MANY other tools you may use with your website in particular lead page tools like lead pages or education platforms like Thinkific

If you're using third-party publishing or ecommerce platforms, you may not be able to edit the website's code to add the pixel. So you will need to check with your website/provider to see what their policy is.

Finding your Pixel ID for simple integrations

You can see your Facebook pixel by looking in the right hand corner of the Pixel tab within Ads Manager or Business Manager. See in the screenshot below.

Facebook partner integrations

If your site runs on one of the partners listed below, then you can take advantage of automatic integration features to simplify your pixel installation.

BigCommerce:

  1. Go to your Facebook pixel tab in Ads Manager/Business Manager.
  2. Copy your Pixel ID from the summary area on the right.
  3. Log in to BigCommerce.
  4. Select Advanced Settings and choose Web Analytics.
  5. Note: In some versions of the control panel, Web Analytics is under Setup & Tools.
  6. Check the box next to Facebook Pixel.
  7. Click Save.
  8. Select the Facebook pixel tab.
  9. Type in your Facebook Pixel ID under Settings.
  10. Click Save.

Magento:

  1. Visit Magento Connect and click Install Now.
  2. Check the box to accept the extension license agreement, and click Get Extension Key.
  3. Copy the Extension Key.
  4. Log into your Magento Admin Panel.
  5. Click Magento Connect under "System" and choose Magento Connect Manager.
  6. Paste your Extension Key URL in the "Install New Extensions" section.
  7. Click Install.
  8. Click Proceed. You should now see a message that says "Installed successfully" in the console at the bottom of the page.
  9. Return to the Magento Admin Panel and click Facebook Ads Extension.

Shopify:

  1. Go to your Shopify admin area and log-in
  2. Select Online Store and choose Preferences.
  3. In the Facebook pixel section, enter your Facebook pixel ID.
  4. Click Save.

Instapage:

  1. Choose the appropriate landing page, go into Settings
  2. Click on Analytics
  3. Enter in your Facebook Pixel ID
  4. Click Done and then Publish.

 

Most platforms require you to copy and past in the Facebook pixel code.

Some common website, lead page and training platform instructions are listed below. If your website allows you to edit its code, you should paste the pixel between the<head> and </head> tags of the page you want to track.

Review the list below to find your site/platform.

Google Tag Manager

  1. Open your Google Tag Manager.
  2. Select your website's container, then click Add a new tag.
  3. Click Custom HTML Tag.
  4. Give it a name ie Facebook Pixel
  5. Copy the entire pixel base code and paste the code in the HTML container.
  6. Click the Advanced Settings dropdown and select Once per page under Tag firing options.
  7. Under Fire On, select All Pages.
  8. Click Create Tag.

Squarespace:

  1. In the Home Menu, click Settings > Advanced.
  2. Click Code Injection.
  3. In the header box, paste your Facebook pixel base code.
  4. Click Save.

You can also add the purchase standard event code to the Order confirmation page box or add specific events to certain pages by using the Page Header Code Injection function.

To do this:

  1. Open the page while in the Pages panel.
  2. Hover over the content area and click Settings.
  3. In the Page Settings window, click Advanced in the top-right corner.

GoDaddy:

  1. Log into your Website Builder account.
  2. Click Edit Site.
  3. Click the three-bar icon in the top-right corner of your screen and select Site Settings.
  4. Select Site-wide Code.
  5. Paste the pixel code between the <head> tags.
  6. Click OK and close the Site Settings window.
  7. Click Publish.


ClickFunnels

  1. Go into the editor for the page you want to add the tracking pixel to
  2. Select Settings then Tracking Codes.
  3. Next just paste your tracking pixel code into either the Header

LeadPages:

  1. From your admin page, click Lead Page Options > Tracking Codes .
  2. In the Head-Tag Tracking Code box, paste the facebook pixel code.
  3. Click Done.
  4. Click Publish.

Teachable

  1. Log in to your Teachable school as an admin.
  2. Choose “Site”, then “Head Includes
  3. Scroll down past “CSS Includes” and insert the pixel code you’ve copied before.
  4. Save
  5. Install the Facebook pixel helper extension in Google Chrome.
  6. Navigate to your school’s starting page using Chrome to verify your pixel is working

Thinkific

You're able to install the Facebook tracking pixel on your site in two easy steps!

  1. Copy your  Facebook Pixel code 
  2. Install it into Thinkific via Integrations > Facebook on your Thinkific admin dashboard.


Weebly:

  1. Click Embed Code and drag it to the top of the page.
  2. Click Edit Custom HTML 
  3. Paste the facebook pixel code in this space
  4. Click Publish.

Wix:

  1. Edit your website.
  2. Create an HTML box
  3. Paste the pixel code into the text box and click Update.
  4. Drag the HTML box to attach it to the header at the top of the page.
  5. Save and publish.

Wordpress:

Note: The pixel is available only on self-hosted Wordpress.org sites, not Wordpress.com sites. 

  1. Install the Insert Headers and Footers plugin.
  2. From the Settings section, click Insert Headers and Footers.
  3. Paste your pixel code in the Scripts in Header box.
  4. Click Save.

Can't see your platform? Let me know and I will find the details and include them here!