Expand my Community achievements bar.

Join us for the next Community Q&A Coffee Break on Tuesday April 23, 2024 with Eric Matisoff, Principal Evangelist, Analytics & Data Science, who will join us to discuss all the big news and announcements from Summit 2024!
SOLVED

AEM SPA Limitation

Avatar

Community Advisor

Hello everyone,

 

Any Limitation for Analytics or Launch in the case we have SPA in AEM?

Thanks 

1 Accepted Solution

Avatar

Correct answer by
Level 1

Hi @Luca_Lattarini 

 

There is no limitation as the Adobe Launch is built to support SPA, however, keep in mind that a SPA does not have a usual page load cycle, especially if you have client-side URL routing, so you will need to implement some events in your SPA to tell Adobe Launch when something is happening in your page/view. It's recommended three custom JS events:

 

event-view-start - to fire whenever a view start to load

event-view-end - to fire whenever a view finished loading - here it's where you will implement your Analytics)

event-action-trigger - to fire whenever there is an interaction with something on your website. 

 

You also should have a data layer set and updated before loading Adobe Launch. 

 

You will then set up all your Adobe Launch rules and triggers based on these events. 

 

I just deployed analytics for a SPA website and did not face any limitation doing what I just mentioned above

 

Here is a guide with more details:

 

Keep in mind that for Adobe Target you will face some limitations, to run VEC in Adobe Target you will need to implement a function called TriggerViews and will be able to run only A/B test and XT using the Visual Experience Composer.

 

I hope that helps.


Cheers

 

 

 

 

 

 

View solution in original post

1 Reply

Avatar

Correct answer by
Level 1

Hi @Luca_Lattarini 

 

There is no limitation as the Adobe Launch is built to support SPA, however, keep in mind that a SPA does not have a usual page load cycle, especially if you have client-side URL routing, so you will need to implement some events in your SPA to tell Adobe Launch when something is happening in your page/view. It's recommended three custom JS events:

 

event-view-start - to fire whenever a view start to load

event-view-end - to fire whenever a view finished loading - here it's where you will implement your Analytics)

event-action-trigger - to fire whenever there is an interaction with something on your website. 

 

You also should have a data layer set and updated before loading Adobe Launch. 

 

You will then set up all your Adobe Launch rules and triggers based on these events. 

 

I just deployed analytics for a SPA website and did not face any limitation doing what I just mentioned above

 

Here is a guide with more details:

 

Keep in mind that for Adobe Target you will face some limitations, to run VEC in Adobe Target you will need to implement a function called TriggerViews and will be able to run only A/B test and XT using the Visual Experience Composer.

 

I hope that helps.


Cheers