Adobe Analytics Integration with SPA using Adobe Launch

[Rivianwild]

I haven’t been able to locate any documentation regarding SPA integration. I came across the following link through a Google search, but it doesn’t redirect to the correct page:

https://experienceleague.adobe.com/docs/analytics-learn/tutorials/implementation/spa-pages/using-bes...

Does anyone know the correct URL? Additionally, I’m trying to determine whether I should use a direct call or create a custom event when working with Adobe Launch.

[SSampsa · Accepted solution]

I tried looking for that page, but only really found a small sample for Target. All other content seemed to be everything but SPA specific. This was closest, but doesn't really tackle the SPA aspect, perhaps because it is so different between cases?

Currently, if doing a fresh implementation, my recommendations are:

• Adobe Tags
• Adobe Client Data Layer
• Web SDK

This allows the most comprehensive implementation. I think the most relevant part here is ACDL (data layer) and comparing that how it would work with direct call rules and the fact is that they're very similar, as with direct call rules you're able to pass custom data per event as well.

However I do recommend using ACDL, as maintaining and especially debugging is considerably more straight forward and ACDL calls can provide a "state" of full data form the page, meaning different components are able to update the data layer and then data would be sent separately.

Web SDK has many things different from AppMeasurement, so migrating to that is a separate consideration. Both are fully capable of working with SPAs. The main consideration for both is setting and clearing data, so no data is carried over from previous calls accidentally, this is required regardless which library you use.

[yuhuisg]

I would also recommend using ACDL for your SPA implementation. If you're familiar with Google Tag Manager, then ACDL works in (almost) exactly the same way as GTM's dataLayer.

So you can instruct your developers to push events into ACDL for every SPA "page" load and other user events, and detect them using the ACDL extension in Launch. From there, you can then configure your data elements to read from the ACDL computed state and trigger actions from the ACDL events.

[uni-adam]

I have used this method and it works quite well.