Are you having trouble add Facebook Pixel to Blogger site to track your blog’s audience? No problem, in this article I will guide you on how to fix the problem of not being able to add Facebook Pixel to Blogger as well as detailed instructions on adding Facebook Pixel to your blog.
If you are reading this article, it means you already know about Facebook Pixel. I will not mention it or mention it in another article. Now, let’s focus on how to add Facebook Pixel to your blog.
Steps to Add Facebook Pixel to Blogger
– First we need to get this Pixel code, to create Pixel you need an advertising account. Then go to the following link: https://www.facebook.com/ads/manager/pixel/facebook_pixel/
In here, we will have 2 tabs, Facebook Pixel and Conversion Tracking Pixel (old). But it is best that you only use Facebook Pixel, because the other Conversion Tracking Pixel will be removed by Facebook around mid-2016, because of its outdated features.
– Next, in the Actions area, drop down and select View Pixel Code:
– Here, in the “Add Pixel Code (Required)” area is the Pixel code you use to add to your website, blog.
+ If you only use this Pixel to add to simple websites, you can get it and add it to the <head> tag or the area you want to track.
+ If you use this Pixel to add to a website or blog made with Blogspot , then when you add and save it, it will show an error. Therefore, instead of using that Pixel code, you use the Pixel code below, and replace your Pixel id with the current Pixel id in the code (Highlighted in blue):
|
1 2 3 4 5 6 7 8 |
<!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n .callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=! 0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script',' ;//connect.facebook.net/en_US/fbevents.js'); fbq('init', '4841001684355681'); fbq('track', 'PageView') </script> <noscript> <img height='1' src='https://www.facebook.com/tr ?id=4841001684355681&ev=PageView&noscript=1' style='display:none' width='1'/> </noscript> <!-- End Facebook Pixel Code --> |
Remember to replace your Pixel id with the Pixel id of the Facebook Pixel code above.
– Then access the blogspot admin page: https://www.blogger.com
– Go to Template -> Edit HTML:
– Add the Facebook Pixel code above into the <head> tag and save.
Now you can save without any problems, the job now is just to track the Pixel to extract your custom audience file.
Please note that each Facebook advertising account can only create and use one Facebook Pixel.
[…] How to add Facebook Pixel to Blogger? […]