fbpx

[Solved] How to Install Facebook Pixel on Blogger?

Sharing is Caring
  • 9
  •  
  •  
  •  
  • 1
  •  
  •  
  •  
    10
    Shares

Facebook pixel is an analytics/tracking tool (similar to Google Analytics) that can be created using the Facebook Ads Manager to use on a website/blog.

Facebook pixel helps to track visitors of a website & their activities efficiently. It gives the analytics report to understand better the parameters like daily traffic, traffic source, and time spent on the website, etc.

Most importantly, with Facebook pixel bloggers can create a custom audience, lookalike audience, and retarget the visitors (from past 180 days) using Facebook ads.

Looking to install Facebook pixel on WordPress? Check this guide: Step-by-step Guide to Install Facebook Pixel on WordPress

How to Install Facebook Pixel on Blogger

For platforms like WordPress, Wix, Shopify, which are used by millions of people, Facebook has readily available plugins that make the job easy.

However, for the Blogger platform, you need to install the pixel code manually, which I will show you in this guide.

Whenever you try to install Facebook pixel on the Blogger platform, there is bound to be an error that stop users from proceding further. In this guide, I have also provided a solutions to this error.

Step 1: Visit Events Manager

Go to your ads manager or business manager account. And click on three lines option at the top left corner that expands the tools option for you. Now click on the “All Tools” button as shown in the below screenshot. Here you will find “Pixels” option under “Events Manager” section. Click on Pixels button.

Install Facebook Pixel on Blogger

Step 2: Creating a Pixel

Assuming you have not created any pixels previously, below is how the screen looks to you. Directly click on “Create a Pixel” button in green colour at the bottom.

Install Facebook Pixel on Blogger

If you have already created a pixel & if you wish to create a new pixel now, then you don’t get the green color button at the bottom.

Instead, you need to click on “Add New Data Source” button available at left side column in blue color & choose “Facebook Pixel” button from available options.

Install Facebook Pixel on Blogger

Step 3: Naming the Pixel

Now you will be asked to name your new pixel & enter the URL of the website where you intend to install this pixel. The URL option here is optional & it won’t affect your pixel even if you give a different website URL here.

Install Facebook Pixel on Blogger

After giving a name to your pixel & entering website URL, click on Create button.

Now your pixel is created & you need to install it on your blog to start tracking events.

Please note that you can create just one pixel under an ad account if you are using “Ads Manager” & not “Business Manager”. You need to connect your ad account to Business Manager, which allows you to add up to 100 pixels in an ad account.

Step 4: Manually Installing the Facebook Pixel

You can install FB pixel on a blog/website by using readily available exclusive plugins for platforms such as WordPress, WooCommerce, etc.

For the ‘Blogger’ platform, you need to manually install the pixel code by choosing the second option as shown in below screenshot.

Install Facebook Pixel on Blogger

If you are not comfortable in editing the HTML, you can simply send the pixel code to your site developer by entering his/her email ID after choosing the 3rd option as shown in the above screenshot.

I have chosen the 2nd option, i.e., “Manually Install Pixel Code Yourself” to continue the next steps of this guide.

Step 5: Locating the Header in Blogger

Once you select the second option in the previous step, this is the screen you see.

Install Facebook Pixel on Blogger

Now you need to login to your Blogger account and find the <head> tag in the HTML of the theme that you are using.

As shown in the below screenshot, you will find the “Edit HTML” option under the ‘Theme’ section in the left-side column of the Blogger dashboard.

Install Facebook Pixel on Blogger

Just click on the ‘Edit HTML’ button.

And this is how the HTML code screen looks to you.

Install Facebook Pixel on Blogger

Keep the mouse cursor anywhere in the HTML code area and search (Ctrl+F) for </head> tag.

You will find it somewhere near the end of HTML code as shown in the below screenshot.

Install Facebook Pixel on Blogger

Step 6: Pasting the Pixel Code in Header Section

If you go back to the Facebook pixel installation tab, you have an option to copy the entire pixel code, which needs to be pasted in the header section. You just need to copy the entire pixel code.

Install Facebook Pixel on Blogger

Now head back to the blogger tab and paste the copied pixel code just above the </head> tag.

After pasting the code, click on the “Save Theme” button available at the top left of the screen.

Install Facebook Pixel on Blogger

Now head back to the Facebook’s pixel installation tab and turn on ‘automatic advanced matching’ toggle. This helps Facebook to track your visitors with more accurate information like email IDs, phone numbers, etc.

Install Facebook Pixel on Blogger

This completes the installation of Facebook Pixel on the ‘Blogger’ platform.

Step 7: Solving the Error in HTML

While saving the HTML code of the pixel under <head> section, you will get an error as shown in the below screenshot:

Install Facebook Pixel on Blogger

Since I don’t know much about HTML and XML, I was not able to fix this issue & took the help of my cousin, a software engineer, who helped me to fix this error.

He explained to me the reason behind the error is using “&” (ampersand) in the HTML code. He suggested to add “amp;” (letter ‘amp’ followed by a semicolon) immediately after “&” in the line 2969.

The error was solved after adding amp; & saving the HTML code.

Install Facebook Pixel on Blogger

This error is one of the major reasons that was stopping the Blogger platform users from using the pixel. Now it is solved & you can enjoy the benefits of the Facebook pixel even on the Blogger platform 🙂

Step 8: Verifying the Pixel Installation

After completing the above steps & solving the error, you can check if the pixel is installed correctly on the blog.

Here you can enter the URL of your blog & click on “Send Test Traffic”. This will open your site in a new tab & if everything is perfect, you would see “Active” status. Just click on continue & you are all done installing the Facebook pixel on your site.

Install Facebook Pixel on Blogger
Install Facebook Pixel on Blogger

You can also install Facebook Pixel helper chrome extension to check if the pixel is installed correctly on your website as shown in below screenshot.

Install Facebook Pixel on Blogger

Here is the link to the Pixel Helper Chrome extension: Facebook Pixel Helper

I hope this step by step guide helped you to install Facebook pixel on the Blogger platform without any difficulties.

To get complete updates on Facebook marketing, subscribe to this blog on Messenger & also follow Learn SMM official page on Facebook.

Do let me know your feedback on this post in the comments below.


Sharing is Caring
  • 9
  •  
  •  
  •  
  • 1
  •  
  •  
  •  
    10
    Shares

6 thoughts on “[Solved] How to Install Facebook Pixel on Blogger?”

  1. Wow man awesome blog post, I read it and I was like wow man, in blogger also we can add Facebook pixels.
    .
    Your blog really impressed me and I’ll come to consume more content related to Facebook ads.
    .
    Thanks bro

    • Hey Tarun,

      Yes, we can add pixel code it all websites where we have the option to edit/add custom codes.

      And thank you very much for your kind words.

    • Hello, Lamela

      Thank you for stopping & reading the post & for sharing your feedback as well. Glad to know the article helped you 🙂

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.