Get User IP Address With Google Tag Manager

Standard

Visitor IP Address with Google Tag Manager pass into Google Analytic

Recently one of client ask to get visitor IP Address using Google Tag Manager Also other details like City, Country , Longitude, latitude, Region Code, Region Name , Timezone, Currency Code and Currency Symbol etc,

Challenging here without Geo location API, you can not tracking these above details, either you need to buy a paid geo location API or free geo location API. Process involved in tracking Geo location API convert in Data layer to pass those information City, Country , Longitude, latitude, Region Code, Region Name , Timezone, Currency Code and Currency Symbol etc

First Install Google Tag Manager on the website and To get visitor IP Address with 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

It’s time to verify result with Google Tag Manager to Get Visitor Details like Website IP Address,  City, Country , Longitude, latitude, Region Code, Region Name , Timezone, Currency Code and Currency Symbol etc,

Fetch IP Geolocation Data Using Google Tag Manager

Get an IP address using Google Tag Manager to See Visitor IP Address

Get a Visitor's IP Address in Google Analytics

Get IP address to the 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 Visitor IP Address 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 available for Hire on Freelancer: Freelancer.com

I am available for Hire on Upwork: Upwork.com

I am available for Hire on Peopleperhour: Peopleperhour.com

I am available for Hire on Guru: Guru.com

Track Facebook Conversion Pixel in an iFrame using Google Tag Manager

Standard

Facebook Conversion Pixel in an iFrame using Google Tag Manager

Recently, one of Client asks to implement Facebook Conversion Pixel, Lead Pixel and InitialCheckout out Pixel using Google Tag Manager,  Iframe Facebook conversion pixel it’s self a challenging work to get to fix, Iframe does not allow to fire conversion pixel like Lead Pixel and InitialCheckout

Issue on Facebook Iframe Conversion Pixel 

  1. Facebook pixel conversion tracking within iFrames Like Purchase, Lead Pixel and InitialCheckout
  2. Iframe Facebook Cross Domain Conversion Pixel
  3. Embed Iframe Facebook Pixel Tracking Like Purchase, Lead Pixel and InitialCheckout
  4. Facebook Pixel in an iframe on a Website Like Purchase, Lead Pixel and InitialCheckout

Install Google Tag Manager on Iframe and Website for Setup Facebook Pixel for your embedded Iframe Like Purchase Pixel, Lead Pixel and InitialCheckout 

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 couple of piece code to work with iframe embedded on the website to work facebook purchase, InitialCheckout and lead pixel then it’s working with Facebook Pixel iframe on the website and facebook cross-domain iframe postMessage to originate same session iframe and website sessions

Result Verify with Facebook Pixel Helper

Facebook Conversion Pixel in Iframe

Facebook Purchase Pixel, Lead Pixel and InitialCheckout in Iframe

Warning: If you do n’t know about javascript or do n’t have developing knowledge then do n’t try to Track Facebook Conversion Pixel in an iFrame 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 available for Hire on Freelancer: Freelancer.com

I am available for Hire on Upwork: Upwork.com

I am available for Hire on Peopleperhour: Peopleperhour.com

I am available for Hire on Guru: Guru.com

Enhanced Ecommerce Google Tag Manager for Lightspeed eCommerce

Standard

Implementing Enhanced Ecommerce Tracking for Lightspeed eCommerce

Recently once of Client ask me to Implement Ecommerce Tracking and Enhanced Ecommerce tracking using Google Tag Manager, Client already tried couple of freelancer all of them are failed to solve this issue of enhanced Ecommerce tracking using Google Tag Manager 

Enhanced Ecommerce Tracking for Lightspeed eCommerce

Set Up Google Tag Manager for Enhanced Ecommerce for Lightspeed

Included all the Enhanced Ecommerce Tracking:

  • Product Impressions
  • Product Clicks
  • Product Detail Impressions
  • Add / Remove from Cart
  • Checkout
  • Purchases

 Install Google Tag Manager via Google Tag Manager on Implement Enhanced Ecommerce Tracking for Lightspeed eCommerce

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

