Desmenuzando el Código de Seguimiento de Google Analytics.

Cuando creamos una nueva propiedad de seguimiento en Google Analytics siempre se entrega un Código de Seguimiento de 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-XXXXXXXX-Y', 'auto');
ga('send', 'pageview');

</script>

Vamos a separar este Código de seguimiento en sus componentes para poder después hacer cosas interesantes con el.

Como podemos observar, el código está contenido en una etiqueta <script> y está escrito en Javascript. Ahora bien: la primera parte es la declaración de este código y la llamada al analytics.js que es el núcleo final de Google Analytics.  No deberíamos meternos con esa parte.

//No meterse con esta parte
 (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');

Donde podemos empezar a meter mano es en las declaraciones de los objetos ga.

Creando Objetos de Seguimiento de Google Analytics

Después de la sección intocable, entramos a una sección que usaremos para Crear Objeto de Seguimiento de Google Analytics.

//Creando objeto de seguimiento
ga('create', 'UA-XXXXXXXX-Y', 'auto');
  • ga – Google Analytics
  • ‘create’ – es la orden de Crear el Objeto de Seguimiento
  • UA – Universal Analytics, la versión más moderna de Google Analytics
  • XXXXXX – es la id de cuenta de Analytics
  • Y – es la id de propiedad de analytics
  • ‘auto’ – es el nombre de nuestro objeto de analytics. En este caso se dará el nombre por defecto.

Tal vez en alguna ocasión hayas escuchado que no se debe duplicar el código de seguimiento de Google Analytics, esto es cierto. Pero lo que si puedes hacer es crear dos Objetos de Seguimiento. Veamos el siguiente ejemplo.

Carlos administra la cuenta de Google Analytics de pepito.com y pepito.com.mx, envía un informe mensual a todos los departamentos involucrados en el sitio web. Sin embargo, el equipo de desarrolladores de México le pide a Carlos acceso al panel de analytics para que puedan estudiar unos cambios en tiempo real que harán al sitio. Carlos debe cumplir con esta solicitud pero quiere mantener su propia cuenta sin la intervención del equipo de desarrollo para evitar algún mal manejo. ¿Qué debería hacer Carlos?

Renunciar. Carlos debe renunciar.

No es cierto, en este caso, Carlos puede crear un segundo Objeto de Seguimiento de Google Analytics para darles acceso a los muchachos del equipo del desarrollo y evitar que un filtro o un error humano dañe ese trabajo que lleva años haciendo pero nadie le reconoce.

Ok, me calmo.

Así pues, para crear un segundo código de seguimiento, Carlos debe solicitar al Master Chief Developer que cree su propia cuenta de Google Analytics y le proporcione la id de seguimiento de la propiedad que haya creado (UA-XXXXXX-Y). Con esta información, Carlos puede crear un segundo Objeto de Seguimiento de Google Analytics que mida de forma independiente la actividad en el sitio. Su código se vería más o menos así:

<script>
//No meterse con esta parte
 (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');

//Creando objetos de seguimiento
ga('create', 'UA-XXXXXXXX-Y', 'auto');
ga('create', 'UA-XXXXXXXX-Z', 'auto', 'DevMX');
//Enviando Datos a Google Analytics
ga('send', 'pageview');
ga('DevMX.send', 'pageview');

</script>

Así pues, con estos dos objetos de seguimiento independientes, Carlos está garantizando que el equipo de Desarrollo en México tenga su propio acceso a los datos generados por el sitio sin que interfieran con sus propias mediciones.

Es importante recordar que el segundo objeto de Seguimiento debe tener un nombre – en este caso DevMX – para que no haya errores. Y en la sección de Enviar datos a Google analytics, se debe especificar que se está enviando para el objeto con nombre DevMX.send.

Esto puede ser útil si no todos los equipos necesitan medir todas las páginas y también en caso de que uno de los dos equipos quiera registrar una página como ‘event’ y no como ‘pageview’.

Enviando Información a Google Analytics

Como dijimos anteriormente, por defecto, el código de seguimiento de Google Analytics medirá ‘pageview’, o sea, cada vez que se vea una página.

ga('send', 'pageview');

¿Cómo sabe ga qué página es la que se está viendo?

Por defecto, Google agrega location.pathname al envío de pageview. O sea que si estuviéramos enviando esta página se estaría enviando /google-analytics-basico/desmenuzando-el-codigo-de-seguimiento-de-google-analytics/ 

Es posible que nosotros queramos enviar en lugar de la url larguísima algo más corto. Especialmente en sitios donde tenemos muchas páginas y queremos realizar el seguimiento de  alguna landing o alguna sección en específico. En este caso, nosotros podemos agregar la “ruta” como un campo más del objeto a enviar para que podamos encontrar de forma más sencilla la ruta importante en nuestro reporte de analytics, por ejemplo ‘LandingTest’

ga('send', 'pageview', 'LandingTest');

De esta forma, en nuestro reporte la ruta /LandingTest aparecerá y será más fácil de encontrar que /qpewoiru/eprieqe/21463124214/a53sd4fewr4qer8/sdr3se6rt9sdf/landingpage.html

nombres-personalizados-de-pageviews
‘LandingTest’ se vería más o menos así en tu reporte en tiempo real

Obviamente intercambiar estos nombres para un alto número de páginas sería impráctico, pero: con conocimientos de programación podrías pasar variables a ese campo para ayudarte a integrar tus vistas con un nombre de página activa más inteligible que la ruta completa.

En un post posterior, aprenderemos a hacer esto utilizando los campos personalizados de WordPress.

Author: Cristóbal Galindo

Biólogo por educación, músico por pasión, analytics junkie por necedad y community Manager por necesidad

Leave a Reply