Magento 2 Google Analytics Ecommerce Tracking Using Google Tag Manager

Standard

                     Magento 2 Ecommerce and Enhanced Ecommerce (UA) Tracking using Google Analytic and Google Tag Manager

Recently once client asks me to implement e-commerce/enhanced Ecommerce tracking in Magneto 2 using Google Tag Manager! Way Magento 2 coding is different from Magento 1.1 – 1.9 . once I looked on Magento 2 , I said it’s possible both with google tag manager and putting datalayer on Magento 2 or Without touch code Magento 2 Also possible E-commerce tracking using Google Tag Manager!

When you will write e-commerce/ecommerce tracking for Magneto 2 , quite different from Magento to other version Mangento 1.1 -1.9. 

When you are write code Mangento 2 e-commerce make sure you are aware coding knowledge of Mangento other you will broke website!

Magento 2 Ecommerce & Enhanced Ecommerce Tracking using Google Tag Manager

Magento 2 Google Analytics Ecommerce

Magento 2 Google Analytics Ecommerce & Enhanced Ecommerce Tracking

First Install Google Tag Manager on Manento 2 Google Tag Manager Ecommerce Tracking on  Putting code <head> and <body>

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 Php Code to get the value of product Array, total order value, Shipping value , Tax value and Order number on Magento 2 E-commerce/eCommerce Tracking using Data Layer on the website  

Written custom for Magento 2 E-commerce tracking using Google Tag Manager

<script type=”text/javascript”>
//<![CDATA[
window.dataLayer = window.dataLayer || [];
<?php >
dataLayer.push({
‘ecommerce’: {
‘purchase’: {
‘actionField’: {
‘id’: ‘<?php echo $order->getIncrementId()?>’, // Transaction ID. Required for purchases and refunds.
‘affiliation’: ‘test’,
‘revenue’: ‘<?php echo $orderTotal?>’, // Total transaction value (incl. tax and shipping)
‘tax’: ‘<?php echo $Tax?>’,

Now it’s time to verify result in Google Analytic tracking Implemented on Magento 2 E-commerce tracking 

Magento 2 Google Analytics Ecommerce

Magento 2 Google Analytics Enhanced Ecommerce

Warning:if you do n’t know about javascript/ Datalayer/Jquery or do n’t have developing knowledge then do n’t try Magento 2 Google Tag Manager Ecommerce Tracking without touching Codea 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

Leave a Reply

Your email address will not be published. Required fields are marked *