Checkout Funnel at Google Analytics

Checkout Funnel at Google Analytics

Do you have an E-commerce? So, cool, excellent, lots of products, traffic, and everything seems to turn out well... But... for some reason they don't come to the shopping, and you'd like to know why the hell not? What you need is the Checkout Funnel report that will tell you where they are leaving, and if you put the batteries, you can see which products add the most and what is the preferred payment method.

This report requires Enhanced E-commerce enabled in Google Analytics, here we have an article with good practices.

In the process of buying Google’s enhanced trade there are 10 steps and one of the most important is checkout. This is often one of the easiest things to set up, and the reports Google provides with this data can be really valuable in helping us find issues and opportunities with your checkout funnel.

Setting up the Checkout Behavior Analysis funnel is a two-stage process; Name the output steps within the Google Analytics interface; then place the appropriate code on the individual pages inside the funnel.

Ecommerce SetUp

Enabling the enhanced E-commerce option in Analytics will enable the Payment Funnel report within ecommerce reports. In some cases, we may want to delay setting up tracking for all other site-wide purchase actions if we discover that users are removed in the checkout funnel. That is, if they leave at check-outtime.

IMPLEMENTATION VIA GTM

Before you begin, there are three main elements that must be added to each web page (in the following order):

  1. The declaration of the dataLayer variable -> in the head section <>
  2. The javascript part> of the <> code – in the head section as well.
  3. The noscript part> of the code – immediately after the opening tag.

A tag must be configured in Google Tag Manager that enables the option to collect enhanced E-commerce information.

GTM screenshot

Then, within the code of our page, in the section of the checkout you must place the following code:

dataLayer.push(-
“event”:”EEcheckout”,
“ecommerce”:
“checkout”:
“actionField”: “step”:1,”option”:”Free delivery”,
“products”: [-
“id”:”98adsh”,
“name”:”Converse T-Shirt”,
“price”:”12.50″,
“brand”:”Converse”,
“category”:”Men/Clothing/T-Shirts”,
“variant”:”red”,
“position”:0, //it could provide insightful to send the product position within the cart in the checkout process, although not mandatory
“quantity”:2
},
{
“id”:”m3g45″,
“name”:”Boss Pants”,
“price”:”38.00″,
“brand”:”Boss”,
“category”:”Men/Clothing/Pants”,
“variant”:”blue”,
“position”:1,
“quantity”:1
}]
}
}
});

Consider that the actionField object: will be assigned to the first step that we set as a payment option in GA (“Cart Page” in our case). The Cart page could also be considered as a step in the payment process. Another item that may be useful is the payment option.

We can track billing, delivery, payment options, etc. It’s a bit laborious because you may not have these details before the user submits the payment form or before going to the next step. Therefore, you can send an event that occurs when the user performs the action (go to the next step or press the Submit Order button).

Checkout Behavior reports will look like this in Google Analytics:

Google Analytics report
Checkout behavior analytics report

This will tell us where users go out the most; another advantage is that we can apply one or more segments in this report, which will help us to get a better picture of the behavior of our users during the checkout process.

For more information visit:
https://developers.google.com/tag-manager/enhanced-ecommerce

Specialist consulted,

Maestro Juan Francisco González Pedroza

Share

Share on facebook
Share on twitter
Share on linkedin
Share on print
Share on email