Sintaxis tradicional

En este documento, se describe cómo configurar el seguimiento de Analytics en tu sitio web con el fragmento de código de seguimiento ga.js tradicional. Si es la primera vez que configuras el seguimiento, te recomendamos que utilices el fragmento de código de seguimiento predeterminado, que se describe en Seguimiento de sitios.

Existen dos formas básicas de configurar el seguimiento en tu propiedad web: la configuración estándar y la personalizada. En este documento, se abarcan estas formas, junto con otros temas relacionados:

Una vez que instales correctamente el código de seguimiento de ga.js en tu sitio, comenzarás a recibir datos de informes. Los datos de los informes se muestran en los informes en un plazo de 24 horas después de configurar el código de seguimiento.

Configuración estándar

Cuando comiences a implementar el seguimiento en tu sitio web de Google Analytics, deberás instalar el código de seguimiento en las páginas de tu sitio web. El fragmento de código de seguimiento genérico consta de dos partes: una etiqueta de secuencia de comandos que hace referencia al código de seguimiento ga.js y otra secuencia de comandos que ejecuta el código de seguimiento. 

<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">
try {
  var pageTracker = _gat._getTracker("UA-xxxxxx-x");
  pageTracker._trackPageview();
} catch(err) {}
</script>

Este fragmento de código de seguimiento debe incluirse en las páginas de tu sitio de modo que aparezca en la parte inferior de la estructura HTML de la página (o HTML generado, antes de la etiqueta de cierre <body>). Para obtener más información, consulte el artículo Descripción general funcional, en el que se explica la lógica detrás de la ejecución del código de seguimiento.

Nota: Si configuras el seguimiento para una propiedad web que abarca varios dominios o subdirectorios, deberás modificar el código de seguimiento para obtener datos de informes precisos para tu vista (perfil). Además, si configura una vista (perfil) específicamente para un subdirectorio de un dominio más grande, también debe modificar el código de seguimiento. Consulta la guía de dominios y directorios para obtener más información.

La secuencia de comandos del código de seguimiento: Primera parte

La primera parte de la etiqueta de secuencia de comandos (representada por las líneas 1 a 4 del código anterior) utiliza JavaScript para determinar de forma dinámica si el protocolo HTTP para la página solicitada es seguro o estándar. Luego, utiliza el protocolo apropiado para hacer referencia al código de seguimiento. Por lo tanto, si una página de tu sitio se publica a través de un protocolo HTTP estándar, la cadena resultante es la siguiente: 

<script src='http://www.google-analytics.com/ga.js' type='text/javascript'>

Si otra página se entrega mediante una conexión segura, la cadena resultante es:

<script src='https://ssl.google-analytics.com/ga.js' type='text/javascript'>

Si tienes una combinación de páginas seguras y no seguras, deja la etiqueta de secuencia de comandos inicial como se indica para determinar la conexión adecuada. Si todas las páginas de tu sitio utilizan HTTP estándar, puedes reemplazar la primera etiqueta por una llamada más sencilla al código de seguimiento de Google Analytics.

La secuencia de comandos del código de seguimiento (segunda parte)

El segundo conjunto de etiquetas JavaScript abarca los métodos necesarios para ejecutar la llamada de seguimiento de los datos de la página. Esta parte del código de seguimiento también debe contener los métodos personalizados que desees aplicar a todas las páginas de tu sitio. Tanto la inicialización como los métodos se colocan dentro de un bloque try/catch para que los errores de JavaScript se manejen sin que el visitante afecte a su estado.

El orden de las llamadas al método proporcionado en el fragmento de seguimiento genérico es significativo, por lo que debes seguir estos lineamientos generales cuando modifiques el código de seguimiento para los fines de tu sitio web:

  • La primera línea de la secuencia de comandos de seguimiento siempre debe inicializar el objeto de seguimiento de página. 
    • var pageTracker = _gat._getTracker("UA-123456-1");
    La primera línea del fragmento de código de seguimiento estándar inicializa el objeto de seguimiento predeterminado en el ID de propiedad web de Google Analytics que proporcionas como parámetro. Las llamadas de método posteriores usan ese objeto.
  • Las líneas finales de tu fragmento de código de seguimiento deben llamar al método _trackPageview().
    Cualquier llamada de método personalizado que establezca o inicialice un valor debe insertarse antes de _trackPageview().
    // put in customized calls after pageTracker object and before_trackPageview() methods
pageTracker.setAllowLinker(true);
pageTracker._trackPageview();

Dónde colocar el código de seguimiento

El código de seguimiento está diseñado para leer datos de su página después de que su contenido haya terminado de cargarse. Por este motivo, el fragmento debe ubicarse justo antes de la etiqueta de cierre </body> de tu página web. Una vez cargado el contenido de tu página, el código de seguimiento, cuando se ejecuta, lee el contenido de tu página según el Document Object Model (DOM). Luego, toda la información relevante para el seguimiento se utiliza para establecer la información de la página, configurar o actualizar cookies y enviar la solicitud de GIF a los servidores de Google Analytics.

