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 to Test for Your Northbeam Pixel on Any Web Page
Use the steps below to confirm that the Northbeam pixel is correctly installed and firing on your website:
1. Open Your Website
- Accept any cookie banners to ensure all scripts load.
2. Open Developer Tools
- Right-click the page → Inspect → go to the Network tab.
- Refresh the page.
Note: These instructions are based on Google Chrome.
Step 3: Search for the Northbeam Pixel Request
- In the Network tab, use the search bar to look for the request called:
**nb-collector**
- Click on one of the results to inspect its details.
- In the Payload, look for a
pv
field. - The presence of
"pv"
(short for page view) means that a page view event was successfully captured and sent to your Northbeam dashboard.
Step 4: Verify the Correct Client ID
If you have multiple dashboards (e.g., for different regions or brands):
- In the same request, locate the value for
aid
- This value represents the Client ID associated with the pixel on that page.
- Confirm that the Client ID matches the correct Northbeam account to ensure data is routed properly.
Important: Avoid mixing and matching pixels between different dashboards. Data will only show up in the account tied to the correct
aid
.
Need Help?
If you don’t see the nb-collector
request or if you’re unsure about the Client ID, please reach out to our team for support.
Updated 14 days ago