A partir de hoy, iniciamos una  serie de post donde explicaremos técnicas para sacar aún más partido a Google Website Optimizer. Aprovechamos también para invitar a  todo el que quiera, a enviarnos sus experiencias y técnicas propias para compartirlas con el resto.

Según la definición que Google hace de un experimento, para realizarlo es necesario disponer de la página a testear (lo cual tiene bastante sentido) y de la página de conversión (página a la que llegamos tras realizar una acción en la página a testear).

Al final,  lo que nos está diciendo es que para realizar un test necesitaremos siempre una página destino a la cual llegaremos tras realizar una acción, siendo entonces cuando contabilizamos una conversión.

Si bien este funcionamiento se ajusta a la mayoría de test que realizaremos, puede darse el caso de que no exista tal página de conversión. Por tanto, la primera técnica que explicaremos es como contabilizar una conversión al clicar sobre un link (por ejemplo un clic sobre un botón).

Caso práctico: Testeando la llamada a la acción “descargar”

Una empresa de informática decide lanzar un nuevo software, como parte de este lanzamiento prepara una landing page donde se ofrece la posibilidad de descarga una demo de este software.

Img1. La landing page que queremos testear

Decide hacer un test multivariante con diversas opciones del botón de descarga (color, texto etc.)

Si bien se podría optar por redirigir al usuario hacia una nueva página una vez que pinche en el botón de descarga, han decidido que la descarga se haga en la misma página, sin página extra.

Como vemos, en este ejemplo, no tenemos una página de conversión, con lo cual tenemos que idear otra manera de montar contabilizar las conversiones.

1º Paso, engañando al Google Optimizer.

Qué necesitamos:

1.    Página a testear
2.    Pagina “falsa” de conversión

En ambas páginas introduciremos los códigos necesarios como si de un test normal se tratase.

En nuestro caso y dado que es  un test Multivariante, nuestra página a testear tendrá el script de control y el de seguimiento (además de las secciones correspondientes). Por otro lado, en nuestra página de conversión necesitaremos colocar el script de conversión.

El motivo de realizar este paso, es simplemente que la herramienta necesita validar que los códigos están correctamente instalados en el paso 2 de configuración del test, de esta manera conseguimos “engañar” a la herramienta y que nos permita continuar con el proceso de configuración.

Img2. Páginas validadas. Me siento realmente mal por engañar al optimizer  pero…

Una vez hecho esto seguiremos configurando el experimento, es decir, añadiremos las variaciones que queramos testear   etc.

Una vez lanzado el experimento, es momento de modificar  la página de testeo para conseguir que se contabilicen los clics en nuestro enlace como conversiones.

2º Paso, Modificando el código

Toca la hora de remangarse y trastear con el  código.

Que necesitamos:

1.    Nuestra página a testear
2.    El código de conversión, que debería ser igual al que se muestra a continuación (sustituyendo las Y por el número de tu cuenta de analytics y las X por el identificador de experimento)

<script>
if(typeof(urchinTracker)!=’function’)document.write(‘<sc’+'ript src=”‘+
‘http’+(document.location.protocol==’https:’?'s://ssl’:'://www’)+
‘.google-analytics.com/urchin.js’+'”></sc’+'ript>’)
</script>
<script>
try {
_uacct = ‘UA-YYYYYYYY-Y’; <- Tu cuenta de analytics (proporcionado por google)
urchinTracker(“/XXXXXXXXXX/goal”); <- Tu código de experimento (proporcionado por google)
} catch (err) { }
</script>

Lo primero que haremos será abrir nuestro editor de texto favorito y dividir el código de conversión en 2 secciones

1º Sección: Nos quedaremos con la llamada al código de analytics, y situaremos el script al final del código de nuestra página (después del </html>)

<script>
if(typeof(urchinTracker)!=’function’)document.write(‘<sc’+'ript src=”‘+
‘http’+(document.location.protocol==’https:’?'s://ssl’:'://www’)+
‘.google-analytics.com/urchin.js’+'”></sc’+'ript>’)
</script>

2º Sección: Para la sección de código de conversión que  falta, encargado de contabilizar las conversiones, crearemos una función llamada ConversionCount (puedes llamarla como quieras realmente)

<script type=”text/javascript” language=”javascript”>

function ConversionCount()
{
_uacct = ‘UA-YYYYYY-Y’; <- Tu cuenta de analytics (proporcionado por google)
urchinTracker(“/XXXXXXXXXX/goal”);<- Tu código de experimento (proporcionado por google)
return true;
}

</script>

En el link donde queramos contabilizar la conversión deberemos incluir una llamada a esta función de la siguiente manera.

<a href=”miarchivo.pdf” onclick=”return ConversionCount();”>

A continuación ponemos un ejemplo del código de una página con los códigos insertados (en rojo)

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />

<script>
function utmx_section(){}function utmx(){}
(function(){var k=’XXXXXXXXXXX’,d=document,l=d.location,c=d.cookie;function f(n){
if(c){var i=c.indexOf(n+’=');if(i>-1){var j=c.indexOf(‘;’,i);return c.substring(i+n.
length+1,j<0?c.length:j)}}}var x=f(‘__utmx’),xx=f(‘__utmxx’),h=l.hash;
d.write(‘<sc’+'ript src=”‘+
‘http’+(l.protocol==’https:’?'s://ssl’:'://www’)+’.google-analytics.com’
+’/siteopt.js?v=1&utmxkey=’+k+’&utmx=’+(x?x:”)+’&utmxx=’+(xx?xx:”)+’&utmxtime=’
+new Date().valueOf()+(h?’&utmxhash=’+escape(h.substr(1)):”)+
‘” type=”text/javascript” charset=”utf-8″></sc’+'ript>’)})();
</script>

<script type=”text/javascript” language=”javascript”>
function ConversionCount()
{
_uacct = ‘UA-YYYYYYYY-Y’;
urchinTracker(“/XXXXXXXXXXX/goal”);
return true;
}
</script>

<title>Prueba de conversi&oacute;n con links</title>
</head>

<body>
<script>utmx_section(“link”)</script>
Prueba de conversi&oacute;n en link <a href=”mifichero.pdf”
onclick=”return ConversionCount();”>pulsa para realizar la conversi&oacute;n
</a>
</noscript>

<script>
if(typeof(urchinTracker)!=’function’)document.write(‘<sc’+'ript src=”‘+
‘http’+(document.location.protocol==’https:’?'s://ssl’:'://www’)+
‘.google-analytics.com/urchin.js’+'”></sc’+'ript>’)
</script>
<script>
_uacct = ‘UA-YYYYYYY-Y’;
urchinTracker(“/XXXXXXXXXX/test”);
</script>

</body>
</html>
<script>
if(typeof(urchinTracker)!=’function’)document.write(‘<sc’+'ript src=”‘+
‘http’+(document.location.protocol==’https:’?'s://ssl’:'://www’)+
‘.google-analytics.com/urchin.js’+'”></sc’+'ript>’)
</script>

Y ahora toca esperar los resultados.

Espero que os resulte útil esta explicación y os animeis a probar nuevas cosas con el Optimizer. En las próximas semanas continuaremos explicando nuevas técnicas así que no dejeis de pasaros por el blog.