Al colocar la secuencia de comandos al final del cuerpo de la página, te aseguras de que el código de seguimiento se ejecute como el último elemento del DOM. Si por algún motivo se interrumpe la carga de una página determinada, es posible que no se ejecute la solicitud de GIF para esa vista de página. No obstante, si colocas el código de seguimiento en la parte superior de la página, las interrupciones en la carga podrían dar lugar a informes incompletos o imprecisos, ya que el código de seguimiento se basa en los datos de la página para sus informes.

Además, la ubicación física de la llamada al código de seguimiento en la parte inferior de la página es más eficaz que usar una función onLoad() para llamar al código de seguimiento. Si usas onLoad() para ejecutar el código de seguimiento, la ejecución dependerá del modelo de evento del navegador en lugar del DOM. En ese caso, en caso de que una imagen remota no se cargue en una página, no se llamará a onLoad(), mientras que el DOM de la página podría cargarse completamente.

Cómo personalizar tu configuración

Puedes personalizar Google Analytics de diversas maneras para modificar la forma en que se muestran los datos de los informes.La mayoría de los sitios web (excepto los más básicos) pueden beneficiarse de los ajustes en la configuración básica.De hecho, si su sitio tiene alguna de las siguientes características, es necesario que modifique el código de seguimiento para que se informe con precisión el comportamiento de los visitantes.

  • Comercio electrónico: Tienes un sitio de comercio electrónico o un carrito de compras y deseas realizar un seguimiento de la actividad de los visitantes relacionada con las compras.
  • Varios dominios: La presencia de tu sitio web abarca varios nombres de host o dominios, y quieres hacer un seguimiento de la actividad de los visitantes (incluida la actividad del carrito de compras) en esas propiedades.
  • Carritos de compras de terceros: Su sitio web está alojado por un proveedor en un subdirectorio y usted desea realizar un seguimiento de la actividad de los visitantes en una parte del sitio web (como un carrito de compras) ubicada en otro directorio del sitio del host.
  • Variables de seguimiento personalizadas de la campaña: Ya tienes vínculos a tu sitio que contienen variables de seguimiento personalizadas de la campaña que deseas utilizar.

Además, puedes realizar muchos otros ajustes en el comportamiento estándar de los informes de Google Analytics, como modificar la duración de la sesión de visitante, cambiar la duración de la sesión de una campaña o desactivar la recopilación de información del navegador.

Puedes personalizar los informes en dos áreas básicas:

  • La interfaz administrativa de los informes de Google Analytics
  • El uso de métodos de código de seguimiento adicionales en sus páginas web

Personalización mediante la interfaz administrativa

La interfaz administrativa incluye las siguientes funciones que puedes usar para definir mejor la visualización de tus datos en los informes:

  • Objetivos
    Configura objetivos para las páginas clave de tu sitio que esperas que visiten los usuarios.Por lo general, los objetivos se utilizan en sitios de comercio electrónico para ver las estadísticas sobre cómo los clientes llegan a la página de compra final en un conjunto de páginas relacionadas, como el carrito de compras, el formulario de pedido y la recepción de pedidos.Sin embargo, también puedes usarlos para cualquier otra situación, como una guía paso a paso sobre un proceso instructivo o un vínculo "Más" en un blog. Para obtener más información sobre los objetivos, consulta el artículo Acerca de los objetivos.
  • Vistas (perfiles) y filtros
    Puedes configurar vistas (perfiles) para que los usuarios de informes individuales incluyan o excluyan determinado contenido de esos informes. Esto resulta útil cuando tienes un sitio web muy grande y quieres determinar las estadísticas de las páginas de una sección del sitio de forma independiente de la otra.. Cuando se usan las vistas (perfiles) para excluir ciertas secciones de un sitio web, restringen los informes de contenido solo para las páginas permitidas. Consulta el Centro de ayuda para obtener información útil sobre las vistas (perfiles) y los filtros.

Personalización con métodos adicionales de código de seguimiento

El GATC proporciona varios métodos que puedes utilizar para configurar el código de seguimiento según las necesidades de tu sitio. Ten en cuenta que todas las páginas de tu sitio deben utilizar el código de seguimiento urchin.js o el código de seguimiento ga.js y sus métodos relacionados, pero no ambos. 

El uso de ambos códigos de seguimiento en una sola página puede generar errores de informes en esas páginas, por lo que no se recomienda. 

Algunas de las situaciones más comunes que requieren la configuración de un código de seguimiento se describen en Seguimiento de comercio electrónico. Además, la API de seguimiento proporciona una lista de todos los métodos de seguimiento ga.js que puedes utilizar y también agrupa esos métodos por usos básicos de informes, como los métodos de comercio electrónico y de seguimiento de eventos.