Funnel tracking with one page check-out?

[Jerune]

Hi Guys,

I'm creating a new website with a one page checkout that follows the following steps:
1. Check availability
2. Select product
2. Select additional product & Add features
3. Provide personal information
4. Order & Pay

I'm researching if it is possible to track all these steps (and even steps within the steps) with Google Analytics in order to analyse checkout abandonment. The problem is only that my one-page checkout has only one URL (I want to keep it that way) and therefore can not be differentiated on URL in the Analytics funnel. To continue to the next step also the same button (in a floating cart) in used to advance. The buttons to select/choose something within one step are all different.

Do you guys know how I can set this up and how detailed I can make this? For example, is it also possible to test at which field visitors leave when for example filling in their personal information?

Would be great if you can help me out!

[Martijn_Scheijbeler]

Are you using JavaScript to hide the specific steps in the funnel then you should also be able to fire a custom pageview for every step in the funnel which you could use to set up funnel tracking in Google Analytics.

[Jerune]

Hi Martijn,

We are using AJAX for the single URL.

[Martijn_Scheijbeler]

'Same' thing, so when a step has been successfull you could fire a new pageview like this: ga('send', 'pageview', 'funnel/step-1); this pageview will get recorded in Google Analytics and could be used to your advantage.

[Jerune]

Hi Martijn,

Thanks for you advise. The customer can also go back the the step before and after...Is it possible to also integrate this?

[digitalcrc]

The code Martijn suggested will account for this; essentially, it will act the same as if someone was going through a multi-URL checkout, including if/when they go back a step.