Query on Adobe Target Web SDK implementation for SPA

[AbhilashSh]

Hello all,

I have a specific query on Adobe target implementation through Web SDK for React Single Page Application.

I am using Adobe Client Data Layer to send data to AEP, AA and AT. ACDL event "pageview" triggers on every SPA page of my react application.

On "page view" xdm, I am setting the viewName parameter as shown in below screenshot.

On page view send event action, I am using both the checkboxes related to AT (Render visual personalization decisions and automatically send a display event)

Screenshots of the rule and action configs are below.

I have sign in page and forgot password page. Users will land on Sign in page and can navigate to Forgot password page using a link (forgot password link) without reloading the forgot password page (SPA)

I am running AB testing on forgot password URL. Below is my settings on Adobe Target.

Upon server call inspection on every pageview, I can see the viewName being set properly. However, when I navigate from sign in page to forgot password page, I don't see AB testing on the forgot password page. If I manually reload, AB testing is working fine. Below is the web SDK server call (appears both on SPA view as well as Manual refresh)

Also, the eventType: "decisioning.propositionDisplay" only appears on the first load/ manual refresh. 

 Is there any specific setting I need to configure to render AB testing on SPA view? 

Appreciate your help on this.

Cheers!

[GigiCotruta]

Hi, @AbhilashSh 

The strategy is correct. You are sending pageViews and different views for every change on your SPA. Therefor, I think that the problem might be in the configuration. If Target only renders the AB test after the manual reload of the SPA, you should focus on that. 

Is there any difference between navigating from sing in page to forgot password page and from manually reloading? Check for the network calls in each path. It might be that while navigating, the forgot-password pageView or view are not implemented correctly. 

Make sure to check the render decision on all the pageView events and/or consent events if you have some. The key is to have render decision checked on the first event that triggers for every loaded page. 

Make sure that the 

[AbhilashSh]

Hi @GigiCotruta ,

Thanks for your inputs. 

While checking Adobe Launch configuration, I don't see any issues. page view and viewName are triggering correctly in the network call every time I navigate from sign in page to forgot password change or if manual refresh happens.

I feel that there is some issue with Adobe Target setup. For some reason, I don't see the "view name". Instead I see only "Page Load Event" (as highlighted in the below screenshot). Is there any way I can get the view name inside Adobe Target UI?

[GigiCotruta · Accepted solution]

One question, in the VEC, are you "browsing" from the sin in page to the forgot password page? The view will only appear when you will navigate to that forget password page.

If you can´t see the view after browsing, then yes, the problem is in the sendEvent configuration from Tags

[AbhilashSh]

Hi @GigiCotruta ,

Thanks for the quick response. 

I did not navigate to forgot password page in VEC, instead used the forgot password URL directly while creating the AB testing. 

However, I added the viewName parameter under Page Delivery settings.

I will give a try to provide Sign in page as base URL while creating AB testing and navigate to forgot password using VEC before making changes to my Experience B.

Thank you again for your help!!

[GigiCotruta]

No worries, let me know if that worked.

[AbhilashSh]

Hi @GigiCotruta,

It worked! Thanks for all the help you provided. Really appreciate it!

[GigiCotruta]

Happy to hear that, @AbhilashSh,

It's a pleasure