How To Add Facebook Pixel to Ghost Blog

Posted on

Facebook Pixel is important if you want to track how your audience or visitor behave in your site. You can get more data to improve your site, you will have more insights about your visitor. Such as, what link they click, what page they visit, what topic they search in your blog, etc.  In general we will use the Facebook pixel to track website activity and  run ads based on that activity.

We are going to learn how to add Facebook Pixel to your Ghost blog.

Step 1: Navigate to Facebook Business Manager

You have to visit official Facebook Business Manager. You need to have facebook account first to manage and use Facebook Busingess Manager. If you do not have one, create it.

Facebook Business Manager

Step 2: Create Pixel

Navigate to Measure & Report > Events Manager > Pixels. You need to create a pixel as data sources. So, click Create a Pixel button.

Create a pixel as data sources

Give your pixel name and your site.

Give your pixel name

Step 3: Install Facebook Pixel

There are two option to set up the Facebook Pixel. You can use Google Tag Manager and set it up manually.

How to set up Facebook Pixel

We are going to manually set it up. Following instructions will install the Facebook pixel on a website. You must install two kinds of code snippets on the website. This includes pixel base code on every page of your website and event code on specific web pages.

  • Facebook Pixel ID. Your pixel ID is the unique number assigned to your Facebook pixel. You can use this number in your pixel base code.
  • Install Pixel Base Code. The pixel base code tracks activity on your website, providing a  baseline for measuring specific events. Copy the base code below and  paste it to Site Header in Code injection at your Ghost admin page:

<!-- 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','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', 'FACEBOOKPIXELID'); fbq('track', 'PageView');</script><noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=FACEBOOKPIXELID&ev=PageView&noscript=1"/></noscript><!-- End Facebook Pixel Code -->

Change FACEBOOKPIXELID with your pixel ID.

You can also add other tracking or create  a custom tracking to have better data.

  • Install Event Code. Event code lets your organization track specific actions that happen  and leverage them in advertising. You must install event code on  specific pages of your website where the actions will happen. You can use the 17 that Facebook pre-defines to track and optimize ads for conversions. To  measure and optimize for more granular actions, you can add parameters to your events by using recommended or advanced installation options for your event tags. You can also create custom events for actions important to your business that you define. There are three  implementation settings: basic, recommended, and advanced. Get Event code for Conversions.

Step 4: Check Pixel Status

Go to Event Manager and select Pixels from the top menu. If the status is Active, your pixel has been installed correctly. It may take up to 20 minutes for your pixel status to change after installing it. To troubleshoot or check your setup use the Test Events tool in Events Manager. You can also download the Pixel Helper Chrome browser extension for basic troubleshooting. If the status is still No Activity Yet after 20 minutes, your pixel code may not be installed correctly. View the pixel set up guide.

Done. You will now have more insights about your audiences that visit your site.

If you have any question do not hesitate to leave a comment below.

Loading...

Leave a Reply

Your email address will not be published. Required fields are marked *