Using Adobe Test-and-Target, how do I avoid seeing the first page before the redirect kicks in?

Question

I've got an A/B Test set up in Adobe Test-and-Target. The idea is that 50% of the time, visitors to a certain page should be redirected to a different page instead. It is working correctly, in that half of users are sent to the new page.

However, sometimes the entire original page is loaded before the redirect happens. I put the mbox in the head tag of the page, which I thought would ensure the redirect happened before any HTML was displayed to the user, but that's not happening.

How can I create a seamless result for the user, where the redirected users only see the new page loading, and never see the original page?

Answer 1

For our site, the <script src="http://maur.imageg.net/js/mbox.js" ></script>is at the very end of the head tag and works fine.

Answer 2

Your mbox.js should be as close to the top as possible and then your inline mbox should be defined preferably right after the tag. This way the request is made before the content starts to render, and the redirect kicks in before the guest even sees the page.

Answer 3

Avoid using anything post DOM related for example jQuery's:

document.ready( function{});

If you paste your code you're using for the A/B - we be able to review & respond accordingly.

However pure Javascript and pure CSS should execute seamlessly.

Answer 4

You can use CSS first to not show anything

<style>
  body {display:none!important}
</style>

Then use JavaScript to redirect the page to new page.