Joomla Google Analytic Ecommerce Tracking for HikaShop using Google Tag Manager

Standard

Are you looking Ecommerce Tracking for Joomla Hikashop using Google Tag Manager or Looking any Joomla Shop to Setup Ecommerce tracking using Google Tag Manager

Recently once of client ask me to implement ecommmerce tracking on Hikashop Joomla using Google Tag Manager. Once looked entire flow of transaction and order confirmation Pages, I decided to put Ecommerce Data Layer Code on success pages. once I enter on FTP and Hikashop found technically need to modify the template or need a separate script for tracking Google ecommerce tracking on Hikashop (Joomla) using Google Tag Manager!

I decide to write a separate script for Hikashop Google Ecommerce tracking Data Layer for Google Tag Manager without modifying template or without conflicting of another part of Code Hikashop(Joomla) to work for Ecommerce tracking using Google Tag Manager!! 

Written two separate scripts for fire data layer on the Order Confirmation page for Joomla Hikashop ecommerce tracking using Google Tag Manager and Show result in Google Analytic Ecommerce tracking for Joomla.

Google Analytics Ecommerce Tracking for HikaShop

HikaShop Google Ecommerce Tracking using Google Tag Manager

  • First Install Google Tag Manager on Joomla (Hikashop)  Google Tag Manager Ecommerce Tracking for Ecommerce Joomal for Hikashop
  • 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 Data Layer Script on Order Confirmation page on Hikashop, To get for Joomla Ecommerce tracking  the value of product Array, total order value, Shipping value , Tax value and Order confirmation page on  Hikashop  (Joomla)  Ecommerce tracking using Google Tag Manager

Google Analytics Ecommerce tracking in HikaShop using Google Tag Manager

Google Analytics Ecommerce Tracking for Hikashop

It’s time to verify Ecommerce tracking for Hikashop (Joomla) using Google Tag Manager in Google Analytic.

HikaShop Google Ecommerce Tracking

Google Tag Manager Ecommerce Tracking for Hikashop

Warning:if you do n’t know about javascript/ Datalayer/Jquery or do n’t have developing knowledge then do n’t try Joomla Hikashop 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