One page checkout funnel configuration

XCCX
Frequent Visitor
XCCX

How do I create checkout funnel steps for a one page checkout?Is giving a utag.link call on the load of each section (shipping ,billing and payment ) a good idea or use a utag.view call.The requirement is to send out a pageview hit on load of each section

 

 

OPC.PNG

 

note:

*URL doesnt change on load of each section

*need to pass product data to GA  as an enhanced ecommerce 

*already set the GA end internal configs of what the steps are

 

 

3 REPLIES 3

One page checkout funnel configuration

Bknapstad
Visitor
Bknapstad

If the requirement is to send a pageveiw you shuld use utag.view

Highlighted

One page checkout funnel configuration

BenStephenson
Contributor
BenStephenson Contributor

Hi @XCCX

I did something similar a while ago.

I added click handler extensions for the "continue" button in each section which updated the data layer with the step name (in page_name) and other interesting information from each step, and then called utag.view() with the updated data layer.

I think I also then click handlers on the closed section headings because you could click back into a previous section to change it.

utag.view will load all the tags as if it is a new page view, using the passed data layer, so if you set up the object correctly then GA will pick up the product information and fire correctly (along with any other appropriate tags)

Checkout our blog: www.120feet.com/blog

One page checkout funnel configuration

XCCX
Frequent Visitor
XCCX
i requested utag.link calls on each continue button and set the checkout steps as event type hits . This solved my purpose