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?

Where in the page is the mbox being defined and how are you using redirecting? with window.location? — Eduardo Chongkan, Apr 10 '15 at 07:05

score 0 · Answer 1 · answered Feb 23 '15 at 21:55

0

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.

answered Feb 23 '15 at 21:55

paulmz

213
8
20

Looking a bit deeper, I found this in an HTML Offer: – paulmz Feb 23 '15 at 22:15
` ` – paulmz Feb 23 '15 at 22:16
OK, I'm trying to parse this - it is adding a style to the entire page that doesn't allow it to display until everything is loaded, then it removes the CSS that is hiding the page. Is that right? – SenorPuerco Feb 23 '15 at 22:42
Correct. (Full disclosure- I did not write this code. Also, in case you didn't notice, I edited out all of the files in the .replaceWith(""); function.) This is the only part of one of our past A/B tests that focuses on the flicker issue. – paulmz Feb 23 '15 at 22:50

dorgan · Answer 2 · 2016-02-01T02:18:37.803

0

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.

edited Feb 01 '16 at 02:18

answered Jan 27 '16 at 04:00

dorgan

135
1
10

score 0 · Answer 3 · answered Nov 11 '16 at 08:10

0

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.

answered Nov 11 '16 at 08:10

Mike Van Stan

396
4
17

score 0 · Answer 4 · edited Mar 12 '17 at 01:50

0

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.

edited Mar 12 '17 at 01:50

Skatox

4,237
12
42
47

answered Mar 12 '17 at 01:23

Niraj Vovra

1
1

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

4 Answers4