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
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
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
No Fields Found.