Getting Started with Facebook Pixel

In the previous article we introduced you to the Facebook Pixel and its uses. In this article, we will tell you how to install Pixel on your website to track events or actions that people take on your website.

What you need other than access to your adverts manager:

  • Access to your website’s code.
  • Privileges to edit the code.

I. Creating the Facebook Pixel

  1. In your Ads Manager, go to Pixels tab.
  2. Click on ‘Create a Pixel’.
  3. Follow the wizard to finish creating your Pixel.
  4. You will get your pixel code in the process.

II. Adding the Facebook Pixel to your website

Once the Facebook Pixel is created, you are all set to add the pixel code to your website.

  1. Go to your website’s code and find the
    section.
  2. Paste the entire pixel code in this section.

Now your website is equipped to start tracking Pixel events once set.

III. Tracking actions for your business

Now that you have placed the pixel code on your website, you can add events from Facebook Ads Manager to track specific actions taken on your website.

An “event” is nothing but an action someone takes on your website (like registration, adding items to cart, purchasing an item or simply viewing a page).

How to set up events on your website?

  1. In your Ads Manager, go to Pixels tab.
  2. Click on ‘Set Up Pixel’.
  3. Click on ‘Manually Install the Code Yourself’.
  4. Click ‘Install Events’.
  5. Now click the toggle icon at all the events that you would like to track on your website.
  6. Next, select Track Event on Page Load (if you want to track when someone lands on a particular page) or Track Event on Inline Action (if you want to track when someone clicks on a button).
  7. When you click the toggle icon as mentioned in point e, you will get a code specific to that event. Paste this event code on the relevant pages of your website. Add it in addition to the pixel code already placed in the header section of your website. Do not modify the original pixel code.
    Place the code as follows:
    • For page load events: Place the code below the closing header section (usually after the tag).
    • For inline action events: Place the code next to the action you want to track (like a button click).
  8. Repeat the above steps for any other events that you would like to track.

IV. Check if the Pixel is working

Follow these steps to make sure you have installed the Pixel correctly:

  1. Install the Facebook Pixel Helper extension on your browser as you would install any other browser extension.
  2. Now, go to the web page where you want to test the Pixel.
  3. Click the small Pixel Helper icon that you will see (usually towards the right corner) on the address bar.
  4. If the pop up shows a green tick along with the event set up for that page, it means that the Pixel is installed correctly.

Easy, wasn’t it? If coding is not exactly in your comfort zone, it is advisable to take help of a developer to place the Pixel and event codes on the website.

You are now ready to start running Facebook ads with the installed Pixel.

5 ways we drew inspiration from a legendary film director

Film director, Wes Anderson has always been distinguished for his visual artistry, detail-rich sets, and storybook-like imagery. From the whimsical feel of Fantastic Mr. Fox to the carefully crafted sets in Darjeeling Express, Anderson’s movies are nothing less of visual masterpieces! This aesthetics-conscious filmmaker follows certain practices that can inspire User Interface (UI) and User […]

The Key Contrasts Between Designers and Great Designers

Comparisons can be difficult, but it helps us in making decisions effectively. Even when we have no innate means of determining the value of something, we often evaluate things on the basis of emotions and experiences. Bringing these contrasts into your design habits is what separates a great designer from a good designer. Like any […]

Valentine’s Day Facts and Figures that will make you Gasp

After the end of quite an eventful Valentine’s Day, it has been noted that around 5.2 million (325,000 kg) roses were exported to 25 different countries from Bengaluru Airport between February 1 and 14 2018. Countries to which the roses were exported to include Malaysia, Kuwait, Singapore, Japan, U.S.A., United Kingdom, South Korea, the Netherlands […]

Join us for a cup of coffee!