Cómo instalar el código de Analytics a través de Tag Manager

Ya estoy de vuelta por el blog. Tras un tiempo ausente, vuelvo con más ganas que nunca. Durante este tiempo he estado con trabajos, exposiciones y exámenes de la universidad, haciendo algún trabajo que me ha ido saliendo y además he tenido la oportunidad de acudir a eventos como el WordCamp de Bilbao, en el que por cierto me lo pasé muy bien, aprendí cosas y conocí a mucha gente nueva. Pues bueno, tras todo el ajetreo de estas últimas semanas, vuelvo con contenido fresquito.

instalar google analytics con tag manager

Antes de nada me gustaría dar las gracias a Gorka Goikoetxea y a Lucia Marín, que son quienes me han metido el gusanillo de esta herramienta y con la que poco a poco estoy avanzando investigando por mi parte.

Como ya sabréis, la analítica web es fundamental para ver las visitas que recibes en tu blog, controlar que se estén cumpliendo los objetivos que has planteado para tu negocio online, etc…. Para poder analizar una web, Google nos facilita su herramienta Google Analytics la cual tiene una versión gratuita y una de pago, pero la mayoría de las veces con la versión gratuita es suficiente.

Normalmente el código de Google Analytics se implementa en WordPress mediante código o a través de un plugin tal y como explica David Sanz en su artículo “Cómo instalar Google Analytics en tu web de WordPress“.

Sin embargo, en este artículo hablaré de cómo implementar el código de seguimiento de Google Analytics a través de Google Tag Manager.

 

¿Por qué implementar el código de Google Analytics con Tag Manager?

La verdad es que es más fácil instalar el código de seguimiento de Analytics de la manera clásica. Sin embargo, desde que Google sacó esta herramienta recomienda su uso para instalar todos los códigos de seguimiento de sus herramientas. Es decir, no solo recomienda implementar Analytics a través de Tag Manager, sino que también recomienda implementar el código de AdWords, Optimize (herramienta que ha lanzado recientemente para hacer teses A/B entre otros en los sitios web aún en estado Beta), etc….

 

Pasos para instalar Google Analytics con Google Tag Manager

 

Crear una variable con Tag Manager

 

analytics con tag manager

 

En la pestaña Área de trabajo o Workspace de Tag Manager, clicamos en variables, pinchamos en Variable type y seleccionamos la opción Configuración de Google Analytics que aparece en la parte de utilidades en la ventana que aparece a la derecha.

 

crear una variable en tag manager

 

Hecho esto, nos permitirá introducir la ID de seguimiento de Analytics. Es decir, el código de seguimiento UA-XXXXXXXX-X. Además, es recomendable nombrar la nueva variable que hemos creado. En mi caso la he llamado Analytics, pero la puedes llamar como quieras.

También se puede instalar el código sin necesidad de crear una variable. Sin embargo, es muy recomendable crear dicha variable porque si más adelante tenemos que cambiar el código de seguimiento, cambiándolo desde la variable lo cambiaremos en todas las etiquetas en la que lo hayamos usado.

 

Crear una etiqueta con Tag Manager

Esta vez en lugar de seleccionar la opción variables, seleccionaremos la pestaña de etiquetas.

 

analytics con tag manager

 

Una vez que selecciones la opción etiquetas, aparecerá una ventana con las opciones configuración de la etiqueta y activación.

Tal y como hemos hecho en las variables, también podemos darle un nombre a la etiqueta. Es una práctica muy recomendable ya que así podrás saber cuál es la etiqueta que corresponde al código de analytics en el caso que creemos otras como la de Google Adwords, etc…. En mi caso le he llamado Universal Analytics.

Para crear la etiqueta, clicamos en configuración de la etiqueta y elegimos la opción Universal Analytics. Tened cuidado porque también existe la opción de Google Analytics clásico. Según Google todas las cuentas de Analytics se han actualizado al Universal Analytics, así que la opción que debes elegir es esta última.

 

instsalar analytics con tag manager

 

Ahora seleccionaremos la opción página vista en el tipo de seguimiento y elegimos la variable que hemos creado anteriormente pinchando en el desplegable de configuración de Google Analytics. En mi caso se llama Analytics y aparecerá entre “{{ }}” lo que indica que es una variable.

 

instsalar analytics con tag manager

 

Posteriormente debemos seleccionar el activador. En este caso como no hemos creado ningún activador, seleccionamos All Pages y le damos a guardar.

Se podía haber creado un activador para que solo lea las visitas en el momento en el que alguien le dé a aceptar en el botón del aviso de cookies o pase más de 30 segundos en la página.

 

Previsualizar la implementación

Antes de darle al botón enviar, es recomendable probar si todo funciona correctamente. Para esto clicamos en el botón vista previa y abrimos nuestro sitio web. Se abrirá en modo “pruebas” y podremos ver si se activa la etiqueta o no.

 

Publicar los cambios

Una vez que hemos verificado que todo funciona perfectamente, clicamos en salir del modo vista previa y pulsamos en Enviar. Con esto ya tendremos instalado el código de seguimiento de Google Analytics con Google Tag Manager.

A pesar de haber realizado las pruebas en el modo vista previa no está de más volver a probar si funciona una vez publicado los cambios visitando nuestro sitio web y viendo si lee las visitas. También podemos saber si está bien implementado nuestro código mediante la extensión de Chrome llamada Tag Assistant.

He de comentar que hasta hace poco daba error el Tag Assistant diciendo que el código de Tag Manager estaba mal implementado cuando estaba bien, pero ya han resuelto el problema, por lo que ya es fiable. No sabéis los quebraderos de cabeza que me creó este fallo.

 

Espero que este post te haya servido de ayuda para implementar el código de Analytics con Tag Manager. De todas formas si no consigues instalarlo o tienes dudas puedes ponerte en contacto conmigo a través de los comentarios del post o a través del formulario de contacto.

¿Te ha gustado el artículo? No te vayas sin votar
[Total:4    Promedio:5/5]
Roberto Flores on FacebookRoberto Flores on GoogleRoberto Flores on LinkedinRoberto Flores on Twitter
Roberto Flores
Roberto Flores
Profesional de Marketing Online, especialista en posicionamiento SEO, SEM y diseño Web. Socio certificado de Google. Inquieto por naturaleza y aprendiendo constantemente nuevas técnicas. Colaboro y ayudo a empresas y profesionales a conseguir mayor visibilidad en internet. Consultor de Marketing Online Freelance. ¿Trabajamos juntos?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Scroll Up