Ecommerce Tracking for SynXis Online Hotel Reservation Systems using Google Tag Manager

Standard

Ecommerce Tracking for SynXis Online Hotel Reservation using Googel Tag Manager without touch Booking Engine System

Recently one client ask me to implement ecommerce tracking for his hotel booking engine, once  i reviewed and notice, they are using SynXis Online Hotel Reservation, they said, they want implement e-commerce tracking using Google Tag Manager without touching his booking engine!

Ecommerce Tracking for Cratejoy platform using Google Tag Manager

Standard

Setup Google Analytics Ecommerce Tracking On Your Storefront Cratejoy platform using Google Tag Manager without touch website code 

Recently one client ask me to implement ecommerce tracking on Cratejoy platform using Google Tag Manager! Once I looked cratejoy plaform coding build in asp.net, after that I asked to client I need to place a test order on the Cratejoy website to see possible to ecommerce tracking for (asp.net) Cratejoy platform using Google tag manager without touch website code! , I said ready to implement ecommerce trackign on Cratejoy using Google Tag Manager!

Ecommerce Tracking On Cratejoy platform (asp.net) using Google Tag Manager

Ecommerce Tracking for Cratejoy platform

First Install Google Tag Manager on Cratejoy platform  Ecommerce Tracking on  Putting code <head> and <body> 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 Custom E-commerce Tracking for Cratejoy platform using Help of Custom HTML on Google Tag Manager on Drupal with Custom Javascript for E-commerce/eCommerce Tracking

Google Analytics E-commerce Tracking for ASP.NET

Product Array Ecommerce Tracking for Cratejoy platform

Ecommerce Tracking for Cratejoy

Ecommerce Tracking for Cratejoy platform using Google Tag Manager without touching Code

Now it’s time to verify Ecommerce Tracking for Cratejoy platform in Google Analytic using Google Tag Manager without touching Code!

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 for Cratejoy platform 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

Ecommerce Tracking for geckobooking.dk using Google Tag Manager

Standard

Google Analytics Ecommerce Tracking on geckobooking.dk (gecko) using Google Tag Manager

Recently one of client asks me to implemented ecommerce tracking on geckobooking using Google Tag Manager, I ask to client share your website, once I look his website and found it, geckobooking is working through Iframe as third party booking engine to track e-commerce tracking!

 Ecommerce Tracking on geckobooking.dk

3rd party ecommerce tracking using Google Tag Manager

Once I looked website Online booking engine (geckobooking) form working inside iframe as 3rd party Online booking engine form, once I started looking possible to track e-commmerce tracking for geckobooking using Google Tag Manager!

As you know 3rd party iframe Online booking engine form a challenging to track ecommerce tracking using Google Analytic/Google Tag Manager! But I started investigate to implement ecommerce tracking on geckobooking using Google Tag Manager!

Ecommerce Tracking for geckobooking using Google Tag Manager

Ecommerce Tracking for geckobooking

First Install Google Tag Manager on geckobooking 2 Google Tag Manager Ecommerce Tracking on  Putting code <head> and <body>

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

geckobooking ecommerce tracking

geckobooking ecommerce tracking

Now it’s time to verify geckobooking ecommerce tracking in Google Analytic using Google Tag Manager

geckobooking ecommerce tracking using 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 geckobooking Ecommerce 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

Magento 2 Google Analytics Ecommerce Tracking Using Google Tag Manager

Standard

                     Magento 2 Ecommerce and Enhanced Ecommerce (UA) Tracking using Google Analytic and Google Tag Manager

Recently once client asks me to implement e-commerce/enhanced Ecommerce tracking in Magneto 2 using Google Tag Manager! Way Magento 2 coding is different from Magento 1.1 – 1.9 . once I looked on Magento 2 , I said it’s possible both with google tag manager and putting datalayer on Magento 2 or Without touch code Magento 2 Also possible E-commerce tracking using Google Tag Manager!

When you will write e-commerce/ecommerce tracking for Magneto 2 , quite different from Magento to other version Mangento 1.1 -1.9. 

When you are write code Mangento 2 e-commerce make sure you are aware coding knowledge of Mangento other you will broke website!

Magento 2 Ecommerce & Enhanced Ecommerce Tracking using Google Tag Manager

Magento 2 Google Analytics Ecommerce

