Creating a Noibu Custom Attribute with GTM Datalayer Values

This guide explains how to use Google Tag Manager (GTM) to inject custom attributes from your website’s dataLayer into Noibu.

Objective

Use a GTM Custom HTML tag to send existing dataLayer values to Noibu as custom attributes.

Prerequisites

• The Noibu JavaScript SDK is already installed and running on your website.
• The relevant data points (such as customer city, province, etc.) are available in the GTM dataLayer.
• Access to your Google Tag Manager container.

Step 1: Identify Data Layer Variables

1. Open GTM and navigate to Variables → New → Data Layer Variable.
2. Configure each variable that you plan to pass to Noibu.

Reference: Google Tag Manager – Data Layer Variables

Step 2: Create a Custom HTML Tag

1. In GTM, go to Tags → New → Custom HTML.
2. Paste the following script:

<script>
(function() {
  function addCustomData() {
    try {
      window.NOIBUJS.addCustomAttribute('customer_city', '{{dlv - Customer city}}');
      window.NOIBUJS.addCustomAttribute('customer_province', '{{dlv - Customer province}}');
      window.NOIBUJS.addCustomAttribute('customer_session_count', '{{dlv - Customer session_count}}');
      window.NOIBUJS.addCustomAttribute('customer_tags', '{{dlv - Customer tags}}');
      window.NOIBUJS.addCustomAttribute('customer_visitor_type', '{{dlv - Customer visitor_type}}');
      console.log('Noibu custom attributes sent.');
    } catch (e) {
      console.warn('Noibu custom attribute injection failed:', e);
    }
  }

  if (window.NOIBUJS) {
    addCustomData();
  } else {
    window.addEventListener('noibuSDKReady', addCustomData);
  }
})();
</script>

Reference: Google Tag Manager – Custom HTML Tags

Step 3: Configure the Trigger

• Under Triggering, select All Pages or any other trigger where the Noibu SDK is active.
• Save your tag.

Step 4: Test in Preview Mode

1. Enable Preview Mode in GTM.
2. Navigate your website and open the browser console.
3. Confirm that the log message Noibu custom attributes sent. appears after each page view.
4. Verify that no console errors are reported.

Step 5: Publish and Verify in Noibu

1. Click Submit → Publish in GTM.
2. Open a session in Noibu and verify that your custom attributes appear under Session Details

Troubleshooting

Related Articles

• Noibu JS SDK Overview