Thanks for the message, I'm glad it was useful 🙂

Yeah, my example in that post only shows how to track the purchase, not the entire checkout funnel. It could be modified, but as written it seems it's not a good fit for what you're looking to accomplish.

Sorry, I'm not 100% sure what you mean by recording the purchase but not the transaction/product details on a purchase. If you mean the product details aren't being captured, there's probably some problem with your {{JS – Product SKU List}} variable. But in general, ecommerce tracking can be complex with a few potential points of failure, so it's hard to diagnose without actually seeing it.

Could you please do a test transaction and check a) output from the GA debugger and b) output in the GTM preview pane? This will show exactly which part of the process has an issue. If you send me a screenshot of those 2 items I'll be happy to take a look too.

I also checked out the post about DOM scraping. Interesting and a lot easier but I am afraid if doing that will affect the Ecommerce checkout behavior funnel as I read that the funnel only records transactions using the "purchase" action? Please correct me if I am wrong.

Thank you for the syntax correction Ana! I am able to record the purchase but I am not able to record the transaction and product details on a purchase. Should I be including any other step apart from those mentioned above to make my method work?

Hey there, thanks for the comment. Your method is possible but I think you have some syntax errors in your code. Try something like this:

function() {
var ecommerceData = {
'ecommerce': {
'purchase': {
'actionField': {
'id': '{{JS – Purchase Transaction ID}}',
'revenue': '{{JS – Purchase Revenue Total}}',
'tax':'{{JS – Purchase Tax Amount}}'
},
'products': {{transaction products}}
} } }
return ecommerceData;
}

You may also want to check out my post DOM Scraping Together a Datalayer for Google Analytics Ecommerce Tracking

Let me know how it goes!

function()
{return {'ecommerce':
{'purchase':
{'actionField':
{'id': '{{JS - Purchase Transaction ID}}',
{'revenue': {{JS - Purchase Revenue Total}}},
{'tax': {{JS - Purchase Tax Amount}}}},

{'products':
{'name': '{{JS - Product SKU List}}'},
{'id': '{JS - Product SKU List}}'},
}}};}

Thank you!

Hey Ghazi! The data layer just reflects GA's Enhanced Ecommerce data layer requirements as described in Google's documentation.
The 'purchase' object contains data about the transaction as a whole, while the 'products' array shows data about each individual product.
If you're looking to extract product category, you could do a data layer variable like this: ecommerce.purchase.products.0.category
However, that will only work if there's only a single product category for each purchase. If you have multiple categories and would like to get a list of them, you'd need to use a script like in the example above. Just replace 'id' with 'category' to get the product category.