Tracking Ecommerce tracking with GTM URL query parameters

Standard

Ecommerce Tracking URL Query Parameters with Google Tag Manager

Recently once client asks me to E-commerce/eCommerce tracking with GTM query with URL to work transaction details in Google Analytic. Once I will look success url / Thank You page URL of the query that passing all the value in the URL, so that I saw two possibilities either I need to write a data layer on Success page or use custom javascript a Get URL query using Google Tag Manager.

Require to Ecommerce Tracking URL Query Parameter using Google Tag Manager

Ecommerce Tracking URL Query Parameter

  1. First Install Google Tag Manager on Your E-commerce  Shop to Ecommerce Tracking URL query parameters 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

2. Written JavascripT to get the value of product name, product price and Total using google tag manager for Tracking Ecommerce tracking with GTM URL query parameters

After that getting all value create a data layer custom html and creating a trigger using a javascript on query so that fire correct place Ecommerce tracking based URL query.

See screen get all value using URL String using Google Tag Manager

3. Now it’s time verify URl query e-commerce tracking using Google Tag Manager that help you identify whether it’s working e-commerce tracking or not ?

Warning:if you do n’t know about javascript/ Datalayer/Jquery or do n’t have developing knowledge then do n’t try Ecommerce Tracking URL Query Parameters with 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

Forms Google Analytics eCommerce Tracking using Google Tag Manager

Standard

Forms Google Analytics eCommerce Tracking using Google Tag Manager

Recently once client asked me to set up eCommerce tracking for form based e-commerce tracking without generating a transaction id, once I looked for and found it there was a product name, product price and Product Category. I told client yes, it’s possible to implement e-commerce tracking using Google Tag Manager.

Also Recently couple of other form tracking E-commerce tracking set up using Google Tag Manager 

  1. Using Caldera Forms Google Analytics eCommerce Tracking using Google Tag Manager
  2. Track Infusionsoft Sales With Google Analytics E-Commerce Tracking using Google Tag Manager
  3. Ecommerce Tracking For SamCart using Google Tag Manager
  4. Insurance Form type e-commerce Tracking using Google Tag Manager
  5. Click Funnel Ecommerce Tracking using Google Tag Manager or any type for based E-commerce Tracking

  1.  First Install Google Tag Manager on Form based 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

2. Create a custom javascript get the value of price, category and revenue using Google tag Manager

Forms Google Analytics eCommerce

Forms Google Analytics eCommerce

3.  Now written a custom with E-commerce tracking including a data layer code that will fire on success and create a tag and trigger to fire e-commerce tracking using Google Tag Manager for Forms Google Analytics eCommerce Tracking

Warning:if you do n’t know about javascript or do n’t have developing knowledge then do n’t try to Forms Google Analytics eCommerce 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

Track Ecommerce transaction with Google Tag Manager in Vb.net

Standard

Recently, one of the client has asked to implement e-commerce tracking on ASP.NET ( Vb.net) website using Google Tag Manager

E-commerce tracking is one of most challenging part to implement in ASP.NET (Vb.net)

E-Commerce tracking even allows you to see your conversions to improve. Doesn’t that sound thrilling? It is fairly easy to empower your site for creating such advice. All that you need is a couple of codes that are additional. Naturally, you even have to examine the information presented to make the most of it.Transaction data passed back by the payment gateway or is usually saved in your back end systems.

You have to pass this info to the script that is analytics. To put it differently, you will use a server side language like PHP write a JavaScript directly to the resultant HTML page and to get the data.

You can see this features set up ecommerce tracking using Google Tag Manager in .net website.

  • Transaction Revenue
  • Transaction Tax
  • Transaction Shipping
  • Item Revenue
  • Revenue per Transaction
  • Revenue per Visit
  • Total Value
  • Revenue per Item
    Implementing E-Commerce Tracking via Google Tag Manager

    E-Commerce Conversion Tracking Using Google Tag Manager

    Google Tag Manager eCommerce Tracking installation

    Google Tag Manager integration (GTM)

    Step 1. First Install Google Tag Manager on Your ASP.NET ( Vb.net) website for Setup E-commerce Tracking using Google Tag Manager

    Copy the code below and paste it onto every page of your website. Place it immediately after the opening <body> tag.

    <!– Google Tag Manager –>
    <noscript><iframe src=”//www.googletagmanager.com/ns.html?id=GTM-XXXXXX
    height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
    <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=
    ‘//www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,’script’,’dataLayer’,’GTM-XXXXXX‘);</script>
    <!– End Google Tag Manager –>

    Note: Make you will replace GTM Tracking Code with your GTM ID.