Product Detail Impressions: To Track product impression for “Lightspeed eCommerce” Enhanced Ecommerce Tracking using Google Tag Manager used custom javascript to get the value of price, product and brand etc

Enhanced Ecommerce Tracking for Lightspeed eCom

Measuring Views of Product Details: To Track product Details for “Lightspeed eCommerce” Enhanced Ecommerce Tracking using Google Tag Manager used custom javascript to get the value of price, product and brand etc

Enhanced Ecommerce Tracking using Google Tag Manager

Lightspeed eCommerce Enhanced Ecommerce Tracking using Google Tag Manager

Written Javascript to get the value of product Array, total order value, Shipping value , Tax value and Order number Enhanced Ecommerce Google Tag Manager for Lightspeed eCommerce on Data Layer on E-commerce/eCommerce for Google Analytic to Work 

Enhanced Ecommerce Tracking for Lightspeed

Ecommerce Tracking for Lightspeed Ecom

Warning: If you do n’t know about javascript or do n’t have developing knowledge then do n’t try to Google Analytic Ecommerce for Lightspeed eCommerce 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 available for Hire on Freelancer: Freelancer.com

I am available for Hire on Upwork: Upwork.com

I am available for Hire on Peopleperhour: Peopleperhour.com

I am available for Hire on Guru: Guru.com

Implement Criteo OneTag via Google Tag Manager for Drupal

Standard

Setup Crieto OneTag for Drupal using Google Tag Manager without touching Code of Drupal 

Recently once client ask me to implement Criteo OneTag via Google Tag Manager without touch Code of Drupal, I asked client run a test order to see possibility via Google Tag Manager for Crieto OneTag for Drupal. I placed a test order on Drupal for Criteo OneTag after placed test order all the possibility to setup without touching code of Drupal using Google Tag Manager for Drupal.

Require these Tags need to Implement Criteo OneTag on BigCommerce Stencil Themes to Work using Google Tag Manager

  1. Homepage dataLayer using Google Tag Manger for Crieto OneTag for Drupal
  2. Listing page dataLayer using Google Tag Manager for Crieto OneTag for Drupal
  3. Product page dataLayer using Google Tag Manager for Crieto OneTag for Drupal
  4. Basket page dataLayer using Google Tag Manager for Crieto OneTag for Drupal
  5. Sales Confirmation page dataLayer using Google Tag Manager for Crieto OneTag for Drupal

1. Install Google Tag Manager via Google Tag Manager on Implement Criteo OneTag via Google Tag Manager for Drupal

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

Drupal Ecommerce Tracking in Google Analytic

Standard

Google Analytics Enhanced Ecommerce for Drupal using Googel Tag Manager

Are you looking Drupal Ecommerce and Enhanced Ecommmerce Tracking using Google Tag Manager to sales details in Google Analytic

Recently one client ask me to implement drupal ecommerce tracking using Google Tag Manager to push all the purchase information to track in Google Analytic. once I looked possible track ecommerce tracking for Drupal, I need put transaction details into the Data Layer on success/Order Confirmation Page!, I have written a data layer on success page to push ecommerce tracking datalayer in Google Analytic to see sales detail in Google Analytic.

Google Analytics Enhanced Ecommerce for Drupal

Implementing Analytics eCommerce tracking in Drupal

First Install Google Tag Manager on Drupal Google Ecommerce Tracking for Google Tag Manager Ecommerce Tracking on  Putting code For Drupal  <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

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

Data layer Measuring Views of Product Details for Drupal

Implement Google Analytic Tracking Through Google Tag Manager on Drupal

Written a data layer code to push Ecommerce tracking for Drupal Ecommerce tracking in Google Analytic using Google Tag Manager

