Setup Facebook Pixel Tracking With Clickfunnels using Google Tag Manager

Standard

 Set up Facebook Purchase Conversion Pixel on ClickFunnels using Google Tag Manager

Recently once client asked Setup Facebook Purchased Pixel Value on ClickFunnels using Google Tag Manager, Because they want to see which Facebook ads converted into Sales, How many revenue generated from each ad on Facebook, If you are aware of ClickFunnels Process Like Upsell and bump Sell and other offers till complete purchased of Sales, each setup of sales you need to create a purchased pixel and set up the conversion pixel. Before apply Facebook Purchased pixel on ClickFunnels make a test order to understand processes of sales.

What is require to set up Facebook Purchase Pixel Setup on Clickfunnels using Google Tag Manager

Setup Facebook Pixel Tracking With ClickFunnels

Set up The New Facebook Pixel In Clickfunnels

Already written below link How to get total revenue using Google Tag Manager on ClickFunnels

ClickFunnels Ecommerce Tracking using Google Tag Manager

First Install Google Tag Manager to Facebook Purchase Conversion Pixel on ClickFunnels 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

Setup Facebook Purchased Pixel on Google Tag Manager with Custom included all the variable like total revenue, Product Category and Product Name  and Setup Trigger on where is completed conversion

Facebook Conversion Pixel On Clickfunnels

Facebook Pixel Tracking With Custom HTML in ClickFunnels 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 Setup Facebook Pixel Tracking With Clickfunnels 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

ClickFunnels Adword Conversion Tracking using Google Tag Manager

Standard

Track adwords Conversions Tracking with Clickfunnels using Google Tag Manager