Step 2. Create a data layer using Custom HTML Tag 

<script type=”text/javascript”>

function read_cookie(name) {
var result = document.cookie.match(new RegExp(name + ‘=([^;]+)’));
result && (result = JSON.parse(result[1]));
return result;
}
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, “\\$&”);
var regex = new RegExp(“[?&]” + name + “(=([^&#]*)|&|#|$)”),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return ”;
return decodeURIComponent(results[2].replace(/\+/g, ” “));
}
var items = read_cookie(“ga_cart”);
var total = parseFloat(read_cookie(“ga_total”));
var products = [];
for (var i = 0; i < items.length; i++) {
var product = {
‘sku’ : items[i].TradingItem[“#text”],

 DataLayer In Custom JavaScript Variables

Google Tag Manager Data Layer ECommerce

Step 3. Create a data layer using Custom HTML Tag for Store

<script type=”text/javascript”>
function parseXML(val) {
if (document.implementation && document.implementation.createDocument) {
xmlDoc = new DOMParser().parseFromString(val, ‘text/xml’);
}
else if (window.ActiveXObject) {
xmlDoc = new ActiveXObject(“Microsoft.XMLDOM”);
xmlDoc.loadXML(val);
}
else
{
alert(‘Your browser cant handle this script’);
return null;
}
return xmlDoc;
}

function xmlToJson(xml) {

// Create the return object
var obj = {};

if (xml.nodeType == 1) { // element
// do attributes
if (xml.attributes.length > 0) {
obj[“@attributes”] = {};
for (var j = 0; j < xml.attributes.length; j++) {
var attribute = xml.attributes.item(j);
obj[“@attributes”][attribute.nodeName] = attribute.nodeValue;
}

Google Tag Manager E-commerce data Layer

Implement using the Data Layer

For Contact: mappchero@gmail.com

Warning:if you do n’t know about javascript or do n’t have developing knowledge then do n’t try to implement on ASP.NET () E-commerce  Setup using Google Tag Manager  that can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property 

Shopify Ecommerce Setup Using Google Tag Manager

Standard

E-commerce Tracking in Shopify using Google Tag Manager 

Recently so many client ask me to implement E-commerce and Enhanced E-commerce tracking through Google Tag Manager on Shopify, As usual you know very well why e-commerce tracking on the website, You can see in revenue and number sale which product sales, you can see in Google Analytic. There was a certain limitation with Shopify, but recently I have seen Shopify migrate hosted to domain checkout on Shopify.

Integrating E-commerce Track Google Tag Manager with Shopify

Google Tag Manager on Shopify

Google Tag Manager to Shopify

  1. First Install Google Tag Manager on Shopify Ecommerce Tracking without touching Code
How to put Google Tag Manager Code on Shopify put on Theme.liquid file.  
Online Store ——->Themes ——>click on Edit HTML/CSS
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

2. Add to DataLayer on Checkout on Order Confirmation for E-commerce tracking on Shopify using Google Tag Manager

Google Tag Manager Shopify Installation

Google Tag Manager Checkout Page Data Layer on Shopify

Written Custom E-commerce Tracking Code using Help of Custom HTML on Google Tag Manager on Shopify without Touching Code/ Data Layer on the website for E-commerce/eCommerce Tracking 

Implementing E-Commerce Tracking on Shopify using Google Tag Manager

Implementing E-Commerce Tracking on Shopify via 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 on Shopify 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

I am avaible for Hire on Freelancer: Freelancer.com

I am avaible for Hire on Upwork: Upwork.com

I am avaible for Hire on Peopleperhour: Peopleperhour.com

I am avaible for Hire on Guru: Guru.com