dataLayer.push({
‘event’: ‘orderComplete’,
‘transactionId’: “<%= order.number %>”,
‘transactionTotal’: <%= order.total.to_f %>,
‘transactionTax’: <%= order.tax_total.to_f %>,

Now it’s time to verify result in Google Analytic E-commerce tracking in Drupal using Google Tag Manager

Drupal Ecommerce Tracking in Google Analytic

Implemented Analytics eCommerce tracking in Drupal

Warning:if you do n’t know about javascript/ Datalayer/Jquery or do n’t have developing knowledge then do n’t try Drupal Ecommerce Tracking using Google Tag Manager 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 available for Hire on Freelancer: Freelancer.com

I am available for Hire on Upwork: Upwork.com

I am available for Hire on Peopleperhour: Peopleperhour.com

I am available for Hire on Guru: Guru.com

Google optimize Setup using Google Tag Manager Issue “Analytics configuration mismatch”

Standard

“Analytics configuration mismatch for Google Optimize”

Are you facing issue of Analytics configuration mismatch for Google Optimize using Google Tag Manager 

Recently one client asks me to set up Google Optimize using Google Tag Manager, He said, his development and Google Analytic person tried but did not any success for error “analytics configuration mismatch” continuous facing this because of that he is not able run A/B testing from Google Optimize.

Start looking his setup found a couple of mistakes made by his team, I asked them to give access of websites, Google Tag Manager and Google Optimize access to, rectify mistake apply on “Analytics configuration mismatch for Google Optimize”, If you will search on Google for “Analytics configuration mismatch” So many people are asking this issue, But does not have provided any solution by any other, But it’s tricky to setup Google Optimize using Google Tag Manager

Install Google Tag Manager on Google Tag Manager Code on the website to work Google Optimize

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

Copy the full code below and Put Googel Optimize as early in the <HEAD> as possible 

<!-- Anti-flicker snippet (recommended)  -->
<style>.async-hide { opacity: 0 !important} </style>
<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
})(window,document.documentElement,'async-hide','dataLayer',4000,
{'OPT_CONTAINER_ID':true});</script>

Note: Make you will replace GTM Tracking Code with your GTM ID (OPT_CONTAINER_ID) XXXXX

Other changes are made in Google Tag Manager and corrected issue for Google Optimize to correct work on it,  Now it’s time very Google Optimize implemented through Google Tag Manager, 

Analytics configuration mismatch & Anti-flicker snippet timed out

DataLayer variable in anti-flicker snippet reassigned

Anti-flicker snippet timed out

Analytics configuration mismatch & Anti-flicker snippet timed out

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

I am available for Hire on Freelancer: Freelancer.com

I am available for Hire on Upwork: Upwork.com

I am available for Hire on Peopleperhour: Peopleperhour.com

I am available for Hire on Guru: Guru.com

Set Up the Snapchat Pixel on Your Website using Google Tag Manager

Standard

Implement Purchase Conversion Snapchat Pixel

Recently one of client ask me to implemented purchase for snapchat conversion pixel include Add_cart, Page_View, Start_Checkout and Purchase on Snapchat Conversion Pixel Event these plateform include Woocommerce , Shopify, Bigcommerce, OpenCart, Squarespace, Magento, Wix, Drupal, PrestaShop, osCommerce, Joomla, Volusion, ClickFunnels and Ruby& Rail or any other custom etc.

Implement Snapchat Pixel

Measuring Conversion Tracking with Snapchat Pixel

SnapChat Pixel Conversion Tracking

Snap Pixel Conversion – Custom Audiences & Retargeting

First Install Google Tag Manager on the website and To setup SnapChat Pixel Include Add_cart, Page_View, Start_Checkout and Purchase on Snapchat Conversion Pixel Event  

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

It’s time to verify include SnapChat Pixel, Add_cart, Page_View, Start_Checkout and Purchase on Snapchat Conversion Pixel Event

SnapChat Basic Pixel Implemented on All Pages using Google Tag Manager 

 Install the Snapchat Tracking Pixel

Implementation SnapChat Pixel using Google Tag Manager

SnapChat Add_cart Pixel Implemented on All the Product Pages using Google Tag Manager

