Configure Google Tag Manager in DotNetNuke (DNN) to Ecommerce Tracking and Form Tracking

Standard

Using Google Tag Manager (GTM) with DotNetNuke (DNN) for Google Analytics to Track Ecommerce and Enhanced Ecommerce, Form Submission and Event Tracking

Recently, one of clients as I implement Google Tag Manager on DotNetNuke (DNN) to track eCommerce tracking, Form Submission and event tracking using Google Tag Manager for DotNetNuke (DNN).

Once I looked DotNetNuke (DNN) back-end and seen all the possible to implement Google Tag Manager put code on body and header. implement tracking form submission, event tracking and ecommerce tracking using Google Tag Manager without touching back-end of DotNetNuke (DNN). Two way to tracking ecommerce tracking using custom JS or directly putting code on success page using Google Tag Manager without touching code of website!!!!

1. Install Google Tag Manager on DotNetNuke (DNN) for Implement Track Ecommerce and enhanced Tracking, Form Submission and Event Tracking

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

Configure Google Tag Manager in DotNetNuke (DNN)

Install Google Tag Manager in Head and body of DotNetNuke (DNN)

2. It’s time to verify Google Analytic form submission and ecommerce tracking using Google Tag Manager for DotNetNuke (DNN) for Google Analytics to Track Ecommerce and Enhanced Ecommerce, Form Submission and Event Tracking without touching code of DotNetNuke (DNN)

DotNetNuke Google Analytics Integration

DNN Google Tag Manager integrates website to Track anything

Warning:if you do n’t know about javascript or don’t have developing knowledge then do n’t try to Google Tag Manager (GTM) with DotNetNuke (DNN) for Google Analytics to Track Ecommerce and Enhanced Ecommerce, Form Submission and Event Tracking 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

Implementation of the Emarsys Data Collection using Google Tag Manager

Standard

Setup of Creating the Emarsys Tag Data Collection using Google Tag Manager without Touching Code

Recently once of client ask to me implement Emarsys Tag Data Collection using Google Tag Manager. Once I looked Emarsys Tag Data Collection, basically these tags are working enhanced ecommerce tracking, if you already implemented enhanced ecommerce tracking either datalayer or custom javascript that will more easier to implement Emarsys Tag Data Collection!! 

First you need understand to requirement of Emarsys Tag Data Collection using Google Tag Manager without touching code 

  1. ecommerce – Include all the details product details, cart details , Checkout and purchase details using Google Tag Manager without touching code Website
  2. Category path – Category of Website page, it will be trigger way to browser category 
  3. Cart content – Cart details included through Google Tag Manager for Emarsys Data Collection
Emarsys Data Collection using Google Tag Manager

Implementing Emarsys Tag Data Collection using Google Tag Manager Scripts – Emarsys

1. Install Google Tag Manager on the website for Emarsys Data Collection 

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

 

<script type=”text/javascript”>;
var ecom = {{ecommerce}};
var pagecat = {{Page Category}};
var cartcontent = {{Cart Content}};

var ScarabQueue = ScarabQueue || [];

(function(id) {
if (document.getElementById(id)) return;
var js = document.createElement(‘script’); js.id = id;
js.src = ‘//cdn.scarabresearch.com/js/MERCHANT_ID/scarab-v2.js’;
var fs = document.getElementsByTagName(‘script’)[0];
fs.parentNode.insertBefore(js, fs);
})(‘scarab-js-api’);

ScarabQueue.push( [‘setEmail’, {{User Email}} ] );

if ( ecom && ecom.detail ) {
ScarabQueue.push( [‘view’, ecom.detail.products[0].id ] );
}

if ( pagecat && ( “undefined” != typeof pagecat ) && ( “” != pagecat ) ) {
ScarabQueue.push( [‘category’, pagecat ] );
}

if ( “object” == typeof cartcontent ) {
ScarabQueue.push( [‘cart’, cartcontent ] );
}

if ( ecom && ecom.purchase ) {
var emarsys_purchase_command = {
“orderId”: ecom.purchase.actionField.id,
“items”: []
}

for ( var i=0; i<ecom.purchase.products.length; i++ ) {
emarsys_purchase_command.items.push({
“item”: ecom.purchase.products[ i ].id,
“quantity”: ecom.purchase.products[ i ].quantity,
“price”: ecom.purchase.products[ i ].price,
});
}

ScarabQueue.push( [‘purchase’, emarsys_purchase_command ] );
}

ScarabQueue.push( [‘go’] );
</script>

2. It’s time to verify Emarsys Data Collection using Google Tag Manager

Written a separate datalayer each steps now you can see datalayer on “{{ecommerce}}” , You will see ecommerce data layer variable on product page , Add to cart button, Cart Pages and Success

 

 Tags The Emarsys JavaScript

Implementation of the Emarsys Data Collection using Google Tag Manager Tags

Warning:if you do n’t know about javascript or don’t have developing knowledge then do n’t try to Google Tag Manager (GTM) with Implementation of the Emarsys Data Collection 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

Lead Source Form Tracking using Google Tag Manager for Zoho, Gravity Form, Contact7 Form

Standard

Lead Source Form Tracking using Google Tag Manager on CRM, Zoho Form, Gravity Form, Contact7 Form, UTM Parameters and Salesforce Form Tracking

Recently, one of Client asks me to Implement Lead Source Form Tracking using Google Tag Manager on Zoho, Gravity Form, Contact 7 Form, UTM Parameters and Salesforce Form Tracking, Because Client wants to know true source form tracking inside a Form Using Google Tag Manager.

I asked the client why you want tracked, He said heavy spend on marketing from different source using UTM Parameters to track the correct source of traffic to pass source in CRM, Zoho Form, Gravity Form, Contact7 Form and Salesforce Form or any other form using Google Tag Manager, So that he can calculate true ROI vs Spend from each marketing source.

1. Install Google Tag Manager on Google Tag Manager on your website

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. Write Custom Html Code to Capture Lead Source Form Tracking using Google Tag Manage for CRM, Zoho Form and Salesform Gravity Form, Contact7 Form, UTM Parameters Form Tracking

Track Lead Source Form Tracking Submit CRM, Zoho Form and SalesForm

Capturing Lead Source Using UTM Field using Googel Tag Manager

3. It’s time to verify Lead Source Form Tracking using Google Tag Manager for Form and CRM

ZOHO Form Submission Lead Source 

ZOHO CROM Essential Lead Source Tracking Using Google Tag Manager

Tracking Lead Sources using Marketing Automation Using Google Tag Manager

Gravity Form and Contact7 Form Lead Source using Google Tag Manager

Capturing Leads from Gravity Forms using Google Tag Manager

Leads Source from Gravity Forms using Google Tag Manager

Warning:if you do n’t know about javascript or do n’t have developing knowledge then do n’t try to Lead Source Form Tracking using Google Tag Manager for Zoho, Gravity Form, Contact7 Form 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