More granularity within our e-commerce funnel data is a beautiful thing. It allows us to pinpoint friction points without nearly as many assumptions and as much guesswork. Unfortunately, while one page checkouts are great for usability, we run into an issue of not being able to see more than ‘Added Item to Cart’, ‘Checkout Page’, and ‘Checkout Success’ in Google Analytics funnel tracking, since the funnel only updates when our URL actually changes. Shouldn’t funnel tracking be able to tell us more about the funnel than whether a customer did or did not check out?
Yes! Yes it should, and yes it can. I don’t even think you’re going to be able to handle how simple it is to track one page checkout funnels with Google Tag Manager. All we need is a little help from virtual pageviews.
Virtual Pageviews
What are virtual pageviews you ask? Virtual pageviews are site hits that mimic real pageviews, and show up in analytics data as actual pageviews, without actually loading a new page. In our step by step instructions below, we’ll be sure to distinguish between the two types within our data to keep things clean and tidy.
It is important to note that using virtual pageviews will inflate your pageview count slightly per checkout, which may not be an issue for small sites but can become one for big sites. Before you implement virtual pageviews, take a moment to estimate how many extra page views that will mean and factor that in to your reporting. You’ll also want to annotate this change in Google Analytics.
These nifty little features will help us bridge the gap between our Google Analytics Funnel Tracking web page URL requirements and our lack of individual web pages that our one page checkout pages embody. With this enhanced funnel tracking, we can more readily identify friction points within our checkout page and begin to remedy them.
In order to make this happen, here’s what we need:
Google Tag Manager
- Virtual Page View Tags
- Triggers
Google Analytics
- Goals
Your Website
- Your Website
Google Tag Manager Steps
GTM Trigger Set-Up Steps
-
-
- Create a new Workspace in Google Tag Manager to help keep things clean and tidy.
- Fire up GTM Preview Mode.
- Hop on over to your website and add a product to your cart and navigate to the one page checkout.
- Click within the entry field for the first step in the checkout page funnel.
- Select the gtm.click that got tracked into the GTM Preview Mode Dialogue and open up the Data Layer tab.
- Create a new Trigger.
- Repeat the Steps 4-6 to create the Triggers for our other Funnel steps, so we’ll have a trigger for:
- Billing
- Shipping
- Payment
- Checkout
-
GTM Virtual Pageview Tag Set-Up Steps
- Once we’ve have our Triggers wrapped up, let’s create our virtual pageview tag
- Once again let’s repeat the creation of our virtual pageview tags and name them accordingly, wrapping up our Google Tag Manager
Google Analytics Steps
Now that we’ve got our virtual pageview tags and triggers firing, we’re ready to configure our Goal Funnel in Google Analytics.
There you have it: super simple one page e-commerce funnel tracking. Time to improve your tracking, your insights, and your checkout page.