How to setup checkout and add to cart

Hi,

1) It depends on… Universal Analytics (UA) does not currently support remarketing and age/gender/interest reporting. Although it certainly will support this we do not currently know when.

If you just start your Analytics account I would suggest to create a separate web property with traditional GA tracking and another with UA. If UA gets out of beta you can simply drop the GA profile.

If you do not need remarketing/age/gender/interest features you may simply apply for just UA.

You can use add-to-cart events regardless what version of Analytics you are currently using in Google Tag Manager.

2)
– Start by creating a new tag
– Enter what you wish into the Tag Name field
– Select ‘Google Analytics’ or ‘Universal Analytics’ from Tag Type drop down depending on what version of Analytics you are using
– Enter your web property ID (UA-NNNNN-N)
– Select Event from ‘Track Type’ drop down
– Fill in event fields as you wish. I would suggest use Category=Cart, Action=AddToCart, Label=ProductAddedToCart, Value=0

– In the ‘Firing Rules’ section press the Add Rule button
– Enter a rule name as you wish
– Select ‘{{event}}’ from the drop down
– Enter ‘gtm4wp.addProductToCart’ next to {{event}}
– Press Save

– Press Save on the tag creation page as well

Hope this helps.

Cheers,
Thomas Geiger

That’s very helpful, thank you for that, I think I’d go for UA as I hate to change the code later when Google starts to depreciate GA.

In the rules, {{event}} gtm4wp.addProductToCart, is it contains? or equals?

Also, I have another tag which tracks ALL pageviews, will it result entering 2 entries into UA? Shall I block it by adding a rule?

You can use both contains or equals in the rule.

This new tag is going to trigger an Analytics event which does not increase your pageview count but it can modify how bounce rate and time on site is calculated.

By default an event is a so called interaction hit which means it acts like a pageview: it lowers your bounce rate and increases your time on site. I think this is good for an add to cart event.

You can set the ‘Non-interaction’ row to ‘true’ in GTM to prevent this to happen.

I’ve got the add-to-cart event working, by viewing Real-Time->Events report in GA. However, the Real-Time->Conversions report not showing any order I’ve made. Is it because I use UA? It worked for my other site when I setup as GA.

I’ve setup the conversion tracking as a new tag:
{{url}} starts with https://xxxx.com/checkout/order-received/

Sorry, I know this is purely a GTM question, hope you could give me a clue where to look into.

Also, in add-to-cart event, how do we know what products/SKU/price customer added to the cart? Possible to do that? How do we write that macros?

I answered your second question on the Tag Manager product forum:
https://productforums.google.com/forum/#!msg/tag-manager/fDb8a7l0364/oYNqGUcf-KgJ

Please test the solution provided there and if it works I am going to check how to track the cart button on a product page as well.

Regarding your question about transaction data: if you are using UA, you should include a UA ecommerce tag in GTM of course. You should fire the the on the OrderCompleted dataLayer event but be careful since this event name is going to be changed to gtm4wp.orderCompleted in the next release of my plugin.

That’s fabulous! My website’s theme was simple, and purchase could be made only from product page. I’ve got the product price working properly by adding a macro with a Data Layer Variable (ecomm_totalvalue), and product name with the Data layer Variable (pageTitle).

Thank you for letting me know about OrderCompleted event, I notice that you have “OrderCompleted” variable and have changed it to page view thankyou.html instead, which will always be valid.

Again, this is a great plug-in, great help for me to understand how shoppers behave on my website. And thank you very much for guiding me through the setup process. Much appreciated. ??

You are welcome ??