Get Started Get Started

Setting Up Meta Pixel And E-commerce Tracking

Meta Ads is an advertising service powered by Meta that allows businesses and individuals to create and run advertisements to reach a targeted audience on Meta's platforms including Facebook, Instagram, Messenger and WhatsApp.

Setting up Meta Ads requires installing configuration code, known as Meta Pixel, or verifying ownership on your Oncord website to ensure that the data is stored and synced properly.

This article will provide instructions on how to set up:

Meta Pixel
Meta Pixel Helper
Meta E-commerce Conversion Tracking

Meta Pixel

The Meta Pixel is a piece of code that you place on your website, enabling you to measure the effectiveness of your advertising by understanding the actions people take on your website.

Before setting up the Meta Pixel, you need to visit https://business.facebook.com/ to prepare your Meta Business Manager account. Here, you can create your Meta Business Account and Ads Account.

Install Meta Pixel into Oncord

Once you've completed the Meta Business Manager, Meta Business Account, and Ads Account setup, it's time to configure the installation.

One of the most common ways to install the Meta Pixel is by adding it to every page of your website within your design.

Create Meta Pixel

  • Sign in to your Meta Business Manager.
  • Go to "Event Manger" via Dashboard > All Tools.
  • Click " Connect Data Source" in the left-hand menu.
  • Select the "Web" option in the pop-up menu.
  • Enter a name for your pixel and click "Create pixel". This will create a new ID that you can view in Events Manager.

  • Enter your Oncord website URL, and then click "Next".
  • Select "Do it yourself" and then click "Next".
  • Select "Meta Pixel Only" and then click "Next".
  • Click the "Install Code Manually" button.
  • In the "Set up a new pixel" page, click the "Copy code" button.

Method 1: Add the Meta Pixel to all Pages (Within your Design)

When embed code needs to appear on all pages throughout your website, it should be added to your website design theme. 

  • Go to your Oncord website and edit the website design (Dashboard > Website > Designs, select the design to edit).
  • Click "SOURCE" in the left menu to view the source code of your website design.
  • Paste the code just before the closing </head> tag.
  • Click the "Save" button located at the top left of the screen.
  • Go back to the Meta "Set up a new pixel" page, click "Continue".
  • Turn on/off "Automatic Advanced Matching" based on your needs, and then click "Continue".

It should take up to 24 hours for Meta to start data collection.

Method 2: Install the Meta Pixel through Google Tag Manager (GTM)

You can also configure the Meta Pixel through Google Tag Manager (GTM).

Tips: It's recommended to use GTM to manage and configure your tags. To know more details about setting up GTM, please check out our help article: Setting Up Google Tag Manager with Oncord.

  • Sign in to your GTM account.
  • Click the container name that you want to configure.
  • Within "Workspace", click the "Tags" tab in the left-hand column.
  • Click the "New" button to create a new tag.
  • Rename the new tag as "Meta Pixel", and then click the "Tag Configuration" box.
  • Select the "Custom HTML Tag" option from the right-hand list.
  • Paste the Meta Pixel into the text box. 
  • Scroll down and click the "Triggering" box to configure a trigger for this tag.
  • Select the "All Pages" option from the list.
  • Click the "Save" button at the top-right of the page.

Note: Please don't forget to click the "Submit" button to publish the latest changes.

Meta Pixel Helper

The Pixel Helper is a Chrome Browser extension that automatically reviews websites for Meta Pixel code. Once installed, a </> icon, the Pixel Helper icon, appears in the upper right corner of the browser near the address bar.

When a website has a Meta Pixel installed, the icon turns blue, and a badge shows the number of Pixels found on the webpage. If the icon remains gray, no Meta Pixels are installed on the webpage.

Install Meta Pixel Helper

To use the Meta Pixel Helper you must:

After installing the Pixel Helper extension, navigate to your website in the Chrome browser, and click on the Pixel Helper icon. The popup will tell what Pixels were found on the webpage, and whether they have loaded successfully.

Meta E-commerce Conversion Tracking

Once the Meta Pixel has been successfully created and installed on your Oncord website, Meta e-commerce conversion tracking will be enabled automatically.

When an online order is placed on your website, an event called "Purchase" will be created and sent with the currency and value of the order to your Meta Business Events Manager. You can also check the event via the Meta Pixel Helper.

View the Activity

All conversions and events, such as Purchase and Page View, can be monitored in your Meta Business Events Manager. Here, you can further configure your Facebook ads and analyze the effectiveness of campaigns.

  • Sign in to your Meta Business Manager.
  • Go to "Event Manger" via Dashboard > All Tools.
  • Click "Data Source" in the left-hand menu.
  • Choose the corresponding pixel that has installed in your Oncord website.