Facebook is now not only the most popular social media but also one of the most influential social media marketing platforms. When you are using WordPress, especially when you are planning making retargeting/remarketing campaigns, you should make use of its powerful ads capabilities to promote the efficiency of your work. But, the first thing for your to utilize Facebook capabilities it to install Facebook pixel code in your WordPress.
The guide in below will present the detailed process of installing Facebook pixel in your WordPress. Follow us and make it step by step!
About Facebook Pixel
Generally speaking, the pixel can provide many metrics & data that are related to visitors who come to your WordPress website via Facebook. So, if you do not install Facebook Pixel, you will have no idea about your profitability and effectiveness of Facebook campaigns, because you do not have the related data and metrics to measure them. If that, you are in trouble when adjusting the Facebook campaigns.
About Facebook Pixel & Facebook Retargeting Pixel
Many readers must be confused between the two terminologies mentioned in different guides. To make thing clear, we confirm the two terminologies actually point to one Facebook Pixel used for diverse purposes, tracking site visits for both remarketing as well as conversion tracking.
Before Pixel appearing, users have to add various pieces of pixel codes to execute Facebook conversion tracking and remarketing. In 2016, users and you can make it easy by using the Pixel for every Facebook tracking need.
Simple 6 Steps to Install Facebook Remarketing Pixel
Before we get into the steps of generating pixel codes and installing it on your site, we are to tell you a fact that you can only have one pixel within one ad account. That is to say, you can add it to your multiple domains when you create pixel, and these domains have to be maintained under one single ad account.
However, if you do manage multiple website and need separate pixel for every site, then you should register for your Facebook Business Manager account at first. With that, you can manage multiple sites while using one same interface. So, just get one because it is really useful for those digital marketing companies or agencies that need to make their Facebook campaigns separated in different ad accounts.
Step one: Create a Pixel
Login your Facebook > go to the Ads Manager.
Then, click the Menu at the top left > go to Assets to choose PIXEL.
Next, click the button of CREATE PIXEL.
After you first click that button, there will be a prompting for you to add your Pixel name. Then, enter the name > click that button for final creation.
Once you finish these steps, you will have a pixel ready. Then, you need to go on step two installing pixel code in WordPress.
STEP two: Install Pixel Code in WordPress
Clicking “INSTALL PIXEL NOW”, you can check the pixel code. By doing this, you can see this image on screen:
In this picture, you will find that Facebook prompt you to install the code between <head> and </head> in you site code.
You should know that there are some WordPress themes supporting you to install the scripts in header or footer. If you are using sort of themes, all you need to do is just to cope and paste the code in above box to HEADER in your site.
Caution: when you install too many scripts in header section, you will loss the speed of your site. It is not good to SEO efforts.
However, if you are not using that kind of themes, you need to follow these steps in below:
- Install a free plugin, AddFunc Head & Footer Code, and activate it from WordPress repository, so that you can install scripts in your site’s header section.
- Go to Settings in the left menu in WordPress, and then find as well as click “HEAD & FOOTER CODE”.
- You will see the pixel code offered by Facebook, Copy it and paste it in “Site-wide Head Code” section. Now you have done, but never forget to save your changes. If you do not, all your steps done before are totally wasting your work.
Finishing these steps, your Facebook will track the views for your site.
STEP three: Check the Installation is Correct
Do not skip the step of checking. It always works, especially when you really make something wrong. Examine the process and ensure your Facebook Pixel works well. It’s simple and easy by using Facebook Pixel Helper that is free offered by Facebook. However, there might be a shortcoming that the helper can only work on Chrome browsers.
There will be an icon of this helper in the browser addresses bar after you install it. Go to those pages having pixel in your site, and click that icon. Then, there are two situations.
If everything is right, then you will see the screen as the following picture, showing you “Facebook Pixel loaded successfully”.
If the screen does not show you the success of Facebook Pixel code installation, there are 3 things you can practice one:
- Go over and do the steps above again, while ensuring you have added pixel code in your header section.
- If you use CDN or caching plugins in your website, you need to empty the cache.
- Learn from Facebook troubleshooting guides and try to find the question to solve.
Step four: Understanding Facebook Events
If you do the first 3 steps correctly, you will have Facebook Pixel for all pages in your site, and Facebook will track views for your website, but it cannot track the custom audiences or the conversions.
You need to go further steps to create remarketing FB campaigns or measure the conversions. Adding FB event tracking code to the Facebook Pixel or just creating the custom conversions without code required can make it work.
About Facebook Events
The event refers to someone visiting your site and performing a specific action. There is a complete table of supported events shown below:
To make Facebook know an event occurrence, you should modify the code for particular page; meanwhile, you need to add its tracking code in the pixel code. The even tracking codes are shown in the table above.
Step five: Add Event Code to Your Individual Page
For instance, if you need Facebook to track from newsletter subscriptions, you should add this code fbq(‘track’,’Lead’); to the current pixel code on the certain page that will be shown to subscribers when their form submissions were successful.
With that even code, once there is visitors viewing that page, the event trigger, and then Facebook will learn there is a user who submits the subscription form in your site.
To fulfill this step, you need to follow the process below:
AddFunc Head & Footer Code you installed above can not only enable you to add the site-wide head code, but also add 2 additional boxes on every page of your site, which are for adding header/footer code specific to the page.
This is a LEAD tracking code that is added to the ‘Thank you’ page for newsletter subscription.
Note: the pixel tracking code is added between two tags: <script> and </script>.
Besides, pleased please do remember to make use of FB Pixel Helper for checking out whether your FB pixel is working good or not!
Step Six: Remarketing Campaigns by Creating Custom audiences and Enabling Conversion Tracking
The final step is about adding relevant tracking code to all your pages, and get started to track conversations. Before you can use FB remarketing and retargeting functionality, you also need to create the custom audiences as well as setup your Facebook campaigns.
Facebook as the most popular social media and social media marketing platform, it has provides many useful and powerful plugins for better SEO. You should take advantage of it and here we introduce Facebook Pixel for WordPress SEO.