Facebook Pixel – What and why do I need it on my website?

Let’s have a look at Facebook’s explanation:

A piece of code for your website that lets you measure, optimise and build audiences for your advertising campaigns – Facebook

You have a website and you want to run some ads on Facebook. Before you start running ads you should set up your Facebook Pixel! Why? Read on ūüôā

The pixel is a free analytics tool provided by Facebook that helps you optimise your ads by letting you:

  • Measure how effective are your ads
  • Discover what your visitors are doing on your website
  • Reach audiences you care about

Without it, you’re really missing out on getting the most out of your Facebook advertising.

How does it work?

The Facebook pixel is code provided by Facebook specific to your account that you can add to your website which tracks via cookies actions users make on your website.

Read: Cookie Guide for the Facebook Pixel

With the Facebook Pixel installed you can:

Tracks conversions so you can find out if someone took an action on your website after seeing your Facebook ad. Know if your Facebook ads are working!

Create custom audiences of people who have visited your website or taken an action and serve them certain ads (retarget them). Or reach new customers by creating lookalike audiences similar to your best customers.

Another neat reason for using the pixel is that as you¬†get more conversions, Facebook works out who is more likely to make certain actions and serves your ads to them. It’s basically optimising the delivery of your ads for you.

How to install the Facebook Pixel to your website

Note: you will need a website and access to your website’s code.

Install your Facebook Pixel using this full step by step guide for installing from Facebook. This guide will walk you through what you need to do whether you edit your own website, use tag manager, someone else will make the changes, or your website is hosted on a popular website platform.

Create your Facebook Pixel

  1. Go to your Pixels tab in Event Manager
  2. Click Create a Pixel
    bizstyler-blog-facebook-pixel-step-01-create
    Click Get Started
    bizstyler-blog-facebook-pixel-step-01
  3. Enter a Pixel name, Website URL (optional), and click Create
    bizstyler-blog-facebook-pixel-step-02.PNG
    If you are using Business Manager, enter a Pixel name and click Create
    bizstyler-blog-facebook-pixel-step-02-business-manager.PNG

Your pixel is now created and can be added to your website.

Add your Facebook Pixel to your website

Almost done, time to set up your Facebook pixel. In Pixels tab in Event Manager click on launch pixel setup.

bizstyler-blog-facebook-pixel-step-03
Or Set Up Pixel

bizstyler-blog-facebook-pixel-step-03-setup

Choose from the following options depending on your website:

bizstyler-blog-facebook-pixel-step-04.PNG

Stuck? Please have a look at Facebook’s step by step Facebook Pixel getting started guide.

Need help from a developer?¬† Send me an email of your Facebook Pixel to [email protected] and I can install and set up the pixel for you.

Do it yourself? Then click Manually install the code yourself and follow the instructions. You will copy and paste the code provided to the header of your website:

<!-- Example -->

!DOCTYPE html>

<html lang="en">

<head>

<script>...</script>

insert_pixel_code_here

</head>
Test traffic to your pixel from the pixel setup screen:

bizstyler-blog-facebook-pixel-step-05-test

Verify your Facebook Pixel works

Once you have copied the pixel code to your website your pixel status should display Active. Check your pixel is working by going to your website then checking your pixel page records your visit. Or even better use the Facebook Pixel Helper extension on Chrome.

bizstyler-blog-facebook-pixel-helper-chrome

 

Tell the pixel what to track on your website

Woohoo, your pixel is working on your website. What actions do you want the pixel to track?  Add events to track them.

bizstyler-blog-facebook-pixel-step-06-events

Events are actions that happen on your website (like when someone makes a purchase). To track an event, you’ll need to place a piece of code on your website to help Facebook understand that someone has taken an action.
Facebook pixel setup guide

Add your events

For each event you want to track, you will need to add a snippet of code on your website.

These are Facebook’s standard event categories (if none fit Learn more about custom events):

  • Purchase
  • Lead
  • Complete Registration
  • Add Payment Info
  • Add to Basket
  • Add to Wishlist
  • Initiate Checkout
  • Search
  • View Content

For example, I would like to know if someone gets in contact via my contact page. I would enable Lead and add the code to my contact page:

<script>
fbq('track', 'Lead');
</script>

When someone completes my contact form the pixel it is tracked as a lead. I can verify it using the Facebook Pixel Helper:

bizstyler-blog-facebook-pixel-helper-chrome-lead

Add parameters and custom events tracking to your pixel if needed.

Measure how effective your ads are

Facebook Pixel Events
Facebook Pixel Events
Facebook Business Manager - Analytics
Facebook Business Manager – Analytics

In Ads Manager you can see how many conversions resulted from your Facebook Ads.

  1. Go to Ads Manager
  2. Click Campaigns, Ad Sets, or Ads depending on what you want to check
  3. Click the ‘Columns’¬†dropdown menu and click¬†Customize Columns…
  4. Select the conversions you are interested in. For example, you might want to know how many purchases were made and select: Conversions > Website > Website Purchases.

Do you more support?

Get a Bizstyler Hour (one to one screen sharing session) and we can go through your Facebook Ads and Pixel together.


What to know more? Facebook has all the information you need to know.

Don’t have time, or need help? Get help with your Facebook Pixel setup.