Adobe Multivariate Test Activity renders only on second load

[yshakh]

Hi, 
I am using adobe test and target in my react webiste using the adobe experience manager. I have embedded one adobe launch js script which calls in the adobe analytics and test target scripts to render AB test on my homepage. Lately I started testing the MVT tests and the preview links and live urls render the MVT only on second load in multiple browsers and incognito modes. 
Hoping to find any help available on this subject that can unblock me in this issue. Happy to provide any inputs regarding the tech stack or adobe configs. 

[prads]

Can you please clarify on below.

Are you getting Target basic call on first page load? Checking this only for target integration.

We have observed this kind of issue when we created the audiences in adobe analytics and these audiences are only working for return visits in Target.

Can you please tell me, where you are creating audiences?

 

[kandersen · Accepted solution]

This is the most common issue/question i get when supporting clients who is deploying it to ReactJS or other SPA's frameworks. 

The short answer is that it is a timing issue, so you'll have to experience with moving the location of the script or simply calling target when the page is don loading. 

When working with SPAs it can be valuable to use triggerView function. With SPAs and the use of triggerView it will be valuable to create an 'implementation strategy', simply becuase you'll be depending on the triggerView implementation, which will determine what elements you can test on the page. So to avoid the implemntation to be the blocker for the tests you want to run an implementation strategy can be valuable. 
Here's a great tutorial and step by step about implementing target on SPA using triggerview: https://experienceleague.adobe.com/en/docs/target-learn/tutorials/implementation/implement-atjs-20-i...