Qué es Google Tag Manager y cómo se usa

Si tienes un negocio online y gestionas tu propia página web, estarás de acuerdo en que debes hacer lo que esté en tu mano para aumentar tus ventas online. Existen varias herramientas de medición web para monitorizar lo que ocurre en tu sitio y poder optimizarlo. Para muchos es un mundo tener que instalar las etiquetas de seguimiento de estas herramientas, ya que para ello hay que retocar el código de programación. Y son necesarias, ya que sin ellas no podemos ver lo que sucede en nuestra página web. Para facilitar las cosas existe Google Tag Manager (GTM). En este artículo te explicamos qué es GTM, para qué sirve y cómo funciona.

¿Qué es Google Tag Manager?

Google Tag Manager (GTM) es una herramienta gratuita de Google que permite instalar etiquetas de seguimiento de herramientas online en tu sitio web sin necesidad de saber programar. Es muy fácil de usar y funciona con las herramientas que te puedas imaginar: Google Analytics, Hotjar, Search Console, Google Ads,etc.

Aunque muchas empresas aún no la utilicen, es una muy buena herramienta si lo que quieres es poder instalar las etiquetas en tu sitio web de una manera rápida y sencilla. De hecho, ya este año, para poder sacarle el máximo partido a la nueva versión de Google Analytics deberás utilizar Google Tag Manager. Esto es así, porque hay muchos eventos (interacciones de los usuarios en el sitio web) cuya instalación es necesaria a través de GTM. No te asustes, porque en este artículo te vamos a explicar cómo configurar los más importantes.

Cómo se usa Google Tag Manager

Utilizar Google Tag Manager es muy sencillo. Si es la primera vez que accedes probablemente no sepas qué es cada cosa que ves en pantalla. No te preocupes porque aquí te vamos a explicar cómo funciona la herramienta de forma sencilla.

Interfaz de GTM y cómo instalarlo en tu sitio web de Witaps

Antes de comenzar a explicarte conceptos, queremos que entiendas qué vas a encontrar dentro de la herramienta una vez te crees una cuenta por primera vez. Para crear una cuenta de Google Tag Manager, accede al siguiente enlace de la herramienta.

Antes de comenzar necesitas conocer la diferencia entre cuenta y contenedor. El contenedor es el lugar desde el que se gestionan todas las etiquetas de un sitio web o de una aplicación móvil. En una cuenta, por otro lado, se pueden gestionar varios contenedores. Para poder crear etiquetas, debes tener primero una cuenta en GTM, y después crear un contenedor para tu página web.

Cuando inicias sesión por primera vez en GTM, se te mostrará la siguiente pantalla:

Una vez entres, deberás crear un contenedor para poder empezar a utilizar la herramienta. Y cuando lo tengas creado, ya podrás instalar en tu página web el código de seguimiento. Instalar este código en Witaps es muy sencillo. Sigue estos pasos para hacerlo:

1. En tu cuenta de Google Tag Manager, haz clic sobre el icono de la rueda situado encima del contenedor.
2. Sitúate sobre el menú de Contenedor, y haz clic en la opción Instalar Google Tag Manager.
3. Verás dos códigos, uno para el head de la página web y otro para el body. Deberás copiar primero uno y luego otro. A continuación, te explicamos dónde tienes que pegar cada uno.
4. Accede a tu panel de administración de Witaps y ve a la sección Widgets.
5. Busca el Widget llamado Slots y haz clic sobre él. En la pantalla que verás, deberás pegar el código del head en el campo “Slot en la cabecera del documento”, y el del body en el campo “Slot al inicio de la plantilla”.
6. Después guarda los cambios y ya lo tendrás instalado.

Puedes crear tantos contenedores como necesites, pero recuerda que solo podrás crear uno por página web o aplicación.

Conceptos básicos: entendiendo GTM

Para poder continuar con la explicación, es necesario antes que conozcas 3 conceptos básicos de Google Tag Manager. Así, no tendrás problema a la hora de instalar tus etiquetas y configurar tus eventos:

1. Etiqueta: el concepto principal que debemos conocer de Google Tag Manager es la etiqueta. Una etiqueta es un pequeño fragmento de código que se instala en el sitio web o aplicación. Sirve para que la herramienta en cuestión pueda recoger los datos de medición y así podamos conocer las visitas, las conversiones, los clics en un determinado lugar, etc. Es decir, cómo interaccionan los usuarios dentro de nuestro sitio y desde dónde acceden a él.
2. Activador: un activador es una regla que activa o no una etiqueta. Es decir, que es una regla que le dice a la herramienta cuándo y como debe activarse dicha etiqueta. Es donde vamos a configurar si la etiqueta debe dispararse cuando el usuario acceda a una página en concreto, o cuando haga clic en un botón determinado, por ejemplo.
3. Variable: una variable es un parámetro que existe dentro del activador. Este parámetro es el que va a determinar en qué momento se activará la etiqueta. Vienen definidas por Google Tag Manager. Por ejemplo, si quieres que una etiqueta se active cuando el usuario visite una página de tu sitio web determinada, la variable se correspondería con Page URL y la URL de la página en concreto.

