Seguro has oído de esta herramienta y te has preguntado ¿qué es Google Tag Manager? ¿Para qué sirve y en qué me puede ayudar? Aquí vamos a responder a esas preguntas y así despejar todas tus dudas, pues es probable que te sea muy útil en tus proyectos digitales.

Google Tag Manager, como su nombre lo dice, es un sistema de gestión de etiquetas que nos permite mayor control sobre el sitio web o aplicación móvil. ¿Cómo? Nos ayuda, de forma rápida y sin mayores complicaciones, a insertar una serie de códigos para mejorar el seguimiento de las acciones de los usuarios. Podemos, por ejemplo, insertar el Pixel de Facebook, Pixel de Seguimiento de Conversiones de Google Ads, Configuración de eventos para Google Analytics o Facebook y mucho más. Google Tag Manager te ayudará a no depender de un programador para tus acciones de marketing digital dentro de tu sitio web o aplicación móvil.

Ahora vamos a revisar cómo empezar en Google Tag Manager (GTM) y cómo instalarlo en un sitio web.

Instalación de Google Tag Manager

Crear cuenta y Contenedor

Antes que nada debemos ingresar a ESTE ENLACE para crear una cuenta en 3 simples pasos. Solo vas a necesitar la URL de tu sitio web. Una vez ahí ingresamos con nuestra cuenta de Google (si aún no lo estamos) e iniciamos el proceso seleccionando un nombre para la cuenta además del país:

Qué es Google Tag Manager

Ahora resta crear el contenedor donde vamos a configurar todas nuestras etiquetas indicando un nombre y tipo:

Qué es Google Tag Manager

Con esto ya tenemos lista nuestra cuenta y contenedor en Google Tag Manager. Pero aún no terminamos.

Insertar Código de Seguimiento

Es momento de conversar con tu programador o encargado de tu sitio web. ¿Por qué? Ahora debemos meter mano al código de nuestro sitio web pues debemos insertar el código de seguimiento de Google Tag Manager justo donde indica Google (luego de la apertura de las etiquetas head y footer):

Qué es Google Tag Manager

Código de seguimiento de Google Tag Manager

El primer código debe ser insertado tan arriba como sea posible dentro de la etiqueta <head>. Esta labor es mejor que la realice alguien con experiencia para evitar que la web se vea afectada. Sin embargo no es tan complicado de realizar:

Qué es Google Tag Manager

Ubicar la etiqueta y pegar el primer código de Google Tag Manager

 

Qué es Google Tag Manager

Código de Google Tag Manager insertado

Con la segunda parte del código debemos hacer algo similar pero ubicando la etiqueta <body> dentro del código:

Qué es Google Tag Manager

Segunda parte del código insertada en la etiqueta de las páginas

Nuestra cuenta ya está creada e instalada en el sitio web, pero no cantes victoria. Nos queda un par de pasos más.

Estructura de una Cuenta

Contenedor

El contenedor es donde se agrupan los diferentes componentes que nos ayudan a etiquetar un sitio web o una aplicación móvil. ¿De qué componentes hablamos? Google Tag Manager funciona como cualquier sistema informático, es decir, en base a condiciones. Si una condición se cumple (o es verdadera) entonces realiza una acción. Sucede lo mismo, por ejemplo, en cualquier juego que tenemos en nuestro celular: Si se dan las condiciones acumulamos puntos, recibimos premios o nos restan una vida.

Utilizaré el mismo ejemplo que brindamos en clases. Digamos que necesitamos definir cuando un alumno aprueba o no un curso determinado siendo la nota mínima aprobatoria 11. ¿Qué analizamos? Primero la nota (variable) que puede tomar un valor entre 0 y 20. Luego necesitamos una condición (activador) que procese cuando esa nota alcance un valor igual o mayor a 11. Si la condición es verdadera entonces le asignaremos a ese alumno la calidad de APROBADO para el determinado curso (etiqueta). Todos estos elementos están dentro de este contenedor cuyo ID figura en el código de seguimiento insertado en la web bajo el formato GTM-XXXXXXX.

Variables

Como su nombre lo dice, una variable puede tomar algunos valores que pueden o no ser distintos según las circunstancias. Muchas de ellas ya vienen predefinidas en la plataforma y tienen que ver con páginas vistas, clics, desplazamiento (scroll) y otros.

Sin embargo, también podemos crear nuestras propias variables según lo que la estrategia requiera incluyendo constantes (un valor que no cambia), tablas de consulta, variables javascript, variables de data layer y muchas otras opciones que iremos detallando en los siguientes artículos.

Activador

Como ya lo habíamos comentado, se trata de la condición que las variables deben cumplir para poder lanzar, disparar o activar una respectiva etiqueta. Es muy importante definir una condición única para evitar que una interacción del usuario en una sección de la web se confunda con otra en una sección diferente. Esto podría generar data poco útil en nuestros informes de Google Analytics.

