I want to track product click so how to create project object or how to pass project object ?
-
Hey,
I am reading this post - https://developers.google.com/tag-manager/enhanced-ecommerce#product-clicksIn this there is function like given below - function(productObj) { dataLayer.push({ 'event': 'productClick', 'ecommerce': {.....................................................................................................................Now my developer asking how to create object? or how to pass product object? Like on page we have more than 50 products listed, so if any one clicks on any product from list then how will we know which product has been clicked?Hope you understand what i want to say? Regards,Mitesh
-
Hi Mitesh, the product object needs to be a javascript object with the following properties expected:
'name': productObj.name, // Name or ID is required. 'id': productObj.id, 'price': productObj.price, 'brand': productObj.brand, 'category': productObj.cat, 'variant': productObj.variant
Creating such an object and passing it to the analytics could be done with a simple function like the following.You say you have a list of products. Let's assume for the purposes of a demonstration that the list item is formatted like so:
Example product
An Example product
You could listen for clicks on the basket add (which you are probably doing already, so your developer should be able to hook the new functionality into the same event handler, but for the purposes of a demonstration I've included an example of the event listener too). Then find the product related to the current "add to basket" link. I've included 2 very simple functions using pure Javascript to demonstrate how this can be done.
var basketLink = document.querySelectorAll('.addtobasket');
for (var i = 0; i < basketLink.length; i++) {
basketLink[i].addEventListener('click', function(event) {
console.log('Basket link clicked');
event.preventDefault();
product = getSchemaOrgProductData(this.parentNode);
console.log( product.name );
console.log( product.brand );
});
}
function getProductData(context) {
var product = {};
product.name = context.querySelector('.product-name').textContent;
product.brand = context.querySelector('.product-brand').textContent;
return product;
}
function getSchemaOrgProductData(context) {
var product = {};
product.name = context.querySelector('[itemprop="name"]').textContent
product.brand = context.querySelector('[itemprop="brand"]').textContent;
return product;
}That should be enough for your developer to understand how to create a product object that can be passed to the analytics function. I haven't implemented methods for fetching and setting all relevant properties but the developer can copy the example.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
How to track google auto search suggestion click?
Hello Guys, In google.co.uk when I search SEL and google gives me option of different different sites and when I click on any one site then that click tracking I need. I have attached the screenshot to understand easily. Is it possible to track such things or possible via server logs etc? TV99h
Reporting & Analytics | | micey1231 -
How is this site being tracked in GA?
Hi, Bit of an unusual one this, so please bear with me. This site http://www.hayesandhurst.com/ is being tracked in Google Analytics but we're unsure as to how. To the best of our knowledge we haven't inserted the tracking ID into the theme options or the tracking code into the source - and yet it appears to be tracking successfully! I did send some instructions to the client to set up the Analytics account in their name - I fear they have added the code somewhere to the site, but we cannot see where! Perhaps via Google tag Manager?? As I say, an odd one this, but if anyone can shed any light on this mystery i'd be hugely grateful. The tracking ID is UA-64505394-1 for the record. Regards,
Reporting & Analytics | | nathangdavidson
Nathan0 -
Track subdomain in analytics
Hi, Our jobs section has recently been moved on to a subdomain https://jobs.ourwebsite.co.uk/home.html which is handled by a third party. Our analytics for the jobs section was lost as no code was added to the pages. Previously it was part of the main site. How do I track it as a subdomain so that it appears to be part of our main site? We have the old GA and universal GA code on the site Thanks
Reporting & Analytics | | Houses0 -
How to better track subdomains in Google Analytics?
Hello Everybody! so I am setting up a website that will have several subdomains, based on the language of the site, for example: site.com; es.site.com; fr.site.com... How should I trace this is GA but having attention that I should be able to see visits as a whole and also if I want I should be able to see visits per subdomain, anything on specific I should do when creating the account? And after creating the account, how to separate that accordingly? 🙂 Thank you all!
Reporting & Analytics | | NelsonF0 -
Google Analytics Not Tracking 100% of Visits?
Hi all, We're having an issue with Analytics where we are getting different figures from what Silver Pop are saying. For example email campaign A sent via Silver Pop, with Google Analytics tracking code show's 50 unique clicks in Silver Pop. Looking at Google Analytics there are only 10 visits from that campaign. So I thought it could be something with the tracking, but there wasn't a significant rise in web visits = either Google Analytics is not recording visits properly or Silver Pop figures are wrong. I'm more inclined to think that it's something to do with Google Analytics. Has anyone come across something similar? Where one system is showing you X amount of visits but the figures on Google Analytics don't add up? A few quick things already covered: Double checked the links have been tracked properly, but this doesn't explain the low increase in web visits generally We've double checked that Google Analytics tracking code is properly installed (and it is / was at the time of send). Any help would be much appreciated! Thanks guys.
Reporting & Analytics | | RKHStaff1 -
Cross Domain Tracking
I want to track across domains, but also track as a virtual pageview anytime someone clicks on the link to another domain. So currently I have, for example: Checkout Now! As per Google's instructions, I need to have the link set to: Checkout Now! But this will obviously get rid of my virtual pageview. Is there a way I can do both?
Reporting & Analytics | | TeachersMutualBank0 -
If I am changing my domain for my website and want to keep using the same Google Analytics account to keep the data from the old domain. How should I proceed?
If I am changing my domain for my website and want to keep using the same Google Analytics account to keep the data from the old domain. How should I proceed? Do I have to start a new Google Analytics account for the new domain? If so how do I keep the old data? Or can I use the same GA account? Thank you.
Reporting & Analytics | | brianhughes1 -
Do links with tracking codes pass PageRank?
I have a client that has acquired a link from an influential partner but the partner has set the link up to have clicks tracked within their analytics. Do links like this pass PageRank: Anchor Text
Reporting & Analytics | | SearchEngineRescue0