Ready to install the Facebook pixel on your site but not sure where to start?
This is the easy step-by-step guide showing you how to add the Facebook pixel to your website.
Maybe you have heard about the Facebook pixel but you still don’t really know exactly what it is.
Let’s get started!
Start by visiting the Ads Manager. Once there, click on the hamburger icon (the stacked three lines) in the upper left-hand corner. A menu will appear. From this menu, choose “Pixels” under the “Assets” tab.
Click the Create a Pixel button.
Next name your pixel, accept the terms, and click Next. Remember you only get one pixel per ad account, so name it after your business not a campaign you are thinking of running.
Now it is time to install your pixel code. To do this, click the Manually Install the Code Yourself option.
Finally copy the pixel code and you will want to place it within the header section of your website’s code. See below for a more detailed explanation on how to do this.
The key point to remember is that you want this code to get added to EVERY PAGE on your website.
Where To Put The Facebook Pixel?
This pixel code needs to be placed on any page on your website that you want to track people visiting that page.
Best practice is to just add this code to all your website pages so that the tracking is their in case you ever need it.
Your pixel needs to be installed in the <head></head> section of your index page.
The <head></head> section can be found near the top of the code. There will also be a bunch of other code between the first opening <head> tag and the closing </head> tag. Scroll down to the closing </head> tag and paste your pixel code right above it.
Don’t worry, if you are a non-techie, you can always just email this code to your web designer and they can install it for you.
Installing the pixel code if you have a wordpres site.
You need to add the Facebook Pixel code just before the </head> in your WordPress theme.
To make this super easy for yourself, simply use the Insert Headers and Footers plugin. After installing and activating the plugin, you need to go to the Settings » Insert Headers and Footers page.
You can paste your Facebook Pixel code in the header section and click on the save button to store your changes.
Installing the pixel code if you have a SquareSpace site.
In your SquareSpace account, open the menu and select Settings > Advanced > Code Injection. And then add the FB pixel code to the “Header” section.
Installing the pixel code if you have a Shopify site.
For Shopify you will only need your Facebook Pixel ID.
In the Shopify admin, select “Online Store”, and then “Preferences”
Find the Facebook Pixel section, and then enter your Facebook Pixel ID:
Installing the pixel code on landing page builders.
How To Verify The Pixel Is Working Correctly
You may be wondering… Did I install the pixel correctly, is it really working?
If you are using Chrome (for your internet browser) then you can download and install the Facebook Pixel Helper extension.
This is an easy way to verify your pixel is installed and working correctly.
Want To Learn More…
Check out The Ultimate Guide To The Facebook Pixel and learn even more about the pixel and how you can use it to track conversions and retarget your recent website visitors with Facebook Ads.
Comment below and let me know what questions do you still have about the Facebook pixel or how you intend to make use of it.
Want instant access to new content?
I wil be sharing my best tips and resources related to blogging, web design and business.