Adobe Target + AEM Cloud: Best Approach for Scalable Homepage Personalisation

Hey All,

Need your expert opinion on an Adobe Target + AEM Cloud setup.

• Currently, our AEM homepage is built using a single layout container (all components inside it). Because of this, Target (VEC) sees it as one DOM block, making it difficult to:
  
  1. Reorder components
  2. Inject experience fragments
  3. Run personalisation without custom JS
  
  We are considering a few approaches -
  
  1. mBox container for injection
  2. Custom JS to reorder components
  3. Nested layout containers (split page into sections)
  4. Converting sections/components into Experience Fragments

• Additionally, we have three different user types, where the homepage content varies based on the user. One approach I am considering is to create user-specific content as Experience Fragments, export them to Target, and let Target handle the personalisation. On the AEM side, I would provide designated containers on the homepage where Target can inject the relevant content.

From an Adobe best practices perspective, what would you recommend for a scalable and maintainable personalisation strategy in this scenario?

Thanks