7. Add Pixel

Complete Pixel Placement

What is the Northbeam Pixel?

📘

The Northbeam Pixel is a required snippet of code that allows us to collect behavioral information about your website visitors – including their marketing touchpoints and pages they’ve visited.

The Northbeam Pixel serves as a critical tool for monitoring activities on your website, including tracking purchases and page views.

This functionality is key for several reasons:

  • Enhanced Customer Journey Insights: By implementing pixel tracking, you gain valuable data that aids in understanding and creating the customer journey. This insight is instrumental in understanding your top and bottom of funnel!
  • Essential for helping us create a picture of your customers: This allows us to understand if your customers are coming back to the site so that you can differentiate and gain insights into New vs Returning customers.

❗️

If the Northbeam Pixel is NOT firing...

If the pixel isn’t firing, we will not track which marketing channel(s) drove the associated Visit(s) and/or Conversion(s), and this data is not recoverable.

With this said, it's very important that the pixel fires on ALL pages of your site at all times.

Pixel Implementation Guides

Please select your e-commerce platform to follow the appropriate guide:

How do I add the Northbeam Pixel to my website?

👍

Two ways to insert the pixel

  1. Placing it directly in your website theme (theme.liquid for Shopify stores)
  2. Creating it as a Tag in Google Tag Manager

Note: We recommend Google Tag Manager to mitigate any accidental removals of the pixel (ex. Website theme change)

Where can I find the script for the Northbeam Pixel?

In the Onboarding Flow

In the onboarding flow, find the script under the “Pixel Placement” step. After selecting and connecting your platform, find it under “Northbeam Pixel”.

In the Dashboard

  1. Navigate to Settings
  2. Click on Tracking Script Tags
  3. See Northbeam Pixel

How can I test the Northbeam Pixel?

The easiest way to see if the pixel is firing on any page is to find nb-collector or tp2 within your Network tab using your browser's development tools:

  1. Navigate to any page of your website
  2. Right click, then click Inspect
  3. Click on the tab called Network
  4. Look for nb-collector OR tp2

If you see nb-collector or tp2 in the list of Networks, this means the Pixel is firing!