Angular JS Ecommerce and Enhanced Ecommerce Tracking using GTM without Touching Code

Standard

Are you looking to setup Google Analytics Ecommerce and Enhanced Ecommerce Tracking in AngularJS Using Google Tag Manager (GTM)?

Recently once client ask to setup Google Analytic Ecommerce tracking on Angular JS using Google Tag Manager, once I will looked angular js site, I said, I need to make a test transaction on Angular JS to work for Ecommerce Tracking to see in transaction in Google Analytic. Once I make a test order on the website and notice all the transaction process through without change Angular Js URL. Yes I said, I can tracking ecommerce tracking on Angular Js using Google Tag Manager without Touching code of Angular JS

First Install Google Tag Manager on Angular JS Ecommerce and Enhanced Ecommerce Tracking using on  Putting code <head> and <body>

Paste this code as high in the <head> of the page as possible:
Copy the code below and paste it on to every page of your website.

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-XXXXXX');</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-XXXXXX"
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 Javascript to get the value of product Array, total order value, Shipping value , Tax value and Order number on Angular JS without Touching Code/ Data Layer on E-commerce/eCommerce for Google Analytic to Work Ecommerce Tracking for Google Analytic Ecommerce AngularJS applications

Enhanced Ecommerce Tracking for GTM on Angular JS

Integrating Google Analytic Ecommerce for AngularJS using Google Tag Manager

Warning: If you do n’t know about javascript or do n’t have developing knowledge then do n’t try to Google Analytic Ecommerce for AngularJS using Google Tag Manager that can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property 

For Contact: mappchero@gmail.com