What Is Facebook Pixel And How To Add It On Your WordPress Site

Confused by what Facebook Pixel is and whether or not you need to add it to your WordPress site?

In this post, we’ll demystify the issue by telling you exactly what Facebook Pixel does and if it will help you.

Then, if you do need it, you’ll learn how to add Facebook Pixel to WordPress in two different ways:

Finally, to finish things out, you’ll learn how to:

That’s a lot to cover, so let’s dive in!

What Is Facebook Pixel (And Do You Need It On Your WordPress Site?)

Facebook Pixel is an official analytics tool from Facebook. It’s not a general analytics tool like Google Analytics. Instead, Facebook Pixel specifically helps you measure, target, and enhance your Facebook ad campaigns.

After adding a single script to your WordPress site, Facebook Pixel can help you:

If you are not running Facebook ads (and never plan to in the future), then you do not need to add Facebook Pixel to WordPress.

However, if you do promote your WordPress site on Facebook in any way, you should definitely add Facebook Pixel to your site because it will help you optimize and analyze your Facebook advertising efforts.

Below, we’ll show you two different ways to add Facebook Pixel to WordPress:

How To Add Facebook Pixel To WordPress Without Plugin

If you don’t want to the extra functionality offered by the plugin, here’s how to add Facebook Pixel to WordPress without a plugin.

Step 1: Create Your Facebook Pixel

To get started, you’ll need to create your Facebook Pixel via Facebook’s interface. Each Facebook Ads account can only have one pixel, so you’ll just reuse this same pixel across all your sites.

To create your Pixel, go to the Pixels tab in Facebook Events Manager (this link will take you straight there). Then, click on the Create a Pixel button:

How To Create a Facebook Pixel

That should open a popup box. All you need to do is click Create on that popup.

Step 2: Get Facebook Pixel Tracking Code

Once you’ve created your Facebook Pixel, you should see a list of options in a Install Your Pixel Code box (if you don’t, head to the Pixel tab and click Set up Pixel).

From these options, choose “Manually Install the Code Yourself”:

Manually Install Facebook Pixel

On the next page, scroll down to the Facebook Pixel tracking code section and copy it:

How To Install Facebook Pixel Code

Step 3: Add Tracking Code To WordPress

Next, you need to add the tracking code that you just generated right above the closing </head> tag on your WordPress site.

There are a couple ways that you can do this. You can:

To use a child theme, find your header.php file and paste the Facebook Pixel script immediately before the </head> tag:

Add Facebook Pixel Tracking Code in WordPress

Or, if you want to use the Insert Headers and Footers plugin instead, go to Settings → Insert Headers and Footers and paste the code into the Scripts in Header box:

WordPress Install Headers And Footer Facebook Pixel

And that’s it!

How To Add Facebook Pixel To WordPress Using A Free Plugin

As an alternative to the manual route, you can also use the free Pixel Caffeine plugin from AdEspresso (a popular digital advertising tool owned by Hootsuite).

This plugin lets you add the Facebook Pixel tracking code with a few clicks and also helps you:

So if you want those extra abilities, that’s the real reason to choose this plugin over the manual route.

To get started, install and activate the free plugin from WordPress.org. Then, here’s how to set it up…

Step 1: Add Facebook Pixel Tracking

To add the Facebook Pixel tracking code, you’ll need to connect your Facebook account to Pixel Caffeine (giving Pixel Caffeine access also lets it help you create custom audiences later on).

To do this, go to Pixel Caffeine → General Settings in your WordPress dashboard and then click the big Facebook Connect button:

WordPress Pixel Caffeine Setup

Then, after giving Pixel Caffeine the proper permissions, you can use the drop-downs to select which ad account and Pixel to use:

WordPress Pixel Caffeine Facebook Account

Once you’re finished, click Apply.

Step 2: Configure Plugin Tracking Options

Once you’ve set up Facebook Connect, you can configure the plugin’s other tracking options.

First, you can scroll down to the Custom Audiences area in the General Settings tab to configure things like:

If you’re running a WooCommerce or Easy Digital Downloads store, you can also set up conversion tracking in the Conversions area:

WordPress Pixel Caffeine Advanced Tracking

Step 3: Set Up Conversion Tracking (Optional)

If you want to track your own conversions – like when a user visits a certain page or clicks a link – you can do that from the Conversion/Events tab:

WordPress Pixel Caffeine Add New Tracking

Step 4: Create Custom Audiences (Optional)

To create a custom audience for ad targeting, you can use the Custom Audiences tab:

WordPress Pixel Caffeine Custom Audience

And that’s it!

How To Test If Facebook Pixel Is Working

To make sure that your newly-added Facebook Pixel snippet is working, you can use the official Facebook Pixel Helper browser extension for Chrome.

Once you install the extension, navigate to the website to which you added the Facebook Pixel code and click on the extension’s icon.

If Facebook Pixel is active, you should see a success message, as well as more information about what’s being tracked (like any conversion events):

How To Test If Facebook Pixel Is Working

How To Host Facebook Pixel Locally With WP Rocket

After you add Facebook Pixel to WordPress, you might start seeing warnings about “leverage browser caching” for your Facebook Pixel tracking scripts when running page speed tests:

How To Host Facebook Pixel Locally WordPress

To fix this, WP Rocket includes a Facebook Pixel add-on that lets you locally host your Facebook Pixel scripts.

You can activate this add-on by going to the Add-ons area in your WP Rocket dashboard (Settings → WP Rocket). Then, turn on the Facebook Pixel add-on:

WP Rocket Facebook Pixel Add-On

And that’s it! WP Rocket will do everything else for you and you should no longer see the “leverage browser caching” warning.

Wrapping Up

If you promote your WordPress site on Facebook, you should add Facebook Pixel to analyze the effectiveness of your Facebook Ads and get access to new functionality, like custom audiences and retargeting.

To add Facebook Pixel to WordPress, you can either manually add the tracking code before the closing</head> tag or you can use a free plugin like Pixel Caffeine.

Once you’ve added the tracking code, make sure to test whether it’s working with the free Facebook Pixel Helper extension. And if you want to host the Facebook Pixel scripts locally, you can activate WP Rocket’s free Facebook Pixel add-on.

Do you have any other questions about using Facebook Pixel on WordPress? Let us know in the comments!

Author's avatar

Colin Newcomer is a freelance writer who spends his days inside the WordPress dashboard. He lives a life of danger, riding a scooter through the chaos of Hanoi.

1 comment

When I host the script localy trough wp rocket, where do I put the pixel code? In the head? Wont it double the scripts loaded for pixel?

Add a comment
Your email address will not be published. All fields are required. Comment policy: We love comments and appreciate the time that readers spend to shader ideas and give feedback. However, all comments are manually moderated and those deemed to be spam or solely promotional will be deleted.

Get a Faster Website in a Few Clicks

Setup Takes 3 Minutes Flat

Get WP Rocket Now What are you waiting for?

{"cart_token":"","hash":"","cart_data":""}