Setup Enhanced Ecommerce and E-commerce Tracking in WooCommerce using Google Tag Manager without any plugin

Standard

Enhanced eCommerce & E-commerce Tracking in WooCommerce using Google Tag Manager without using a plugin of WordPress

Recently once client asks, they want the track Enhanced eCommerce & E-commerce Tracking using Google Tag Manager without using a plugin of WordPress.

Why they don’t use plugin because they have fully customized Woocomerce website whenever they tried to install a plugin website broke the site.

They want to see entire details of E-commerce Tracking and Shopping behavior in Google Analytic using Google Tag Manager without plugin of Woo-commerce E-commerce Tracking in WordPress.

For Configure Enhanced eCommerce & E-commerce Tracking in WooCommerce, Should passed data-layer (Data Layer), See the below List Array and String to pass this variable to Track E-commerce Tracking

E-commerce Tracking in WooCommerce using Google Tag Manager without any plugin in WordPress

Here’s an example of how the data layer code might be implemented in JavaScript into Woocommerce using Google Tag Manager Tracking E-commerce Tracking

<script>
window.dataLayer = window.dataLayer || []
dataLayer.push({
   'transactionId': '1234',
   'transactionAffiliation': 'Acme Clothing',
   'transactionTotal': 38.26,
   'transactionTax': 1.29,
   'transactionShipping': 5,
   'transactionProducts': [{
       'sku': 'DD44',
       'name': 'T-Shirt',
       'category': 'Apparel',
       'price': 11.99,
       'quantity': 1
   },{
       'sku': 'AA1243544',
       'name': 'Socks',
       'category': 'Apparel',
       'price': 9.99,
       'quantity': 2
   }]
});
</script>

Step 1. First Install Google Tag Manager Enhanced eCommerce & E-commerce Tracking in WooCommerce using Google Tag Manager without using a plugin of WordPress

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-XXXXX’);</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-WN29THP”
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
<!– End Google Tag Manager (noscript) –>

Note:  Make sure you will place google tag manager code inside the body tag </body>

Step 2. Need to place dataLayer for Enhanced eCommerce & E-commerce Tracking in WooCommerce using Google Tag Manager Datalayer code on function.php without using any plugin for WordPress for E-commerce Tracking and Enhanced E-commerce Tracking in Woocommerce

Wodrepss Admin ——> Appearance ——>Editor ——-> Your theme ——-> Functions.php (in last )

DataLayer E-commerce Tracking in WooCommerce

Setup Enhanced Ecommerce and E-commerce Tracking DataLayer in WooCommerce without plugins

Note:  Put DataLayer of Enhanced Ecommerce and E-commerce Tracking in WooCommerce above the Google Tag Manager Code 

Step 3. Now Configure Trigger , Tag and Event Triggers in Google Tag Manager for Woocommerce without any pluing etup Enhanced Ecommerce and E-commerce Tracking in WooCommerce

2016-06-02_0338

Now Create Google Tag Manager Custom Event to firing Setup Enhanced Ecommerce and E-commerce Tracking in WooCommerce using Google Tag Manager without any plugin

Setup Enhanced Ecommerce and E-commerce Tracking in WooCommerce

 Step 4It’s time to check Result with Google Tag Manager for Setup Enhanced Ecommerce and E-commerce Tracking in WooCommerce using Google Tag Manager without any plugin

Successfully fired Custom Event for Enhanced Ecommerce and E-commerce Tracking in WooCommerce

 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 Enhanced Ecommerce and E-commerce Tracking in WooCommerce using Google Tag Manager without any plugin that can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property 

Exclude WordPress Admin traffic using Google Tag Manager without any Plugins

Standard

Exclude admin(WordPress) users from being tracked using Google Tag Manager Without Any Plugins

Recently I received a request from one of client they want exclude WordPress admin traffic using Google Tag Manager without any plugins on WordPress Back-end.

They said, they know few plugin in WordPress, does not want to use because its fully customized web site and Also large website so many bloggers updating content at the same time on the WordPress.

Why Should Exclude WordPress Admin Traffic From Google Analytics using Google Tag Manager without any Plugins and using Data Layer Placing Directly on the WordPress Back-end using Google Tag Manager.

They have already tried solution these solutions in WordPress to Exclude/Block Traffic in Google Analytic

  1. Blocking IP Address Excluding WordPress Admin TrafficUsing filters in WordPress Admin or Apply filter in Google Analytic, it fails when large number admin users access at the same time. and also users are using dynamic IP address.    

2. Dummy Cookie Concept – The cookie concept fails some country due laws of a cookie and also if some body disable cookie on there system, in that case solution is also fails 

Then I have decided to write a data Layer to exuding Admin traffic of WordPress using Google Tag Manager without any Plugins, Its took my time to find a solution and finally ended with solution of Excluding of Admin Traffic of WordPress using Google Tag Manager.

Step 1First Install Google Tag Manager on Your Website /Store

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 2Place DataLayer Code Place on functions.php in WordPress Back-end exclude to admin Traffic.

DataLayer Excluding in Google Tag Manager

Exclude WordPress Admin Traffic using Google Tag Manager without Any Plugins

Step 3Create  a Data Layer Variable to Track admin users to State “Logged-In” and “Logged-out” using without any plugin of WordPress

Exclude Admin Traffic using Google Tag Manager in WordPress

Step 4It’s time be Test the result using Google Tag Manager 

When Login WordPress Back-end 

Tracking When Users are Login in WordPress Back-end

When Login out WordPress Back-end

Exclude Admin Traffic in WordPress

Login out Visitor Tracking in WordPress exclude admin Traffic

Step 5It’s time check Result with Google Analytic and Implement Trigger in Google Tag Manager

Exclude Admin Visitor from the Website

When WordPress Back-end Login no visitor tracking in Google Anaytic

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 exclude WordPress Admin Traffic using Google Tag Manager  that can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property