Recently, one of client asks me to track Dynamic Adword conversion with ClickFunnels using Google Tag Manager. Already written a previous post , How to track E-commerce tracking in ClickFunnels using Google Tag Manager (http://googletagmanagersolution.com/click-funnel-ecommerce-tracking-using-google-tag-manager/) same concept is going to apply to track ClickFunnels Dynamic Adword Conversion Tracking using Google Tag Manager.

When you will start working on Adword conversion tracking for ClickFunnels make sure you will All the UpSell and Apply adword conversion when Upsell finish or does not go to UpSell. And Make sure you will make a test sale before start implement adword conversion tracking on ClickFunnels using Google Tag Manager.

Integrate ClickFunnels with Google Adword Conversion Tracking using Google Tag Manager

First Install Google Tag Manager to Track adwords Conversions Tracking with Clickfunnels

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

For Dynamic Adwords Conversions Tracking with Clickfunnels using Google Tag Manager used Custom Javascript 

  1. Ge Total Revenue Value of UpSell and other Revenue tracking using Google Tag Manager on ClickFunnels

    clickfunnels conversion tracking

    ClickFunnels Dynamic Adword Conversion Tracking using Google Tag Manager

Now it’s time to verify Adword Conversion Tracking for ClickFunnels using Google Tag Manager

ClickFunnels Adwords Conversion Tracking Tag Manager

Adword Conversion Tracking ClickFunnels 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 implement on ClickFunnels Adword Conversion 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

Bigcommerce Google Tag Manager Ecommerce Tracking without touching Code

Standard

Google Tag Manager for BigCommerce Ecommerce/E-commerce Tracking without Touching Code

Recently one client asked me to track e-commerce tracking on BigCommerce on Stencil Themes using Google Tag Manager with Custom Javascript without Touching code of the big commerce. I asked to the client why you don’t want to put data layer, He said website is fully customized and also don’t want to share access of admin anybody, asked to client I need to make test order on the website, once I make a test order then see possible with custom javascript on BigCommerce (Stencil Themes).

What Challenges for E-commerce Tracking on BigCommerce (Stencil Themes) without Touching Code/ Data Layer on the website

  1. Product Array – one of that challenging to get product array on on BigCommerce (Stencil Themes).
  2. Write a Custom Javascript to Get Your order number
  3. Write a  Custom Javascript to get Total order value
  4. Write a Custom Javascript to Tax and Shipping value

First Install Google Tag Manager on Bigcommerce Google Tag Manager 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 Javascript to get the value of product Array, total order value, Shipping value , Tax value and Order number on BigCommerce (Stencil Themes) without Touching Code/ Data Layer on the website for E-commerce/eCommerce Tracking 

Ecommerce with Google Analytics at BigCommerce

Product Array For Ecommerce Tracking using Custom Javascript on BigCommerce

google tag manager bigcommerce stencil E-commerce Tracking

Custom Javascript to Get value of E-commerce Tracking on BigCommerce Ecommerce/E-commerce Tracking without Touching Code

Written Custom E-commerce Tracking Code using Help of Custom HTML on Google Tag Manager For BigCommerce (Stencil Themes) without Touching Code/ Data Layer on the website for E-commerce/eCommerce Tracking 

Bigcommerce Google Tag Manager Ecommerce Tracking

BigCommerce ecommerce tracking with 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 Bigcommerce 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

Drupal Ecommerce Tracking for Google Analytics using Google Tag Manager

Standard

Implementing Enhanced Ecommerce Tracking using Google Tag Manager for Drupal

Recently, one of client asks me to track e-commerce /commerce tracking in Drupal using Google Tag Manager. Because Client wants to see revenue from where it’s generated in store. Does not want to provide access of the website and said I will provide access of Google Analytic and Google Tag Manager, he said implement e-commerce tracking using Custom Javascript using Google Tag Manager.

Once I walk through his Drupal website and make a test order to see possible for E-commerce / Enhanced Tracking with Google Tag Manager using Custom Javascript in Drupal

What Challenges for Enhanced Ecommerce/eCommerce Tracking on Drupal using Google Tag Manager with Custom Javascript

  1. Written a custom javascript to get product array, order id, shipping , tax and other details to work  using Custom Javascript on Drupal

First Install Google Tag Manager on Drupal Google Tag Manager Ecommerce Tracking with Custom Javascript 

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 Code using Help of Custom HTML on Google Tag Manager on Drupal with Custom Javascript for E-commerce/eCommerce Tracking

Drupal Ecommerce Tracking using Google Tag Manager

Drupal Google Tag Manager E-commerce using Custom Javascript

Written Custom E-commerce Tracking Code using Help of Custom HTML on Google Tag Manager For Drupal with custom javascript  Code/ Data Layer on the website for E-commerce/eCommerce Tracking  and Verified with Google Analytic 

Drupal Ecommerce Tracking

Drupal Ecommerce Tracking for Google Analytics 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 Drupal Google Tag Manager Ecommerce Tracking with 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 Tawk Live Chat Event Tracking with Google Tag Manager

Standard

Track Tawk.to Chat App Event Tracking in Google Analytics through Google Tag Manager

Recently one of client ask to track tawk.to live chat event tracking in Google Analytic using Google Tag Manager, Tawk.to is very most of popular chat free software that’s see most of website using in the site through Google Tag Manager and send an event to Google Analytics when chat session started, Close and offline event. 

Why it’s important to track TawK.to Track Tawk Live Chat App Event Tracking in Google Analytic using Google Tag Manager

Tawk.to chat will provide tons of information about your visitors from where they came , and Chat started and How many people converting after using chat system. Also you can chat system as goal conversion in Google Analytic and Set Up Adword Conversion tracking on Tawk.to chat

Tawk.to & Google Adwords Conversion tracking integration using Google Tag Manager

First Install Google Tag Manager on the website for rack Tawk Live Chat Event Tracking 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

First Modify API of Tawk Live Chat Event Tracking using Datalayer and Event Passing through Google Tag Manager

<script type=”text/javascript”>(function(){
var s1=document.createElement(“script”),s0=document.getElementsBy

Now you will  awk Live Chat Event Tracking using Datalayer and Event Passing through Google Tag Manager in Google Analytic

Track Tawk Live Chat App Event Tracking

Track Tawk.to Chat Engagement Event in Google Analytics using Google Tag Manager

Track Live Chat App Tawk.to with Google Tag Manager (GTM)

Offline Track Chat Track Live Chat App Tawk.to with 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 Track Tawk Live Chat Event Tracking 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

Zopim Live Chat Event Tracking in Google Analytic using Google Tag Manager

Standard

Track Zopim Chat Event Tracking with Google Tag Manager

Recently so many people and client ask me to track/write a code to track Zopim live chat event tracking for Zopim Chat Interaction tracking in Google Analytic using Google Tag Manager. You can track chat interaction like zopim Chat Started , zopim Chat Closed, Offline Message Sent, Chat_Rating_Good, Chat Button Clicked.

Why should track Zopim Chat Event as in Google Analytic using Google Tag Manager

Knowing more about your visitor before converting into sale, Which medium they came know your website and how many time chat Interaction before conversion to sales that will help you understand marketing channel growth. 

  1. First Install Google Tag Manager on the website for tracking Track Zopim Chat Event Tracking 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

2.  Implemented ZOPIM JAVASCRIPT API tracking all the event those like zopim Chat Started , zopim Chat Closed, Offline Message Sent, Chat_Rating_Good, Chat Button Clicked.

First you need to understand API ZOPIM and How it working it then you need convert ZOMPIN API into Data Layer

<script> 

$zopim(function() {

$zopim.livechat.set({

<script> 

$zopim(function() {

$zopim.livechat.setGreetings({

3. Now it’s to show result in Google Analytic – Zopim Live Chat Event Tracking in Google Analytic 

Zopim Chat Event Tracking

Zopim Live Chat Track with 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 Track Zopim Live Chat Event Tracking in Google Analytic 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 Gravity Form Event Tracking Submissions Using Google Tag Manager

Standard

Track Gravity Form Event Tracking Submissions Using Google Tag Manager

Recently, one of the client has asked me to track Gravity form submissions tracking using Google Tag Manager, they said, they have tried so many method few other people written on internet because that’s not firing on actual form submission and also said it’s fail when a gravity form of pop up. I know very well why it’s not working on actual because most people does not know, How to work gravity form and also behind in Gravity form coding and API..

Which I have developed javascript it will working on Pop Gravity  Form as Normal Gravity Form on Successful Form Submission.

Gravity form Fired on AJAX-enabled forms when the confirmation page (gform_confirmation_loaded) is loaded. so that you need to understand loading of ajax gravity form on confirmation page.

Successfully Track Gravity Form Event Tracking Submissions Using Google Tag Manager

  1. First Install Google Tag Manager on WordPress for tracking gravity form submission 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. Write a custom data layer window.dataLayer.push using jquery on loading gform_confirmation_loaded) using Google Tag Manager custom html 

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery(document).bind('gform_confirmation_loaded', function(){
Gravity Form Event Tracking Submissions

wordpress gravity form submission and adword conversion tracking

Warning:if you do n’t know about javascript/ Datalayer/Jquery or do n’t have developing knowledge then do n’t try Track Gravity Form Event Tracking Submissions 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