Cómo conectar mi cuenta de Google Analytics con Tag Manager

Para conectar tu cuenta de Google Analytics con Google Tag Manager, deberás tener acceso a ambas cuentas. Una vez lo tengas, sigue estos pasos:

1. Accede al contenedor de la web de Google Tag Manager desde tu cuenta. Para ello, deberás hacer clic sobre él.
2. Crea una nueva etiqueta y ponle un nombre. Te recomendamos que le pongas un nombre que te permita identificar que es la etiqueta de seguimiento de GA4.
3. En el campo de Configuración de la etiqueta, haz clic sobre la opción Google Analytics: configuración de GA4.
4. Ahora deberás configurar la etiqueta. Para ello, en el campo ID de medición deberás pegar el ID de medición de tu cuenta de Google Analytics 4. Lo encontrarás en tu cuenta de Analytics. La opción Enviar un evento de vista de página cuando se cargue esta configuración deberá estar marcada. Haz clic en Guardar.
5. Después deberás crear un activador de la etiqueta. Para ello, haz clic sobre el recuadro de Activador y selecciona la opción All pages o Todas las páginas.
6. Guarda la etiqueta.

Cuando hayas terminado, publica el contenedor para poder ver los cambios activos. Si no publicas el contenedor, la etiqueta no funcionará.

Cómo configurar eventos de GA4 en GTM

Un evento es una interacción de un usuario dentro de nuestro sitio web o aplicación. Se consideran eventos, por ejemplo, los clics en enlaces o botones, las reproducciones de vídeo, las compras, los envíos de formulario, la carga de una página, etc.

Antes de empezar a crear un evento, es esencial que hayas conectado tu cuenta de Google Analytics 4 con Google Tag Manager. Si no lo has hecho, vuelve al punto anterior de este artículo y sigue los pasos para hacerlo. Una vez hecho, ya podrás crear tus eventos. Si quieres que Google Analytics 4 registre cuándo un usuario realiza una acción en tu página, sigue leyendo.

Configuración de las etiquetas de evento

Todas las etiquetas de evento se configuran de la misma manera. Es decir, que siempre que quieras crear una etiqueta de evento, en la parte de Configuración de la etiqueta tendrás que hacer lo mismo. Lo que va a cambiar es la configuración del activador. Por eso, hemos querido explicarte primero esto, para que lo puedas aplicar cada vez que crees un evento en GTM. Para configurar la etiqueta sigue estos pasos:

1. En tu cuenta de GTM accede al contenedor de tu página web. Para ello, haz clic sobre su nombre.
2. Crea una nueva etiqueta. Para ello, en el menú lateral izquierdo del contenedor, haz clic en la opción Etiquetas. Una vez dentro, deberás hacer clic en el botón Nueva de la parte superior derecha.
3. Haz clic sobre la opción Configuración de la etiqueta para empezar.
4. Selecciona la opción Google Analytics: evento de GA4.
5. En la parte superior de la tarjeta, ponle un nombre a tu etiqueta para identificarla. Puedes ponerle el nombre que quieras.
6. A continuación, en el desplegable de Etiqueta de configuración deberás elegir la etiqueta que has creado para conectar tu cuenta de GA4 con GTM. Si has mantenido el nombre por defecto, se llamará Google Analytics configuración de GA4.
7. En Nombre del evento, deberás escribir el nombre que quieres que tenga el evento. Será el que veas en los informes de GA4. Por ejemplo, si es para indicar que el usuario ha visitado la página de carrito de la compra, puedes llamarlo pagina_carrito_compra. Te recomendamos que eches un vistazo a la lista de eventos de Google Analytics 4, ya que, si es un evento predefinido, es recomendable que el nombre se corresponda.

Con esto podríamos acabar de configurar nuestra etiqueta. Sin embargo, en Google Analytics 4 puedes personalizar los parámetros de tus eventos y darles un valor. Imagina que quieres crear un evento de compra, y quieres que en tus informes de Google Analytics se registre un valor económico para cada compra. Por ejemplo, puedes poner tu ticket medio. Para conseguir esto, deberás agregar los parámetros value (se refiere al valor numérico. Si tu ticket medio son 60 €, el value sería 60) y currency (se refiere al código de la moneda. Como en el ejemplo anterior, si son 60 €, aquí deberemos escribir EUR). No obstante, puedes añadir el parámetro que quieras, incluso te lo puedes inventar.

Si quieres agregar parámetros al evento que estás creando, deberás hacerlo en la Configuración del evento. Una vez hayas rellenado todo lo anterior, verás una sección que se llama Parámetros de evento. Haz clic sobre ella y agrega los parámetros que quieras. En la lista de eventos que te hemos proporcionado antes verás qué parámetros admite cada evento.

