Primeros pasos con google-analytics

Subirse a bordo con Google Analytics

  1. Obtener una cuenta de GA: If you don’t have an Analytics account, create one. If you do have an Analytics account, sign in. Both options are available at google.com/analytics

  2. Configurar una propiedad en su cuenta de Analytics: A property represents your website or app where the data gets aggregated.

  3. Crear una vista: Views let you create filtered perspectives of your data. When you create a property one view is created by default. You can create multiple views based on the requirement and filter the reports based on the reporting structure.

  4. Integre Analytics en su sitio web: vaya a propiedad > información de seguimiento y obtenga el código de seguimiento que se muestra a continuación

  5. La cadena ‘UA-XXXXX-Y’ debe reemplazarse con el ID de propiedad (también llamado “ID de seguimiento”) de la propiedad de Google Analytics que desea rastrear.

Con estos sencillos pasos, su sitio web estará listo para enviar las páginas vistas a GA.

Agregar analytics.js a su sitio web

Agregue el siguiente código (conocido como “fragmento de código de seguimiento de JavaScript”) a las plantillas de su sitio.

El código debe agregarse antes de la etiqueta de cierre y la cadena ‘UA-XXXXX-Y’ debe reemplazarse con el ID de propiedad (también llamado “ID de seguimiento”) de la propiedad de Google Analytics que desea rastrear.

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

El código anterior hace cuatro cosas principales:

  1. Crea un elemento <script> que comienza a descargar de forma asincrónica la biblioteca de JavaScript analytics.js desde https://www.google-analytics.com/analytics.js
  2. Inicializa una función ga global (llamada cola de comandos ga()) que le permite programar comandos para que se ejecuten una vez que la biblioteca analytics.js esté cargada y lista para funcionar.
  3. Agrega un comando a la cola de comandos ga() para crear un nuevo objeto de seguimiento para la propiedad especificada a través del parámetro 'UA-XXXXX-Y'.
  4. Agrega otro comando a la cola de comandos ga() para enviar una vista de página a Google Analytics para la página actual.

Visión general

Google Analytics se utiliza para rastrear la actividad del usuario en su sitio web o aplicación móvil.

Para configurar google-analytics en un sitio web, deberá obtener un fragmento de código JavaScript de Google que incrustará en el encabezado de cada página de su sitio en la que desee realizar un seguimiento de la actividad del usuario.

Obtenga el fragmento de código en www.google.com/analytics y, en la pestaña Administrador, seleccione “Crear nueva cuenta” en el menú desplegable de la columna de la cuenta a la izquierda. .

Seguimiento de páginas llamadas por AJAX y contenido no html

Para rastrear las llamadas “páginas vistas virtuales”, use el método ga('send') justo después de su solicitud asincrónica:

Sintaxis: ga('enviar', 'vista de página', 'ruta a su página virtual');

Ejemplo (Enlace simple):

<a href="http://example.com/my.pdf"
   onClick="ga('send', 'pageview', '/virtual/my.pdf');">Download PDF</a> 

Ejemplo (JQuery AJAX):

$.ajax({
    url: '/ajax-url/file.json',
    data: {page: 4},
    success: function(data) {
        ga('send', 'pageview', '/ajax-url/file.json');
        console.log("Got response",data); 
    },
    dataType: 'json',
    method: 'GET'
});

Fuentes:

Fragmento de seguimiento asíncrono alternativo

Si bien el fragmento de código de seguimiento de JavaScript descrito anteriormente garantiza que la secuencia de comandos se cargará y ejecutará de forma asíncrona en todos los navegadores, tiene la desventaja de no permitir que los navegadores modernos precarguen la secuencia de comandos.

El fragmento de código de seguimiento asíncrono alternativo que se muestra a continuación agrega compatibilidad con la carga previa, lo que proporcionará un pequeño aumento de rendimiento en los navegadores modernos, pero puede degradarse a la carga y ejecución síncronas en IE 9 y navegadores móviles más antiguos que no reconocen el atributo de script asíncrono. Solo use este fragmento de seguimiento si sus visitantes usan principalmente navegadores modernos para acceder a su sitio.

    <!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->

Uso de complementos

Los complementos son scripts que mejoran la funcionalidad de analytics.js para ayudar a medir la interacción del usuario. Los complementos suelen ser específicos de un conjunto de funciones que pueden no ser necesarias para todos los usuarios de Google Analytics, como el comercio electrónico o el seguimiento entre dominios y, por lo tanto, no se incluyen en analytics.js de forma predeterminada.

Esta guía explica cómo solicitar y usar complementos de analytics.js.

El comando require toma el nombre de un complemento y lo registra para usarlo con la cola de comandos ga(). Si el complemento acepta opciones de configuración, esas opciones se pueden pasar como argumento final al comando require.

La siguiente es la firma completa del comando require:

ga('[trackerName.]require', pluginName, [pluginOptions]);

Por ejemplo, así es como necesitaría el complemento de comercio electrónico mejorado para usarlo con el rastreador predeterminado:

ga('require', 'ec');

Y así es como necesitaría el complemento de funciones de visualización para un rastreador llamado “myTracker” y pasaría una opción de configuración que anula el valor predeterminado del nombre de la cookie:

ga('myTracker.require', 'displayfeatures', {
  cookieName: 'display_features_cookie'
});

¿Qué datos captura el fragmento de seguimiento?

Cuando agrega cualquiera de estos fragmentos de seguimiento a su sitio web, envía una vista de página para cada página que visitan sus usuarios. Google Analytics procesa estos datos y puede inferir una gran cantidad de información, que incluye:

El tiempo total que un usuario pasa en su sitio. El tiempo que un usuario pasa en cada página y en qué orden se visitaron esas páginas. En qué enlaces internos se hizo clic (según la URL de la siguiente página vista). Además, la dirección IP, la cadena de agente de usuario y la inspección de página inicial que hace analytics.js al crear un nuevo rastreador se usa para determinar cosas como las siguientes:

La ubicación geográfica del usuario. Qué navegador y sistema operativo se están utilizando. Tamaño de pantalla y si Flash o Java están instalados. El sitio de referencia.