Etiquetas

Las etiquetas se activarán solo cuando las variables cumplan las condiciones configuradas en el punto anterior. Por ejemplo, si queremos instalar el Pixel de Facebook Ads para conseguir una mejor segmentación en nuestra publicidad vamos a necesitar que se active a etiqueta en todas las páginas del sitio web. Pero si buscamos insertar el pixel de seguimiento de conversiones de Google Ads las cosas cambian toda vez que este código no debe ir en todas las página sino solo en aquella que confirme la conversión (página de gracias o checkout). Vamos a verlo a detalle en un primer ejemplo.

Conexión con Google Analytics

Ahora vamos a crear nuestra primera etiqueta. Toma en cuenta que Google Tag Manager solo va a recopilar la data de la interacción de los usuarios en nuestra web o aplicación. Para poder visualizar esta data en informes necesitamos que se conecte con Google Analytics y le envíe todos estos datos. Tenemos 2 formas para completar esta etiqueta que utilizará el único activador que ya viene predefinido y, dependiendo la opción que tomes, una variable definida por el usuario. Solo vamos a necesitar el ID de seguimiento que ubicamos en la propiedad respectiva de nuestra cuenta de Google Analytics y que tiene una estructura como esta UA-XXXXXXXX-X

Método 1

Vamos a crear nuestra primera etiqueta y la única diferencia va a ser si utilizamos o no una variable propia. Lo primero a definir es el nombre de nuestra etiqueta y, aunque no lo notes al principio, es MUY importante mantener un orden, pues luego de crear varias decenas de estas podrías confundirte y no encontrar aquella que necesitas.

Qué es Google Tag Manager

Creación de etiqueta de enlace con Google Analytics

Luego hacemos clic en la sección blanca para elegir un tipo de etiqueta que, en este caso, es la primera de la lista que está bajo el nombre de Google Analytics: Universal Analytics.

Qué es Google Tag Manager

Solo nos resta ingresar nuestro ID de seguimiento y, bajo este método, solo debemos seleccionar el checkbox que dice Habilitar la anulación… para que habilite la siguiente casilla donde incluimos el ID que conseguimos en la configuración de nuestra cuenta de Google Analytics:

Qué es Google Tag Manager

Método 2 (recomendado)

Vamos a suponer que por alguna razón, luego de crear decenas o cientos de etiquetas, la empresa decide cambiar de propiedad en Google Analytics. O simplemente te cansaste de copiar y pegar el ID en cada una de las etiquetas que envían datos a Google Analytics. La diferencia se empieza a marcar desde que seleccionamos el checkbox así que en esta caso la configuración cambia. En su lugar vamos a desplegar el menú que indica Seleccionar variables de configuración… para luego elegir la opción Nueva variable…

Esto nos va a permitir crear una variable que estará disponible de forma mucho más simple en el sistema. Le colocamos un nombre, copiamos el ID de seguimiento y la guardamos.

Qué es Google Tag Manager

Activador para Etiqueta Google Analytics

Vamos a la sección del activador y seleccionamos de la lista el único disponible: All pages (todas las páginas). ¿Por qué? Simple; el código de seguimiento debe enviar información acerca de las páginas vistas (pageviews) cada vez que un usuario cargue una. La única forma de lograrlo es desplegando esta etiqueta en todas las páginas del sitio web.

Qué es Google Tag Manager

Publicar Cambios

Ya estamos terminando y es que ahora nos falta publicar los cambios para que entren en vigencia. Lo logramos haciendo clic en el botón Enviar ubicado en la parte superior derecha. Luego vamos a visualizar una ventana como la siguiente donde tenemos la opción de poder ingresar información que nos permita identificar mejor cada versión publicada e incluso regresar a una más estable por si ocurren problemas más adelante. Una vez realizado esto hacemos clic en Publicar y los cambios en Google Tag Manager ya estarán en línea.

Qué es Google Tag Manager

Verificación en Google Analytics

Ahora que todo ya está correctamente configurado debemos comprobar en Google Analytics que la data esté llegando bien. Para esto solo debemos ingresar a los informes en tiempo real de la plataforma y verificar que esté leyendo el tráfico generado por nosotros mismos.

Qué es Google Tag Manager

A partir de este momento puedes tener la seguridad de que todos los datos generados en tu sitio web o aplicación móvil van a ser guardados en los diferentes informes de Google Analytics gracias a Google Tag Manager. Es importante mencionar que si mantenías el código de seguimiento de Google Analytics en tu web, este debe ser eliminado para evitar duplicidad de data.

¿Te fue útil? ¿Ya usas Google Tag Manager? Déjame un comentario para definir el tipo de contenido que crearemos para empezar a crear todo tipo de etiquetas para tu sitio web 🍕.