The N.Rich Tag

The entry point into the world of the N.Rich tag/pixel - how to install and configure it in order to get the most value out of the platform.

In case you have an engineering team / webmaster / external agency responsible for building and maintaining your website, or you are comfortable with installing pixels onto your website and navigating your consent management platform, stop here and leverage this link instead: Technical Guide 

If you are responsible for maintaining your own website and tech is not your strong-suite, continue following this article - we'll do our best to guide you through this process step-by-step. 

The N.Rich tag or pixel is a piece of source code that, once added to your website pages, allows N.Rich to track visits to your website, monitor engagement, match clicks coming from our advertising platform to real users browsing your website and ultimately, help drive your account based marketing efforts to the next level.

In order to get started, it is important to understand what set of tools you use to run your website, as well as any landing pages which you wish to use in advertising.  Any web page from which N.Rich should be able to extract engagement data from must have the N.Rich tag installed on it. If all of your landing pages are hosted on the same platform, then installing the tag there will suffice. In case you use additional tools to power your landing pages, you may need to install the N.Rich tag into multiple platforms. 

Additionally, it is important to understand whether your website asks visitors for consent before applying cookies to their browsing session. This is mandatory in some jurisdictions, like the European Economic Area, California or Brazil.

Introduction to the N.Rich tag 

The N.Rich tag has two main modes of operation - it is either in Cookieless or Bootstrap mode (by default) in which case it features very limited data collection - this mode doesn't install any cookies and only leverages the user IP address to do limited tracking.

Upon obtaining user consent, it is possible to switch the N.Rich tag into Standard mode, which does rely on cookies and offers a lot more data collection. This article will guide you through setting up both modes of operation. To understand more about website data collection and tracking, refer to this article.  

Step 1 (optional) - The Google Tag Manager 

In case you don't have the Google Tag Manager installed on your website already, we highly recommend that you do, as it makes managing multiple tags a lot simpler - this guide from Google does a great job at explaining how to go about installing it into your website: 

https://support.google.com/tagmanager/answer/14842164

In case you need help with this, reach out to support via the chat in the bottom-left corner of this page. 

Step 2 - Configure Google Tag Manager and your Consent Management Platform (CMP) 

Depending on the CMP you use, pick a guide bellow:
Not sure which platform you use? - then check this article out

Step 3 - Obtain the cookieless tag code from your N.Rich settings page: 

Head to https://app.nrich.ai/setup > Website Tag 

The code you see on that page is the cookiless tag, no modifications needed. Copy the tag via the "Copy text" button: 

Step 4 - The Cookieless tag

Within the Google Tag Manager, navigate to the correct Tag account (in case you have multiple) and within it, to the Tags page.  

1.  In the top right, choose New Tag. 

2.  Give the tag a name in the top left i.e. 'N.Rich Cookieless Tag' 

3.  Under Tag Configuration, choose Custom HTML

4.  Within the HTML box, paste in the code you copied in Step1.

5.  Scroll lower to reveal the Triggering section. 

6.  Choose "All pages" as the trigger. 

7.  Finally, click Save in the top right. 

Step 5 - The Standard tag

1.  In the top right, choose New Tag. 

2.  Give the tag a name in the top left i.e. 'N.Rich Standard Tag' 

3.  Under Tag Configuration, choose Custom HTML

4.  Within the HTML box, paste in the following code: 

<script>
     window._nrich = window._nrich || [];
    window._nrich.push(["enableCookies",true]);
</script>

5.  Scroll lower to reveal the Triggering section. 

6.  Choose the Google Tag Manager trigger we created earlier
(or the equivalent trigger you had in place) 

7.  Finally, click Save in the top right. 

Step 6 - Test your tag installation 

Before publishing your changes, we strongly recommend testing your setup using Preview Mode in Google Tag Manager. This helps ensure that everything works as expected and prevents issues caused by misconfiguration or conflicts.

1. Enable Preview Mode.

   In GTM, click Preview in the top-right corner to activate Preview Mode.

2. Verify the tags.

   1) Navigate to your website while Preview Mode is active.

   2) Use the GTM debugging panel to confirm that:

   3) The N.Rich Cookieless Tag fires on all pages.

   4) (if installed) The N.Rich Standard Tag fires only when analytics consent is granted.

3. Check for conflicts or errors.

   Ensure the installed tag(s) load without errors or conflicts with other scripts on your website.

4. Publish the changes.

   Once you’ve verified the setup, return to GTM and click Submit to publish your container.

5. Finally, make sure that N.Rich is receiving signals from the tag(s) you have installed to your website. You can check this in the Setup section of your N.Rich account - it should have a table that looks like this: