Expand my Community achievements bar.

Ask our product team on how to best grow your experimentation and personalization strategies with Target during our AMA on May 6th!

Mark Solution

This conversation has been locked due to inactivity. Please create a new post.

SOLVED

A/B Test on Single Page Application (Form Based Composer)

Avatar

Level 2

Hi all,

I am attempting to launch an A/B test on a Single Page Application.  The application is a configuration tool that features multiple tabs a user can click on to specify product customization.  When a user clicks on each of the tabs, the site URL changes to reflect the configuration category (i.e. Color), but does not send a new call to Target.  I am trying to add CTAs on these configuration tabs to understand if I can improve user completion rates with the tool. I'd like to add these CTAs to steps/tabs 2-5 on my tool (excluduing step/tab 1).

Upon initial QA, I've noticed that when a user lands on step/tab 1, they don't see the CTA (that's good ).  However, when the click on step/tab 2, they also don't see the CTA (that's bad, it should be showing up ).  Once I am on step/tab 2, if I refresh the page, the CTA shows up.  I believe this issue is a symptom that the SPA does not send a new call instantaneously on step/tab 2. 

Has anyone experienced this situation before?  Let me know if you have any solutions you'd recommend.

Thanks in advance.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Sounds like you need to add some click handling to those tabs at the top in order to fire off a target call so that the updated url carries through.

adobe.target.getOffer(options)

Though, if this is an SPA and you are on AT.JS 2.0 then you could do a triggerView() on the route change

adobe.target.triggerView (viewName, options) - at.js 2.0.0

Or you could look into the pre-fetching

adobe.target.getOffers\Options) - at.js 2.0.0

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

Sounds like you need to add some click handling to those tabs at the top in order to fire off a target call so that the updated url carries through.

adobe.target.getOffer(options)

Though, if this is an SPA and you are on AT.JS 2.0 then you could do a triggerView() on the route change

adobe.target.triggerView (viewName, options) - at.js 2.0.0

Or you could look into the pre-fetching

adobe.target.getOffers\Options) - at.js 2.0.0