A/B Test on Single Page Application (Form Based Composer) | Community
Skip to main content
Level 2
March 19, 2019
Solved

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

  • March 19, 2019
  • 1 reply
  • 2088 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by evidana

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

1 reply

evidanaCommunity AdvisorAccepted solution
Community Advisor
March 19, 2019

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