Aritic PinPoint provides two mode of Nato eCommerce Integrations:

  1. With GTM (Google Tag Manager) dataLayer method
  2. Without GTM directly using Aritic Tracking Object

Both of the methods achieve same result with Aritic PinPoint.

Requirements:

Ensure that you have access to your  Google Tag Manager and Google Analytics accounts before going ahead implementing this.

With Google Tag manager (GTM):

A Google Tag Manager (GTM) implementation of Google Enhanced Ecommerce (EE) for the Neto eCommerce platform is very easy for those who have already used GTM’s dataLayer. This method of integration includes a container file, provided by Aritic PinPoint for quickly importing into GTM as well as the custom scripts required to push data from Neto into your GTM data layer. This Enhanced Ecommerce (EE) implementation supports following features:

  • Product Impressions measurement
  • Product Clicks measurement
  • Views of Product Details measurement
  • Additions or Removals from a Shopping Cart measurement
  • Promotion Impressions measurement
  • Promotion Clicks measurement
  • Checkout Steps measurement
  • Purchase measurement

Step 1: Setup your Google Analytics account:

Login to your Google Analytics account and navigate to Go to Admin > Ecommerce Settings and Enable Ecommerce and Enable Enhanced Ecommerce Reporting.

After above 2 options has been enabled, then add the below (Funnel Steps) labels into the checkout steps:

  1. Email
  2. Billing
  3. Terms
  4. Payment

After above configuration, the screen will look like:

Now navigate to Admin > Tracking Info > Tracking Code and analytics tracking code, Copy your tracking code which look like this – UA-xxxxxxx-1.

Step 2: Setup your Google Tag Manager account:

Login to your Google Tag Manager account and navigate to Go to Admin > Import Container. Unzip aritic_neto.zip file (shared by Aritic Customer Success team) and select container.json from it for import into your new or existing workspace (Do select merge option).

The provided container.json  has everything that is needed to collect tracking information from your Neto Ecommerce, which includes as clicks, views, cart and checkout events. The Aritic container also has the tags required to send this data to Google Analytics.

Note: You might need to update some variable ( which Aritic PinPoint customer success team will help) after looking on to your Neto – Configuration folder.

This Aritic Container inside Google Tag Manager already support pulling data from following Carousel plugins:

  • Bootstrap 4
  • Bootstrap 3
  • Owl Carousel 2
  • Slick

Banner URLs and Thumbnail clicks and views are tracked using this container setting.

Step 3: Configure and prepare your Neto:

Login to your Nato Control Panel, and navigate to Settings and Tools > All Settings and Tools > Custom Scripts > Add New. Add name of the script and copy the content of each file from the script folder to the tabs.

  • page_header.html > Page Header
  • page_footer.html > Page Footer
  • purchase_confirmation.html > Purchase Confirmation (Thank You Page)
  • product_page.html > Product Page (under description)
  • product_thumbnails.html > Product Thumbnails

Finally, you get Google’s Enhanced Ecommerce running with a Neto store. After this implementation, EE can track following:

  • AJAX search results impressions and clicks
  • Parts finder clicks
  • Popup clicks
  • Chat application clicks
  • Custom goals

You can customize based your requirements.

To get all these data for your contacts inside Aritic PinPoint, you will need to add following code within your Aritic PinPoint tracking code:

function dateval(str){if(typeof str === 'number') str = str.toString();if(typeof str === 'undefined' || typeof str !== "string") return false;var y = str.substr(0,4);m = str.substr(4,2) - 1;d = str.substr(6,2);var D = new Date(y,m,d);return (D.getFullYear() == y && D.getMonth() == m && D.getDate() == d) ? y+'-'+m+'-'+d : false;
}

var _aaq = window._aaq = window._aaq || [];
var dataPinPointSend = {};
var dt = {};
dataLayer.forEach(function(dataPinPoint){

if("pageTitle" in dataPinPoint){
for(var i in dataPinPoint){
dt = dateval(dataPinPoint[i]);
dataPinPointSend[i.toLowerCase()] = dt ? dt : dataPinPoint[i];
}
}
}); _aaq.push(['setContactFields',dataPinPointSend]);
_aaq.push(['trackPageView']);

Inside Aritic PinPoint; you can view these data and segment along the filters:

Without GTM directly using Aritic Tracking Object:

You can connect with Aritic Customer Success team to compete the direct integration tracing with Neto.