google-analyticsEmpezando con google-analytics

Observaciones

Agregando analytics.js a su sitio web

Agregue el siguiente código (conocido como "fragmento 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 la ID de propiedad (también llamada "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 asíncrona la biblioteca de JavaScript analytics.js desde https://www.google-analytics.com/analytics.js
2. Inicializa una función global ga (llamada la 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 rastreador 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 página a Google Analytics para la página actual.

Fragmento de seguimiento asíncrono alternativo

Si bien el fragmento de seguimiento de JavaScript descrito anteriormente garantiza que el script se cargará y ejecutará de forma asíncrona en todos los navegadores, tiene la desventaja de no permitir que los navegadores modernos carguen el script con anterioridad.

El fragmento de seguimiento asíncrono alternativo a continuación agrega soporte para la precarga, 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 los navegadores móviles más antiguos que no reconocen el atributo de script asíncrono. Utilice este fragmento de seguimiento solo si sus visitantes utilizan 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 -->
 

Subirse a bordo con Google Analytics

1. Obtención de una cuenta de GA : Si no tiene una cuenta de Analytics, cree una. Si tiene una cuenta de Analytics, inicie sesión. Ambas opciones están disponibles en google.com/analytics

2. Configuración de una propiedad en su cuenta de Analytics: Una propiedad representa su sitio web o aplicación donde los datos se agregan.

3. Cree una vista: las vistas le permiten crear perspectivas filtradas de sus datos. Cuando creas una propiedad, se crea una vista por defecto. Puede crear varias vistas según el requisito y filtrar los informes según la estructura de informes.

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

<!-- 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 -->
 

5. La cadena ' UA-XXXXX-Y ' debe reemplazarse con la ID de propiedad (también llamada "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.

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 incruste en el encabezado de cada página de su sitio para el que desee realizar un seguimiento de la actividad de los usuarios.

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 "vistas de página virtuales", use el método ga('send') justo después de su solicitud asíncrona:

Sintaxis: ga('send', 'pageview', 'path to your virtual page');

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:

• ¿Cómo puedo hacer que Google Analytics realice un seguimiento de las páginas a las que llama AJAX?
• Seguimiento de páginas vistas virtuales: developers.google.com

Usando Plugins

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 características que pueden no ser requeridos por todos los usuarios de Google Analytics, como el comercio electrónico o el seguimiento entre dominios, y por lo tanto no están incluidos en analytics.js de forma predeterminada.

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

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

La siguiente es la firma completa del comando require:

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

Por ejemplo, aquí es cómo necesitaría el complemento de comercio electrónico mejorado para usar con el rastreador predeterminado:

ga('require', 'ec');
 

Y aquí es cómo necesitaría el complemento de Características de pantalla para un rastreador llamado "myTracker" y pasar una opción de configuración que invalida el valor de nombre de cookie predeterminado:

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 visita 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 la página inicial analytics.js se utilizan cuando se crea un nuevo rastreador 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 está instalado Flash o Java. El sitio de referencia.