Highlighted

AngularJS / Target - redirect before app loads

Avatar

Avatar

stephenm6392338

Avatar

stephenm6392338

stephenm6392338

25-04-2018

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!

Replies

Highlighted

Avatar

Avatar

tanvia28417128

Employee

Avatar

tanvia28417128

Employee

tanvia28417128
Employee

02-05-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.

Highlighted

Avatar

Avatar

stephenm6392338

Avatar

stephenm6392338

stephenm6392338

03-05-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

Highlighted

Avatar

Avatar

tanvia28417128

Employee

Avatar

tanvia28417128

Employee

tanvia28417128
Employee

18-06-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.