Hace unos meses, me encargaron realizar un test sobre la home de un site. La particularidad del test residía en que la página alternativa estaba alojada en un subdominio diferente por ejemplo, si la home se encontraba en www.midominio.com la página alternativa a probar se encontraba en subdominio.midominio.com.
En teoría, un test A/B con Google Optimizer solo se puede aplicarse a páginas en un mismo dominio, de hecho si ponemos las páginas anteriores en la configuración del experimento, nos saldrá un error indicando que las páginas se encuentran en dominios diferentes.
Por tanto,¿Cómo podemos realizar un test A/B cuando las páginas no están en diferentes subdominios?
Paso 1. Dando de alta el experimento
Lo primero que haremos será crear un test múltiple, dónde la página a testear será la url de la página original, en nuestro caso la home: www.midominio.com.
La página de conversión será la página que hayamos definido para contabilizar una conversión, en mi caso era finalizar una compra y quedaría: www.midominio.com/gracias.php
Paso 2. Insertando los código
Una vez que hemos dado nombre al experimento, pasamos a la introducción de los códigos. En principio para realizar un experimento con Google Optimizer hacen falta poner 4 códigos:
- El código de control, que se encarga de decidir que página se muestra al visitante y “recordar” la elección en el caso de que el visitante vuelva otro día.
- El código de seguimiento, que se encarga de llevar la cuenta de los visitantes que visualizan las páginas que testeamos
- El código de conversión, que se encarga de llevar la cuenta de cuantos visitantes han visto la página de conversión
- Por último, tenemos el código de sección, que para este experimento no usaremos.
Los 3 primero códigos, el de control, seguimiento y conversión se deben poner en la página tal y como indican las instrucciones de Optimizer.
Es en el código de sección cuando tendremos que realizar nuestra personalización, en principio ignoraremos las instrucciones de Optimizer con respecto a las secciones y copiaremos el siguiente código a continuación del código de control
<!-- utmx section name="Test URL" -->
<script>
var b = utmx('variation_content', 'Test URL');
function filter(v) {
var u = v[0].contents;
if (b && u.substr(0,7) == 'http://' &&
b.substr(0, 7) != 'http://')
{
u = u.substr(7);
}
return u;
}
utmx('url', 'Test URL', 0, filter);
</script>
Este código, nos permitirá introducir la url de nuestra página alternativa en el siguiente paso, como si de una variación se tratase.
Paso 3. Creando las variaciones
En la siguiente pantalla de optimizer, se nos mostrará la sección recién creada (TestURL) y se nos ofrecerá la posibilidad de crear las alternativas a probar.
Lo que tenemos que hacer es crear una nueva alternativa e introducir como código la url de la página a testear, es importante que no haya espacios en blanco y que la url solo esté en una línea por ejemplo, yo tendría que poner:
http://subdominio.midominio.com
Una vez creada la alternativa podemos guardarla y realizar una pre visualización para asegurarnos que todo funciona correctamente.
Paso 4. Antes de lanzar el experimento, hay que preparar las cookies
Como saben Google Optimizer utiliza una serie de cookies para establecer la página del experimento que debe mostrar a un usuario e identificarlo en posteriores visitas. Las cookies se crear para un dominio concreto si yo no indico lo contrario, por lo tanto con el tag “estándar” las cookies se crearían solo para www.midominio.com.
Dado que nuestro test abarca varios subdominios, es necesario ajustar el tag para que las cookies valgan tanto para www.midominio.com como para subdominio.midominio.com .
Las modificaciones que tenemos que hacer son:
Antes del control script, tenemos que situar la siguiente línea:
<script>
_udn=".midominio.com";
</script>
En el tag de seguimiento y en el tag de conversión debemos añadir la siguiente línea:
gwoTracker._setDomainName(".midominio.com");
Un ejemplo de cómo quedaría sería:
<!-- Google Website Optimizer Tracking Script-->
<script type="text/javascript">
if(typeof(_gat)!='object')document.write('<sc'+'ript
src="http'+
(document.location.protocol=='https:'?'s://ssl':'://www')+
'.google-analytics.com/ga.js"></sc'+'ript>')</script>
<script type="text/javascript">
try {
var gwoTracker=_gat._getTracker("UA-XXXXXXXX-X");
gwoTracker._setDomainName(".midominio.com");
gwoTracker._trackPageview("/YYYYYYYYYY/test");
}catch(err){}</script>
Y listo, una vez hecho lo anterior, ya estamos preparados para lanzar el test.
Paso 5. Lanzar el experimento
Por último, escogemos el porcentaje de tráfico que queremos dirigir al experimento y lanzamos el experimento.
Otros usos de este experimento
Un experimento que se puede realizar con esta metodología, es la de probar sites enteros es decir, imaginemos que re diseñamos nuestro site y antes de ponerlo online queremos verificar que efectivamente es mejor que el anterior en términos de conversión.
Si la mayoría de nuestras visitas entran por una página concreta (la home por ejemplo) podemos realizar un experimento en el que al usuario se le mantiene en la home “antigua” o se le envía a la home “nueva” (entendiendo que si entra en la home nueva, seguirá navegando por el nuevo site).
Situando el código de conversión en la misma página en ambos sites (por ejemplo, en el agradecimiento de compra del site original y alternativo) estaré midiendo cuan bueno es el nuevo site con respecto al antiguo y por tanto decidir si realmente conviene cambiarlo.
Espero que este post te haya resultado útil y como siempre, te animo a que compartas tus experiencias y dudas con nosotros.
Dr. Optimizer.
De esta manera, podemos verificar
) unas buenas fiestas y un próspero año nuevo
