Las etiquetas de secuencia de comandos HTML que genera el Optimizador de sitios web para su experimento permiten identificar qué elementos varían, obtener datos de los visitantes y proporcionarle datos a usted. La primera decisión que debe tomar al añadir etiquetas es si desea instalar las etiquetas de secuencia de comandos HTML usted mismo o bien delegar la instalación de las etiquetas de secuencia de comandos. Esta tarea debe realizarla alguien que esté familiarizado con HTML y con la estructura de sus páginas web. Tenga en cuenta que esta secuencia de comandos configura una cookie, por lo que tal vez deba asegurarse de que la política de privacidad de su sitio cubra la configuración de cookies.
Si prefiere instalar las etiquetas usted mismo, tendrá que insertar tres secuencias de comandos en dos páginas:
1. Adición de secuencias de comandos de control y de seguimiento combinadas a la página de prueba
Las secuencias de comandos de control y de seguimiento de su página de prueba se le facilitan en forma de bloque de código combinado. La secuencia de comandos de control se encarga de que las variaciones de la prueba cambien aleatoriamente y de que todas las variaciones aparezcan el mismo número de veces. Por otra parte, la secuencia de comandos de seguimiento se encarga de que las visitas a la página se registren en la prueba. Inserte el bloque de código combinado justo después de la etiqueta <head>
. Por ejemplo, el aspecto de la página de prueba será el siguiente si se han instalado correctamente las correspondientes secuencias de comandos (indicadas en negrita):
<head>
<!-- Google Website Optimizer Control Script -->
<script>
function utmx_section(){}function utmx(){}
... Más contenido de la secuencia de comandos de control...
'" type="text/javascript" charset="utf-8"></sc'+'ript>')})();
</script>
<!-- End of Google Website Optimizer Control Script -->
<!-- Google Website Optimizer Tracking Script -->
<script type="text/javascript">
... Más contenido de la secuencia de comandos de seguimiento de la página de prueba...
s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- End of Google Website Optimizer Tracking Script -->
... Otro contenido de la sección de encabezado...
</head>
2. Adición de las secuencias de comando de sección de página a su página de prueba
Las secuencias de comandos de sección de la página se utilizan para identificar los elementos que variarán durante la prueba. Utilice las secuencias de comandos proporcionadas por el Optimizador de sitios web para definir el principio y el final de cada elemento. Asimismo, debe asignar un nombre exclusivo a cada sección de la página para realizar un seguimiento de esta en la prueba.
A modo de ejemplo, digamos que ha definido un encabezado que da la bienvenida a los visitantes de su página. Es probable que el contenido HTML original de la página se muestre como sigue:
<h1>Le damos la bienvenida</h1>
Tras insertar la secuencia de comandos de sección, el encabezado tendrá el aspecto siguiente (con el nombre personalizado de esta sección, “Título”, en negrita):
<h1>
<script>utmx_section("Título")</script>
Le damos la bienvenida
</noscript>
</h1>
El contenido original, el título "Le damos la bienvenida", se mantiene en el código HTML. Posteriormente, introducirá el contenido de la nueva variación en la herramienta Optimizador de sitios web. Recuerde además que, en este ejemplo, la secuencia de comandos se inserta entre las etiquetas <h1>
y </h1>
, lo que permite que todas las variaciones de texto tengan el mismo formato. En cambio, si coloca la secuencia de comandos de la sección alrededor del formato HTML, puede modificar el estilo de un elemento o incluso la página entera.
A modo de ejemplo, digamos que ha invocado la imagen de un niño sonriente. Es probable que el contenido HTML original se muestre como sigue:
<img src="/imágenes/niño_sonriente.jpg">
Tras insertar la secuencia de comandos de sección, el código de la imagen tendrá el aspecto siguiente (con el nombre personalizado de esta sección, “Imagen”, en negrita):
<script>utmx_section("Imagen")</script>
<img src="/imágenes/niño_sonriente.jpg">
</noscript>
3. Adición de una secuencia de comandos de conversión a su página de conversión
La secuencia de comandos de conversión permite realizar un seguimiento de las visitas a la página de conversión y debe insertarse en esta misma página inmediatamente después de la etiqueta de apertura <head>
. Por ejemplo, el aspecto de la página de conversión será el siguiente si se ha instalado correctamente la correspondiente secuencia de comandos de conversión (indicada en negrita):
<head>
<!-- Google Website Optimizer Conversion Script -->
<script type="text/javascript">
... Más contenido de la secuencia de comandos de seguimiento de la página de conversión...
s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- End of Google Website Optimizer Conversion Script -->
... Otro contenido de la sección de encabezado...
</head>
4. Validar las páginas
Cuando haya instalado todas las etiquetas, haga clic en “Validar páginas”. Nuestra herramienta de validación examina las páginas y comprueba que las etiquetas se hayan instalado correctamente. Si la herramienta de validación detecta cualquier problema con la instalación, deberá corregirlo antes de continuar. También puede hacer clic en ¿No puede acceder a la página de prueba? Intente la validación sin conexión para subir y validar sus páginas sin conexión.
Cuando se hayan validado sus páginas, haga clic en “Continuar” para obtener una vista previa e iniciar la prueba.
5. Condiciones especiales de etiquetado
En determinadas circunstancias, es posible que desee etiquetar sus páginas de modo diferente. A continuación, presentamos algunos ejemplos de situaciones de etiquetado especial: