Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

SPA & Adobe Target Implementation

alex_bundock
Level 1
Level 1

We have a client where we need to deploy Target across their Angular UI-router SPA.

 

We’re struggling on setting this up on our sandbox to test the deployment, we’ve added a demo Angular site https://yamahaclub.com/angular-test/ to set Target up on before we start the client work.

 

 The Adobe documentation isn’t consistent, one says you need a manual mbox one doesn’t. 

  1.       https://github.com/Adobe-Marketing-Cloud/target-atjs-extensions/wiki/Angular-UIRouter 
  2.       http://adobe-marketing-cloud.github.io/target-sdk-libraries/demos/examples/angular/state_change_demo...

 

One of the guidelines say to use at.js without the auto-created mbox but doesn’t say why, can we not use the auto mbox at all?

If the site has a static component and an SPA, do we need to change the tool instance to use a manually configured mbox?

Do we need to manually create a DTM rule with the ‘adobe.target.ext.angular.initStates’ for every app and module in the SPA we want to test or are we able to somehow have a global one?

Also will this work for SPAs where the URL doesn’t change or have fragments.

e.g.

https://domain.com/angular-test/#/home/paragraph
https://domain.com/angular-test/#/home/list

vs

https://domain.com/angular-test/
https://domain.com/angular-test/

1 Accepted Solution
Chad_Gallagher
Correct answer by
Level 2
Level 2

Hi Alex,

I know this post is a little old, but have you looked at at,js 2.0 recently. The 2.x versions were built specifically for handling SPA's

How at.js works overview

View solution in original post

1 Reply
Chad_Gallagher
Correct answer by
Level 2
Level 2

Hi Alex,

I know this post is a little old, but have you looked at at,js 2.0 recently. The 2.x versions were built specifically for handling SPA's

How at.js works overview

View solution in original post