Magento 2 Google Analytics Ecommerce & Enhanced Ecommerce Tracking

First Install Google Tag Manager on Manento 2 Google Tag Manager Ecommerce Tracking on  Putting code <head> and <body>

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 Php Code to get the value of product Array, total order value, Shipping value , Tax value and Order number on Magento 2 E-commerce/eCommerce Tracking using Data Layer on the website  

Written custom for Magento 2 E-commerce tracking using Google Tag Manager

<script type=”text/javascript”>
//<![CDATA[
window.dataLayer = window.dataLayer || [];
<?php >
dataLayer.push({
‘ecommerce’: {
‘purchase’: {
‘actionField’: {
‘id’: ‘<?php echo $order->getIncrementId()?>’, // Transaction ID. Required for purchases and refunds.
‘affiliation’: ‘test’,
‘revenue’: ‘<?php echo $orderTotal?>’, // Total transaction value (incl. tax and shipping)
‘tax’: ‘<?php echo $Tax?>’,

Now it’s time to verify result in Google Analytic tracking Implemented on Magento 2 E-commerce tracking 

Magento 2 Google Analytics Ecommerce

Magento 2 Google Analytics Enhanced Ecommerce

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

osCommerce Google Analytics ecommerce tracking with Global Site Tag (gtag.js)

Standard

Google Analytics Ecommerce Tracking in Oscommerce (osCommerce eCommerce Tracking)

Ecommerce /E-commerce Tracking in Oscommerce using Google Tag Manager/Google Analytic

Recently one of client asked me to implement to e-commerce tracking on osCommerce with Global Site Tag (gtag.js). Because google recently updated Google Analytic Code with Global Site Tag (gtag.js), Not most people familiar with Global Site Tags (gtag.js) and How to implement E-commerce tracking with Global Site Tag (gtag.js).

osCommerce eCommerce Tracking with with Global Site Tag (gtag.js)

Because recently of Google Analytic universal tags to Global Site Tag ‘gtag.js’, way of write osCommerce eCommerce Tracking with gtag.js changes – So here below Updated E-commerce Tracking forGlobal Site Tag (gtag.js)!

osCommerce Track purchases with Global Site Tag (gtag.js) E-commerce Tracking

Google Analytic E-commerce tracking in osCommerce

Google Analytic eCommerce Tracking with osCommerc (gtag.js)

To track a  Google Analytic osCommerce transaction, send a purchase event with the items in the transaction

<script>
gtag('event', 'purchase', {
  "transaction_id": "Order Number or Id ",
  "affiliation": "Store Name",
  "value": Total Amount,
  "currency": "USD",
  "tax": tax,
  "shipping": shipping,
  "items": [
    {
      "id": "Product SKU",
      "name": "Product Name",
      "category": "Product Category",
      "quantity": No of quantity,
      "price": 'Product Price'
    }]
});
</script>

First Install Google Analytic (Global Site Tag (gtag.js) on osCommerce on <HEAD> Tag

<!– Global site tag (gtag.js) – Google Analytics –>
<script async src=”https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-X”></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag(‘js’, new Date());

gtag(‘config’, ‘UA-XXXXXX-X’);
</script>

Written above code sample E-commerce tracking then you need to modify with Custom PHP that will work on E-commerce tracking for osCommerce

You need modify given above given code you can see it need modify like that~

<script>
gtag(‘event’, ‘purchase’, {
  “transaction_id”: “<?php echo $order[‘order’]; ?>’”,
  “affiliation”: “test”,
  “value”: <?php echo format_raw($totals[‘value’], DEFAULT_CURRENCY); ?>,

Now it’s time to verify result in Google Analytic 

osCommerce eCommerce Tracking

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

Criteo OneTag Tags and Feed Integration on BigCommerce

Standard

Recently I have implemented Criteo OneTag implemented on Bigcommerce and other CMS directly putting code on the website or Using Google Tag Manager! 

Once I have looked Criteo OneTag and found most Tags are working based on Product Array based Pixel for Criteo OneTag, First you need to understand, How to work Criteo OneTag on the website and what is requirement and know to implemented Criteo Tag on Bigcommerce or Any CMS!

Types of Criteo OneTag Need to be Implement on the Website

  • Homepage
  • Listing
  • Product
  • Basket
  • Sales confirmation

First Setup Criteo OneTag Basic Tags and Feed Integration on BigCommerce also using Google Tag Manager

BigCommerce —–> Homepage Template ——> default.html

<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
window.criteo_q.push(
         { event: "setAccount", account: XXXXXXXX },
         { event: "setSiteType", type: "m FOR MOBILE OR t FOR TABLET OR d FOR DESKTOP" },
         { event: "setEmail", email: "TRIMMED AND LOWERCASE USER EMAIL ADDRESS" },         
         { event: "viewHome"}
 ); 
</script>

type: “m FOR MOBILE OR t FOR TABLET OR d FOR DESKTOP”

To Identify Device: Either you can put this code on the website or you can write your own custom javascript to identify Device Type like Mobile, Tablet and Desktop

Email Email address of the user

Note: Make you will replace Criteo OneTag Tracking Code with your Account:  XXXXX

2. Implementon on Product Page  using Criteo OneTag Integration Direclty on BigCommerce also using Google Tag Manager

For Google Tag Manager using DataLayer Criteo Setup 

<script type=”text/javascript”>
dataLayer = dataLayer || [];
dataLayer.push({
pageType : ‘ProductPage’,
’email’: ‘Put Variable here’,
ProductID : ‘Put Variable here ‘,
content_type : ‘product’,
content_ids : ‘Put Variable here ‘,
value :Put Variable here ,
currency : ‘USD’
});
</script>

 

 

 

E-Commerce Tracking for Adobe Business Catalyst

Standard

Recently so many clients ask me to implement “E-Commerce Tracking for Adobe Business Catalyst” using Google Analytic and Google Tag Manager. Clients ask me a few questions before implementing, they said, they read on some blog and article, They said product details not possible on Adobe Business Catalyst and even said on official plugin also written on, I said do not worry, Already implement so many clients for E-Commerce Tracking for Adobe Business Catalyst include all the details of the product.

Full Product Detail with E-Commerce Tracking for Adobe Business Catalyst using Google Analytic/Google Tag Manager

Most of people does not want to try their Hand or modify tracking work with full details of E-commerce Tracking for Adobe Business Catalyst. I have modified tracking to work for Full E-commerce tracking with Product Details 

E-Commerce Tracking for Adobe Business Catalyst


1. Put this Code on the Website on after Opening <head> with Cross Domain tracking!

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-XXXXX-Y', 'auto', {'allowLinker': true});
    ga('require', 'linker');
    ga('linker:autoLink', ['worldsecuresystems.com', 'yoursitename.com'],false,true);
    ga('send', 'pageview');
</script>

Note:  Make sure you will change it with your Google Analytic UA ID ‘UA-XXXX-Y’

2. To Set Up e-commerce tracking on Adobe Business Catalyst, You need to put code on Success page, it’s call on Adobe Business Catalyst to Receipt – Buy

Site Manager —–> Module Templates ——–> Online Shop Layouts ————> Receipt ———–>Buy

————————————-Need to modify below to code to get proper details of e-commerce tracking with Product Details ———- 

‘id’: “{{ prod.productId }}”, // Transaction ID. Required

  ‘name’: “{{ prod.product.name }}”, // Product name. Required

  ‘sku’: “{{ prod.product.productCode }}”, // SKU/code

  ‘category’: “{{ catalog.name }}”, // Category or variation

  ‘price’: “{{ prod.totalPrice }}”, // Unit price

  ‘quantity’: ‘{{ prod.units }}’ // Quantity

});        

Now it’s time to verify E-commerce Tracking for Adobe business Catalyst  using Google Tag Manager and Google Analytic 

Ecommerce Tracking with Google Analytics

Warning: If you do n’t know about javascript or don’t have developing knowledge then do n’t try to implement on E-Commerce Tracking for Adobe Business Catalyst using Google Tag Manager / Google Analytic that can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property 

For Contact: mappchero@gmail.com

Pardot Form Submission using Google Tag Manager

Standard

Recently one client asks to implement form using google tag manager for Pardot B2B marketing automation by Salesforce. First, you need to understand, How to form submission working with Pardot Form either you can redirect third party URL or Display Success Message on Pardot Form Submission. Pardot form is a difficult to track in Google Analytic because an iframe so first you need to understand and think about , How you will put code on the Pardot Form and or write a custom Javascript 

  1. Pardot Form embedded on the website with an Iframe 
  2. Pardot Form showing alway referral or Direct traffic  but solving this issue you need write a custom so that you can identify original source form submission 

IFrame Pardot Form Submission Tracking with Google Tag Manager

  1. Ignore Referral as Paradot  
  2. Show Correct Source of Traffic 
  3. Implement Form Decor to track correct origin source of traffic

First Install Google Tag Manager on Pardot iFrame Form template header and Body  

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

 

Pardot iFrame Form Tracking

Tracking Pardot Forms in Google Analytics

2. Implemented Form Decor and Cross Domain Tracking Implemented to see correct form submission as correct source of traffic in Google Analytic for salesforce pardot Form and Conversion tracking

3. If you are not redirect from Pardot Form to third Party URL, When Form Submission it will show message after Submitting Pardot Form below See the screenshot.

When showing success message show then need to write a custom javascript to track those form submission Tracking pardot forms in google analytics using Google Tag Manager

Pardot Form Tracking as Event Tracking 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 Pardot Forms Tracking using Google Tag Manager 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

AdWords Dynamic Remarketing Tags in BigCommerce for Stencil Themes

Standard

Setting up AdWords Dynamic Remarketing Tags in BigCommerce for Stencil Themes 

Recently once of client ask to set up Adword Dynamic Remarketing in BigCommerce for Stencil themes with Updated Event snippet for dynamic remarketing page with Custom Parameters.

Recently Google Adword Updated Dynamic Remarketing tag with Global Tag with Dynamic Remarketing event snippets with Custom parameters for all the pages of your website.

Setting Up Dynamic Remarketing Tags for Stencil Themes

What is Adwords Dynamic Remarketing?

To show ads to people visit your website previously using custom parameters for Dynamic Remarketing show ads. and remind visitor they have already visited your website with help of remarketing tags.

Step 1 Insert your custom tag to all your web pages, right before the closing </body> tag.

Put Code on /manage/storefront-manager/scripts

<!-- Global Site Tag (gtag.js) - Google AdWords: xxxxxxxxx -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxxxxx"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());

  gtag('config', 'AW-123456789');
</script>
<!-- Event snippet for Example dynamic remarketing page -->
<script>
gtag('event', 'page_view', {'send_to': 'AW-123456789',
'ecomm_prodid': 'REPLACE_WITH_STRING_VALUE',
'ecomm_pagetype': 'REPLACE_WITH_STRING_VALUE',
'ecomm_totalvalue': 'REPLACE_WITH_STRING_VALUE'
});
</script>

Note: Make Sure you will replace Dynamic Remarketing Tracking Code with your Dynamic Remarketing Pixel AW- XXXXXXXX

Step 2 – Home Page – Setup Dynamic Remarketing Pixel in Bigcommerce for Stencil Themes

Dynamic Remarketing Tags for Stencil Theme

BigCommerce Google Adwords Dynamic Remarketing Setup for Stencil

Step 3 – Product Page – Setup  Adword Dynamic Remarketing Pixel Tags in Bigcommerce for Stencil Theme

Dynamic Remarketing Tags in BigCommerce for Stencil

Set Up Dynamic Remarketing Tags for Product Page in BigCommerce – Stencil Themes

Step 4 – Cart Page – Setting Up on Cart Page Adword Dynamic Remarketing Pixel Tags in Bigcommerce for Stencil Theme.

For Getting Product Id You need to write a Product Array in Bigcommerce Stencil themes, without Product Array does not work Dynamic Remarketing Pixel.

Dynamic Remarketing Tags in BigCommerce for Stencil

Set Up Dynamic Remarketing Tags for Cart Pages in BigCommerce – Stencil Themes

Step 5 – Purchase – Setting Up on Purchase Adword Dynamic Remarketing Pixel Tags in Bigcommerce for Stencil Theme.

Google Adwords Remarketing Tag Stencil Theme

BigCommerce Google Adwords Dynamic Remarketing Setup for Theme

Warning: If you do n’t know about javascript or do n’t have developing knowledge then do n’t try to AdWords Dynamic Remarketing Tags in BigCommerce for Stencil Themes that can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property 

For Contact: mappchero@gmail.com