Cuando hayas terminado, ya podrás crear el activador. A continuación, te explicamos cómo se crean los activadores de cada uno de los eventos más utilizados. Así, podrás crearlos sin problema cuando lo necesites.

Activador de carga de página

Un evento de carga de página se refiere a cualquier etiqueta que registra cuándo un usuario ha visitado una página específica de tu sitio web. Por ejemplo, si tienes una tienda online y quieres saber cuándo los usuarios visitan la página del carrito de compra, deberás crear un evento de carga de página. Hacerlo en Google Tag Manager es muy sencillo. Sigue estos pasos para lograrlo:

1. Crea una etiqueta y completa la configuración tal y como te hemos explicado anteriormente. Cuando acabes, haz clic sobre la tarjeta inferior: Activación.
2. Puedes elegir un activador de los que ya tienes creados, o crear uno nuevo. Para crear uno nuevo haz clic en el botón + de la parte superior derecha de la pantalla.
3. Edita el nombre del activador en la barra de la parte superior izquierda. Este nombre te servirá a ti para identificar el activador.
4. Después, haz clic sobre la tarjeta Configuración del activador para empezar a crearlo.
5. Elige el tipo de activador que quieres utilizar. En este caso, deberás utilizar el tipo de activador de Vista de una página.
6. Una vez lo elijas, podrás elegir entre Todas las vistas de páginas o Algunas vistas de páginas. Como lo que queremos es que se active cuando el usuario vea una página concreta, deberás seleccionar Algunas vistas de páginas.
7. Configura la variable del activador. Para ello, sigue estos pasos:
   • Haz clic en el desplegable y elige la opción Page URL para escribir la URL de la página en la que quieres que se active tu evento.
   • Después, elige la opción contiene o es igual a en el siguiente desplegable. Si eliges la opción contiene deberás escribir solo parte de la URL (puedes escribir el slug). Así, por ejemplo, si la URL completa de mi página es www.misitio.com/slug-de-prueba, aquí deberé escribir únicamente /slug-de-prueba. Si has elegido la opción es igual a deberás escribir la URL completa (www.misitio.com/slug-de-prueba).
8. Haz clic en Guardar. Verás este botón en la parte superior derecha de la pantalla. Deberás guardar también la etiqueta y publicar el contendor para que los cambios sean efectivos. Para ello, haz clic en Enviar en tu contenedor.

Activador de clic en enlace

El activador de clic en el enlace sirve para que un evento se active siempre que un usuario de tu sitio hace clic en un enlace de tu web. Puedes configurar eventos de clic generales (es decir, cada vez que un usuario hace clic en cualquier enlace o botón de tu página), o para un clic en un enlace específico de tu sitio web. Para crear un activador de clic en un enlace sigue estos pasos:

NOTA: algunas variables para los activadores no están disponibles hasta que no las activamos en GTM. Para activarlas, colócate en tu contenedor. Sitúate en el menú lateral izquierdo y accede a la opción Variables. En la lista de variables haz clic en Configurar. Activa todas las variables que quieras que aparezcan. Puedes activarlas todas para tenerlas disponibles.

1. Crea la etiqueta de evento de la misma manera que te hemos explicado antes.
2. Haz clic sobre la tarjeta Activación para crear el activador de la etiqueta.
3. Crea un nuevo activador haciendo clic en el icono + de la parte superior derecha de la pantalla.
4. Dale un nombre para identificarlo haciendo clic sobre barra de la parte superior izquierda.
5. Después, haz clic sobre la sección Configuración para empezar a configurar el activador.
6. Elige la opción Solo enlaces como tipo de activador.
7. En la nueva ventana que se abre, vas a poder configurar el activador. Deja todo como está, menos la parte inferior. Elige la opción Algunos clics en los enlaces.
8. Configura la URL del botón para la que quieres que se active la etiqueta. Para ello, en el primer desplegable, selecciona la opción Click URL.
9. Dejamos el valor Contiene o Es igual a (tal y como te hemos explicado en el activador anterior) y después pegamos en el campo la URL del enlace para el que quieres que se active el evento.
10. Cuando hayas terminado, haz clic en Guardar. Guarda también la etiqueta. Finalmente, publica tu contenedor haciendo clic en Enviar. Una vez lo hagas, ya tendrás configurado tu evento de conversión.

Existen muchos más eventos que puedes crear en GTM para Google Analytics 4, para los cuales, sin duda, los activadores que más usarás son los que hemos explicado. Aplícalos en tu cuenta de Google Tag Manager y empieza a medir tu sitio web. Si eres cliente de Witaps y tienes alguna duda sobre la configuración de eventos en GTM, ya sabes que puedes consultarnos abriendo un ticket de atención al cliente desde tu panel de administración. Y si quieres que lo hagamos nosotros por ti, pregúntanos por ticket y te daremos presupuesto.