Live Visual Website Optimizer variant switcher

Have you ever launched a multi-variate test with the Visual Website Optimizer. And did you want to review all the variants in the test in all browsers? Or do you want to analyze all the variants another site is testing when you see a VWO test being executed? I bring you the magic ;) With my new VWO-Variant-Switcher© it's easy to view all variants.

How does it work

In the toolbars of all my browsers I have this little button:

When I click on it when I'm on a page that is running a live test this popup shows up:

By altering the combination I can put myself in another variant of the test. Just refresh the page and the chosen combination will show up.

How to create this button

Create a new bookmark called "VWO Variant Switcher" or whatever name you find suitable. Then edit the URL the bookmark is pointing to:

And change it to:

javascript:var%20names="Combinations%20in%20test:\r\n\r\n"; if(typeof%20_vwo_exp_ids=="object"){for(x%20in%20_vwo_exp[_vwo_exp_ids[0]].comb_n) {names=names+x+"%20=%20"+_vwo_exp[_vwo_exp_ids[0]].comb_n[x]+"\r\n"; }};function%20readCookie(name){var%20nameEQ=name+"="; var%20ca=document.cookie.split(';'); for(var%20i=0;i<ca.length;i++){var%20c=ca[i]; while(c.charAt(0)=='%20')c=c.substring(1,c.length); if(c.indexOf(nameEQ)==0)return%20c.substring(nameEQ.length,c.length); };return%20null;}; if(typeof%20_vis_opt_experiment_id!="undefined"){var%20id=_vis_opt_experiment_id; var%20cv=unescape(readCookie("_vis_opt_exp_"+id+"_combi")); txt=prompt(names+"\r\n\r\nChoose%20combination:",cv); if(txt!=null){_vis_opt_createCookie("_vis_opt_exp_"+id+"_combi",txt,100); }}else{alert("No%20live%20experiment%20on%20this%20page.");}; void(0);

That's all. Enjoy testing and viewing.

Click to activate social bookmarks

 
  • http://www.keytoe.nl Patrick

    Great plugin to easily show the different variants.
    I have one problem though: when two tests are running on the page, you cannot select the test for which you want to switch the variations.

    Would there be any solution to fix this?

    • http://andrescholten.net André

      Hi Patrick, that can be fixed. But are you sure you want to have 2 different tests on 1 page?

  • http://www.keytoe.nl Patrick

    Yes, we have a page where two tests are running with two different goals. I think it's no problem to run tests with different goals behind them, as long as you can split the results.

  • http://www.optimisationbeacon.com/ Rob Kingston

    Awesome idea, Andre... This will come in very handy.

    Have you thought about doing this for GWO as well? I haven't checked out the code or parameters in the preview URLs, but I imagine it would be fairly similar.

    Trouble would be trying to get all the parameters in the Preview URLs as I'm not sure if these are available on the test pages.

    • http://www.facebook.com/ Priest

      Wow! Great to find a post kcnkiong my socks off!

  • http://www.analytics7.com Hans

    Brilliant little tool you made, very useful for observing competitors experiments :)

    Tip: replace
    _vis_opt_createCookie("_vis_opt_exp_"+id+"_combi",txt,100);
    with
    _vis_opt_createCookie("_vis_opt_exp_"+id+"_combi",txt,100);location.reload(true);
    and it will fire a page refresh automatically.

    • http://andrescholten.net André

      That's a great addition, thanks :)

  • http://www.skala.nl Paul Spikmans

    Hi André,

    Ik denk dat ik iets fout doe met het gebruik van jouw tool. Ik heb twee varianten live, namelijk:
    1. http://www.skala.nl (daar kom ik bijna niet meer op terecht - alleen via IE
    2. http://www.skala.audio-visueel.com (deze heb ik als variation1 ingesteld)

    Bij het refreshen en ik vul 1 in, kom ik niet op de control variabele.

    Kun je mij misschien adviseren?

    Thanks!

    • http://andrescholten.net André

      De tool die ik gemaakt heb werkt alleen maar bij de multi-variate testen en niet bij de A/B testen.