Tracking Snapchat Add to Cart Events

Tracking Snapchat Add to Cart Events using Google Tag Manager

SnapChat Start_Checkout Pixel and snaptr(‘track’, ‘PURCHASE’) Implemented Purchase Pixel using Google Tag Manager

SnapChat Purchase Pixel Google Tag Manager

SnapChat Purchase Pixel 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 Set Up the Snapchat Pixel 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 available for Hire on Freelancer: Freelancer.com

I am available for Hire on Upwork: Upwork.com

I am available for Hire on Peopleperhour: Peopleperhour.com

I am available for Hire on Guru: Guru.com

Track conversions with Pinterest Tag Using Google Tag Manager

Standard

Are you looking Setup Enhanced Pinterest Conversion Tracking Pixel using Google Tag Manager

Recently one of client ask me to implement Enhanced Pinterest Pixel include PageVisit, AddToCart, Checkout, Lead, ViewCategory and Lead, Setup Enhanced Pinterest Pixel Tracking on these plateform include Woocommerce , Shopify, Bigcommerce, OpenCart, Squarespace, Magento, Wix, Drupal, PrestaShop, osCommerce, Joomla, Volusion, ClickFunnels and Ruby& Rail.

Enhanced Pinterest Conversion Tracking Pixel

List of Enhanced Pinterest Tracking and Pixel

    • PageVisit: To Track Pageviews for All the pages include product Page and Article.
    • AddToCart: To Track product on Shopping Cart 
    • Checkout: To Tracking Complete Transaction Order

