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

AngularJS / Target - redirect before app loads

stephenm6392338
Level 2
Level 2

Does anyone have any experience with implementing Adobe Target with an AngularJS. Specifically I am trying to achieve a URL redirect. I have the redirect working but the performance at the moment is poor in that Experience A loads fully, then the redirect happens, then Experience B loads. This is a poor experience for the user and I would prefer to correct it...

I've implemented at.js for Angular ngRoute following the instructions available at Angular ngRoute · Adobe-Marketing-Cloud/target-atjs-extensions Wiki · GitHub

As per the instructions I have "Include(d) at.js without the auto-created mbox"

I set up the the redirect using the "Redirect to URL" on Experience B in the VEC for target...

Any help very much appreciated!

2 Replies
tanvia28417128
Employee
Employee

Hi stephenm63923385

As you are not using auto create mbox. You would require to create a custom mbox on the page.

Also create a form based redirect activity on custom mbox created on this page. I believe this should work as per your use case.

Plesae feel free to include any additional queries you have.

stephenm6392338
Level 2
Level 2

Hi tanvia21455990

Thanks for your response!

Can you explain (or point me in the direction of documentation) about how to "create a custom mbox on the page" ??


I realise this might seem a very basic question but I can't find the documentation... Do I need to add a html element to my page or is it done through JS??

I would really like to try your proposed solution.


Thanks,


Stephen

tanvia28417128
Employee
Employee

Hi stephenm63923385,

You can use below script to create custom mbox

<div class="mboxDefault">

   <!-- CONTENT TO SHOW IF NO OFFERS AVAILABLE. -->

</div>

<script type="text/javascript">

   mboxCreate('mboxname',

   'param1=value1',

   'param2=value2',

   'param3=value3');

</script>

Please try to create an mbox at the top of the page. Hope that works.