Trucos de Optimizer 2: Usando Google Analytics y Optimizer simultáneamente

Una de las preguntas que más frecuentemente nos hacen  es:  ¿Puedo instalar el tag de Google Optimizer si tengo instalado el Google Analytics?

La respuesta es que sí, no existe ningún problema por tener ambos tags a la vez. En este post explicaremos que debemos tener en cuenta a la hora de poner el tag de Optimizer en una página que ya dispone del Tag de Analytics.

 

Partes del Tag de Optimizer

Antes de comenzar con la explicación, recordemos los tags que se utilizan en Google Optimizer:

Control Script:

Es el tag que se encarga de entregar al visitante una combinación específica dentro de todas las posibles.

Se sitúa al comienzo de la página.

Section Script:

Es el tag que “encapsula” las zonas de la página donde vamos a probar cambios, un título o una imagen por ejemplo.

Se usa solo en el caso de test multivariantes y se sitúa al comienzo y al final del elemento de la página a testear.

Tracking script

Se encarga de realizar el seguimiento del los visitantes que llegan a la página a testear

Se sitúa antes del cierre de la etiqueta body.

Conversion script

Se encarga de realizar el seguimiento de las conversiones, es decir, el número de visitantes que llegan a la página objetivo.

Se sitúa antes del cierre de la etiqueta body.

Cómo dato adicional, decir que el Google Optimizer utiliza actualmente el mismo código de seguimiento que el Google Analytics (ga.js)

 

Antes de empezar

En una página marcada con el tag de Analytics debemos plantearnos lo siguiente:

  • Que tenga el tag antiguo de Analytics, el urchin.js
  • Que disponga del nuevo tag de Analytics, el ga.js

 

Página tageada con Urchin.js

Control script: Se sitúa al comienzo de la página

Section script: Se sitúa “encapsulando” las zonas que quiero variar

Tracking y control scripts: Se sitúan a continuación del tag de seguimiento de Google Analytics.

 

Página tageada con ga.js

Control script: Se sitúa al comienzo de la página

Section script: Se sitúa “encapsulando” las zonas que quiero variar

Ya que ambas herramientas comparten el tag de seguimiento, podemos reutilizar la llamada al ga.js para introducir el código de Optimizer de la siguiente manera.

Tomando el track original de Google Analytics:

<script type=”text/javascript”>

var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);

document.write(unescape(“%3Cscript src='” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));

</script>

<script type=”text/javascript”>

var pageTracker = _gat._getTracker(“UA-XXXXX-X”);

pageTracker._trackPageview();

</script>

Si estamos en la página que queremos testear (test page) debemos añadir las líneas marcadas en rojo:

<script type=”text/javascript”>

var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);

document.write(unescape(“%3Cscript src='” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));

</script>

<script type=”text/javascript”>

var pageTracker = _gat._getTracker(“UA-XXXXX-X”);

var optimizerTracker = _gat._getTracker(“UA-XXXXX-X”);

pageTracker._trackPageview();

optimizerTracker._trackPageview(“/XXXXXXXXXX/test”);

</script>

Si estamos en la página objetivo (target page) debemos añadir las líneas marcadas en rojo:

<script type=”text/javascript”>

var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);

document.write(unescape(“%3Cscript src='” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));

</script>

<script type=”text/javascript”>

var pageTracker = _gat._getTracker(“UA-XXXXX-X”);

var optimizerTracker = _gat._getTracker(“UA-XXXXX-X”);

pageTracker._trackPageview();

optimizerTracker._trackPageview(“/XXXXXXXXXX/goal”);

</script>

Cómo pueden ver, los cambios que se han de realizar en caso de tener instalado el Google Analytics son mínimos.

En próximos post explicaré situaciones y casos especiales que se pueden dar que pueden requerir un poco más de configuración adicional.

Espero que está información les resulte útil y les ayude a empezar a testear cuanto antes.

Doctor Optimizer.

Autor:

Fundador de Metriplica y socio de la consultora Multiplica Licenciado en Ciencias y técnicas estadísticas. Programador Mainframe Profesor de Masters y Postgrados en diversas universidades y escuelas de negocio.

1 Comments

  1. hola excelente tu web, quiero pedir permiso para postear información de tu sitio en el mio, nos dedicamos a dar orientación a personas que se inician en esto. Claro siempre firmando la fuente. espero tu comentario Gracias

Leave Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.