Drupal Ecommerce Tracking for Google Analytics using Google Tag Manager

Standard

Implementing Enhanced Ecommerce Tracking using Google Tag Manager for Drupal

Recently, one of client asks me to track e-commerce /commerce tracking in Drupal using Google Tag Manager. Because Client wants to see revenue from where it’s generated in store. Does not want to provide access of the website and said I will provide access of Google Analytic and Google Tag Manager, he said implement e-commerce tracking using Custom Javascript using Google Tag Manager.

Once I walk through his Drupal website and make a test order to see possible for E-commerce / Enhanced Tracking with Google Tag Manager using Custom Javascript in Drupal

What Challenges for Enhanced Ecommerce/eCommerce Tracking on Drupal using Google Tag Manager with Custom Javascript

  1. Written a custom javascript to get product array, order id, shipping , tax and other details to work  using Custom Javascript on Drupal

First Install Google Tag Manager on Drupal Google Tag Manager Ecommerce Tracking with Custom Javascript 

Paste this code as high in the <head> of the page as possible:
<!– Google Tag Manager –>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,’script’,’dataLayer’,’GTM-XXXX’);</script>
<!– End Google Tag Manager –>
Additionally, paste this code immediately after the opening <body> tag:
<!– Google Tag Manager (noscript) –>
<noscript><iframe src=”https://www.googletagmanager.com/ns.html?id=GTM-XXXX”
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
<!– End Google Tag Manager (noscript) –>

Note: Make you will replace GTM Tracking Code with your GTM ID XXXXX

Written Custom E-commerce Tracking Code using Help of Custom HTML on Google Tag Manager on Drupal with Custom Javascript for E-commerce/eCommerce Tracking

Drupal Ecommerce Tracking using Google Tag Manager

Drupal Google Tag Manager E-commerce using Custom Javascript

Written Custom E-commerce Tracking Code using Help of Custom HTML on Google Tag Manager For Drupal with custom javascript  Code/ Data Layer on the website for E-commerce/eCommerce Tracking  and Verified with Google Analytic 

Drupal Ecommerce Tracking

Drupal Ecommerce Tracking for Google Analytics using Google Tag Manager

Warning:if you do n’t know about javascript/ Datalayer/Jquery or do n’t have developing knowledge then do n’t try Drupal Google Tag Manager Ecommerce Tracking with custom javascript without using Any plugin that can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property 

For Contact: mappchero@gmail.com