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:
- Shopify
- We use Shopify for checkout, but have a custom site (Headless Solution)
- Other e-commerce platform or custom solution (e.g Salesforce, Data Lakes)
- Only available on Pro and Enterprise Plans
How do I add the Northbeam Pixel to my website?
Two ways to insert the pixel
- Placing it directly in your website theme (theme.liquid for Shopify stores)
- 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
- Navigate to Settings
- Click on Tracking Script Tags
- 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:
- Navigate to any page of your website
- Right click, then click Inspect
- Click on the tab called Network
- Look for nb-collector OR tp2
If you see nb-collector or tp2 in the list of Networks, this means the Pixel is firing!

Updated 8 days ago