Bigcommerce Google Tag Manager Ecommerce Tracking without touching Code

Standard

Google Tag Manager for BigCommerce Ecommerce/E-commerce Tracking without Touching Code

Recently one client asked me to track e-commerce tracking on BigCommerce on Stencil Themes using Google Tag Manager with Custom Javascript without Touching code of the big commerce. I asked to the client why you don’t want to put data layer, He said website is fully customized and also don’t want to share access of admin anybody, asked to client I need to make test order on the website, once I make a test order then see possible with custom javascript on BigCommerce (Stencil Themes).

What Challenges for E-commerce Tracking on BigCommerce (Stencil Themes) without Touching Code/ Data Layer on the website

  1. Product Array – one of that challenging to get product array on on BigCommerce (Stencil Themes).
  2. Write a Custom Javascript to Get Your order number
  3. Write a  Custom Javascript to get Total order value
  4. Write a Custom Javascript to Tax and Shipping value

First Install Google Tag Manager on Bigcommerce Google Tag Manager Ecommerce Tracking without touching Code

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 Javascript to get the value of product Array, total order value, Shipping value , Tax value and Order number on BigCommerce (Stencil Themes) without Touching Code/ Data Layer on the website for E-commerce/eCommerce Tracking 

Ecommerce with Google Analytics at BigCommerce

Product Array For Ecommerce Tracking using Custom Javascript on BigCommerce

google tag manager bigcommerce stencil E-commerce Tracking

Custom Javascript to Get value of E-commerce Tracking on BigCommerce Ecommerce/E-commerce Tracking without Touching Code

Written Custom E-commerce Tracking Code using Help of Custom HTML on Google Tag Manager For BigCommerce (Stencil Themes) without Touching Code/ Data Layer on the website for E-commerce/eCommerce Tracking 

Bigcommerce Google Tag Manager Ecommerce Tracking

BigCommerce ecommerce tracking with 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 Bigcommerce 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