Bigcommerce Enhanced Ecommerce Tracking using Google Tag Manager

Standard

BigCommerce Enhanced Ecommerce Tracking using Google Tag Manager without using Any plugin or without any data layer code on the BigCommerce used only Custom Javascript

Recently I received a project from client, they asked me to implement E-commerce / Enhanced Ecommerce tracking using Google Tag Manager, when I asked to access of Bigcommerce, client said not because his website if fully customized, they don’t want touch my hand on his website. Client said he is using google tag manager then I said I can implement an enhanced Ecommerce Tracking using Google Tag Manager.

To Implement Enhanced Ecommerce Tracking on BigCommerce using Custom Javascript

BigCommerce Enhanced Ecommerce Tracking

Implement Enhanced Ecommerce Tracking on BigCommerce using Google Tag Manager

First Install Google Tag Manager on Your Bigcommerce for Set Up E-commerce Tracking using Google Tag Manager

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

  1. Product Detail Impressions: To Track product impression for BigCommerce Enhanced Ecommerce Tracking using Google Tag Manager used custom javascript to get the value of price, product and brand etc
Measuring Product Impressions Enhanced Ecommerce

Measuring Product Impressions Enhanced Ecommerce

Product Impressions Enhanced Ecommerce output of Bigcommerce

2.  Add to Cart: To measure additions add to Cart Product added for BigCommerce Enhanced Ecommerce Tracking using Google Tag Manager used custom javascript to get the value of price, product and brand etc

shopping cart by using an add Enhanced Ecommerce Tracking on BigCommerce

Shopping Cart Enhanced Ecommerce of Bigcommerce

Adding a Product to a Shopping Cart Enhanced Ecommerce output of Bigcommerce

3.  Measuring Checkout Steps: To measure Checkout Steps that will tell us , How many people reach to till checkout and drop out and went till another step for Enhanced Ecommerce tracking in BigCommerce

Measuring Checkout Steps Enhanced Ecommerce BigCommerce

Checkout Ecommerce Measurement

Checkout Ecommerce Measurement

4.  Measuring Purchases: To track purchases details in Google Analytic using Custom Javascript and Micros

Warning:if you do n’t know about javascript or do n’t have developing knowledge then do n’t try to Bigcommerce Enhanced Ecommerce Tracking using Google Tag Manager a 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 *