First need to setup Enhanced Pinterest Pixel on All Page, either using Googel Tag Manager or Directly putt Code on the website 

  • <!-- Pinterest Pixel Base Code --!>
      <script type="text/javascript">
        !function(e){if(!window.pintrk){window.pintrk=function(){window.pintrk.queue.push(
          Array.prototype.slice.call(arguments))};var
          n=window.pintrk;n.queue=[],n.version="3.0";var
          t=document.createElement("script");t.async=!0,t.src=e;var
          r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}("https://s.pinimg.com/ct/core.js");
        pintrk('load', 'YOUR_TAG_ID'​);
        pintrk('page');
      </script>
      <noscript>
        <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" />
      </noscript>
      <!-- End Pinterest Pixel Base Code --!>

Note: Make you will replace Pinterest Pixel Tracking Code with your YOUR_TAG_ID

Recently Pinterest updated to Enhanced Match to Secure Send Back to that you need hashed email ID with your transaction conversions

<script type=“text/javascript”> !function(e){if(!window.pintrk){window.pintrk=function(){window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var n=window.pintrk;n.queue=[],n.version=“3.0”;var t=document.createElement(“script”);t.async=!0,t.src=e;var r=document.getElementsByTagName(“script”)[0];r.parentNode.insertBefore(t,r)}}(“https://s.pinimg.com/ct/core.js”); pintrk(‘load’,‘<YOUR_TAG_ID>’, {  em: ‘<email_address>’, }); pintrk(‘page’); </script>

email_addressTo get email address pass as hased that once of difficult task or might could be easter task to get it for Some case, You can see below match with Enhanced Pinterest Conversion Tracking Setup for Conversion

Enhanced Match Pinterest Conversion Tracking

Enhanced Match Track conversions with Pinterest tag

Warning:if you do n’t know about javascript or don’t have developing knowledge then do n’t try to Track conversions with Pinterest Tag 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 available for Hire on Freelancer: Freelancer.com

I am available for Hire on Upwork: Upwork.com

I am available for Hire on Peopleperhour: Peopleperhour.com

I am available for Hire on Guru: Guru.com

Google Dynamic Adwords Conversion for HikaShop using Google Tag Manager

Standard

Setup Dynamic Adwords Conversion Tracking and Facebook Purchase Conversion Pixel for HikaShop (Joomla) using Google Tag Manager 

Recently on client ask me to dynamic adword conversion tracking using Google Tag Manager for HikaShop (Joomla), Once you will look HikaShop (Joomla) that’s bit complected to track dynamic Adword Conversion tracking using Google Tag Manager for HikaShop (Joomla), Once I asked to client to give access of FTP, look back-end code and found two ways to tracking Dynamic Adword Conversion Tracking, Either Write a data layer  to pass value total transaction amount for HikaShop (Joomla) Dynamic Adwords Conversion tracking or Need to write a cookie collect total amount value using Google Tag Manager to work Dynamic Adword Conversion tracking for HikaShop (Joomla).

Putted custom Data layer on Joomla HikaShop written a separate script for Pass data layer on Order Confirmation Pages to Dynamic Google Adword Conversion Tracking for HikaShop (Joomla).

Are you looking Ecommerce Tracking for Joomla Hikashop

  • First Install Google Tag Manager on Joomla (Hikashop) for Google Tag Manager for HikaShop for Dynamic Adword Conversion 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

Written Data Layer Script on Order Confirmation page on Hikashop for Google Dynamic Adwords Conversion Tracking to get total Order value of Total Amount using Google Tag Manager

Google Adwords Conversion for HikaShop

Setup Dynamic Adwords Conversion Tracking HikaShop (Joomla)

Warning:if you do n’t know about javascript/ Datalayer/Jquery or do n’t have developing knowledge then do n’t try Joomla Hikashop Google Tag Manager Dynamic Adwords Conversion for HikaShop 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 available for Hire on Freelancer: Freelancer.com

I am available for Hire on Upwork: Upwork.com

I am available for Hire on Peopleperhour: Peopleperhour.com

I am available for Hire on Guru: Guru.com

Joomla Google Analytic Ecommerce Tracking for HikaShop using Google Tag Manager

Standard

Are you looking Ecommerce Tracking for Joomla Hikashop using Google Tag Manager or Looking any Joomla Shop to Setup Ecommerce tracking using Google Tag Manager

Recently once of client ask me to implement ecommmerce tracking on Hikashop Joomla using Google Tag Manager. Once looked entire flow of transaction and order confirmation Pages, I decided to put Ecommerce Data Layer Code on success pages. once I enter on FTP and Hikashop found technically need to modify the template or need a separate script for tracking Google ecommerce tracking on Hikashop (Joomla) using Google Tag Manager!

I decide to write a separate script for Hikashop Google Ecommerce tracking Data Layer for Google Tag Manager without modifying template or without conflicting of another part of Code Hikashop(Joomla) to work for Ecommerce tracking using Google Tag Manager!! 

Written two separate scripts for fire data layer on the Order Confirmation page for Joomla Hikashop ecommerce tracking using Google Tag Manager and Show result in Google Analytic Ecommerce tracking for Joomla.

Google Analytics Ecommerce Tracking for HikaShop

HikaShop Google Ecommerce Tracking using Google Tag Manager

  • First Install Google Tag Manager on Joomla (Hikashop)  Google Tag Manager Ecommerce Tracking for Ecommerce Joomal for Hikashop
  • 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 Data Layer Script on Order Confirmation page on Hikashop, To get for Joomla Ecommerce tracking  the value of product Array, total order value, Shipping value , Tax value and Order confirmation page on  Hikashop  (Joomla)  Ecommerce tracking using Google Tag Manager

Google Analytics Ecommerce tracking in HikaShop using Google Tag Manager

Google Analytics Ecommerce Tracking for Hikashop

It’s time to verify Ecommerce tracking for Hikashop (Joomla) using Google Tag Manager in Google Analytic.

HikaShop Google Ecommerce Tracking

Google Tag Manager Ecommerce Tracking for Hikashop

Warning:if you do n’t know about javascript/ Datalayer/Jquery or do n’t have developing knowledge then do n’t try Joomla Hikashop 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 available for Hire on Freelancer: Freelancer.com I am available for Hire on Upwork: Upwork.com I am available for Hire on Peopleperhour: Peopleperhour.com I am available for Hire on Guru: Guru.com