AngularJS / Target - redirect before app loads | Community
Skip to main content
stephenm6392338
New Participant
April 25, 2018

AngularJS / Target - redirect before app loads

  • April 25, 2018
  • 1 reply
  • 3032 views

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!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

Tanvi_Agarwal_
Employee
May 3, 2018

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
New Participant
May 3, 2018

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

Tanvi_Agarwal_
Employee
June 18, 2018

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.