¿Qué es Google Tag Manager y cómo lo configuro?

Google Tag Manager (GTM) es una herramienta gratuita de Google que te permite hacer un seguimiento de todos los eventos de tu sitio web y Administrar todas tus Tags en un solo lugar. Estas etiquetas de marketing, pequeños fragmentos de código que registran las acciones de los usuarios y recopilan datos, son importantes para controlar las interacciones en tu sitio. En este blog, te explicamos todo lo que necesitas saber sobre Google Tag manager para entenderlo y empezar a utilizarlo tú mismo.

¿Qué es Google Tag Manager y cómo funciona?

Google Tag Manager te permite realizar un seguimiento de las interacciones de los usuarios en tu sitio web mediante etiquetas. Un ejemplo habitual de etiqueta de marketing es la etiqueta de Google, que se utiliza para instalar Google Analytics y otros productos y servicios de Google. Además, Google Tag Manager también te permite Administrar otras herramientas de seguimiento como Meta o Hotjar. La ventaja de esto es que Administras todo desde un punto central, por lo que no tienes que añadir códigos HTML distintos a tu sitio web para cada plataforma. En el caso de Google Tag Manager, sólo tienes que añadir código una vez, después de lo cual podrás Administrar Tags y Triggers en Tag manager para todas las plataformas para enviar los datos de los usuarios a estas plataformas.

Algunos conceptos importantes que debes conocer al empezar a utilizar Google Tag manager

• Los Tags son piezas de código que recogen o activan información en tu sitio web. Aquí puedes preguntarte qué tipo de code quieres enviar/recoger. Algunos ejemplos de Tags son Google Analytics, Google Ads Tag, Meta-pixel, etc.
• Los Triggers son condiciones que determinan cuándo debe activarse un Tags. Ejemplos de Triggers son la vista de página, el clic y el envío de formulario.
• Las Variables pueden utilizarse para pasar información a Tags o Triggers. Estos valores que pueden cambiar según el contexto.
• Container: El container es donde residen tus Tags/triggers y Variables.
• Modo de vista previa: En el modo de vista previa, se pueden probar los ajustes antes de activarlos.
• Datalayer: El datalayer contiene información sobre una operación que está teniendo lugar. Por ejemplo, precio, cantidad o detalles del producto.

¿Para qué sirve Google Tag Manager?

Google Tag Manager recupera los datos, los estructura y los envía a las plataformas pertinentes. Por ejemplo, puedes Use Google Tag Manager para:

• Medir los datos de los usuarios, como las compras
• Seguimiento de los envíos de formularios desde tu sitio web B2B
• Campañas
• Remarketing

¿Cómo es exactamente el flujo de datos?

Para ilustrar cómo funciona un flujo de datos, veamos cómo medir una compra GA4 en un sitio web. El proceso comienza en cuanto un usuario completa una compra en el sitio web. Esta operación y los datos asociados se almacenan de forma estructurada en la Data Layer. Esta Data Layer contiene Variables que contienen información de la compra, como detalles del producto, precio y cantidad.

Estas Variables se utilizan después para establecer Triggers. Un Triggers define el momento en que debe activarse un Tags. En este caso, se establece un Triggers que responde a la compra, detectada por las Variables correspondientes en la Data Layer. En función de este Triggers, se puede crear y establecer un Tags específico, como un Tags de compra GA4. Este Tags se activa en cuanto se cumplen las condiciones del Triggers, es decir, cuando se realiza una compra. Esto permite medir con precisión la acción de compra y registrarla en GA4.

Si quieres saber más sobre la capa de datos, lee nuestro blog donde explicamos todo sobre la capa de datos de Google Tag Manager.

Datos estructurados

Además, Google Tag Manager también puede utilizarse para implementar datos estructurados en tu sitio web. Los datos estructurados son una capa adicional de datos que añades a tus páginas en un formato específico. Esto facilita que Google incluya esta información en sus resultados de búsqueda, ¡lo que naturalmente hace que la gente haga clic en tu resultado!

Server side tracking en combinación con Google Tag manager

¿Qué es el Server side tracking?

El Server side tracking es una nueva forma de recopilar datos. Configuras tu propio servidor que recoge los datos de tu sitio web. Esto te convierte en el propietario de los datos recogidos. A través de este servidor, llamarás a Google Tag manager. Este proceso de recogida y transmisión de datos se conoce como Server side tracking.

Web y Server container

Así Administrarás todas tus Tags y Triggers en un solo container. Cuando utilizas el Server side tracking, se añade un container adicional, el Server container. En pocas palabras, un Webcontainer recoge datos mediante Tags que se envían directamente al navegador del usuario. Con un Server container, en cambio, los datos van primero a un servidor, donde tú decides qué datos se reenvían a qué plataformas, como Google Analytics. Actualmente, muchas empresas siguen utilizando un método en el que los datos van primero al Webcontainer y de ahí se dirigen al contenedor servidor. Sin embargo, este proceso está sujeto a cambios, principalmente debido a nuevas leyes y reglamentos.

Server Side Google Tag Manager

Google Tag manager funciona bien con Server side tracking. Google ha creado incluso una versión especial de Google Tag manager, Server Side Google Tag Manager (SGTM). Las ventajas de utilizar el SGTM son:

1. Cómo evitar los bloqueadores de anuncios y la tracking prevention
   • Evita los bloqueadores de anuncios y la tracking prevention en los navegadores.
   • Colocar cookies de origen aunque los usuarios bloqueen el seguimiento de terceros.
2. Mejora de la calidad de los datos
   • Enriquece y anonimiza los datos como creas conveniente.
   • Recopila y envía datos de los usuarios a plataformas publicitarias para una mejor segmentación.
3. Tiempo de carga del sitio web más rápido
   • Los scripts se cargan en el servidor en lugar de en el navegador, lo que mejora la velocidad de carga del sitio web.
   • La mejora de la velocidad de carga tiene un efecto positivo en las tasas de conversión y en la clasificación SEO.
4. Prolongación de la vida útil de las Cookies
   • Prolonga la vida de las cookies en los navegadores con tracking prevention.
   • Asegúrate de que las conversiones se atribuyen correctamente aunque se produzcan más tarde.
5. Retargeting más eficaz
   • Eludir el tracking prevention para prolongar la vida de la Cookie.
   • Mejora la eficacia de las campañas de Retargeting haciendo un seguimiento más preciso de los usuarios.
6. Compatibilidad de AVG
   • Recopila y administra tus propios datos, lo que se ajusta más a las directrices de AVG.
   • Ajustar y anonimizar los datos antes de compartirlos con terceros.
7. Seguridad mejorada
   • Los datos se procesan en tu propio servidor, por lo que están mejor protegidos contra los abusos.
   • Evita el spam estableciendo filtros específicos para el procesamiento de datos Server Side.

¿Medir un evento de compra con Google Tag Manager?

Los siguientes Stape explican cómo crear una cuenta de Google Tag Manager y vincularla a tu sitio web. A continuación, se utiliza un ejemplo para explicar cómo configurar un Tags, un Triggers y una Variables. El ejemplo en este caso es medir una compra. Queremos que esta conversión sea visible en Google Analytics 4 (GA4). Para reproducir este ejemplo, es importante que ya tengas configurado Google Analytics para tu sitio web.

Crear una cuenta y un container GTM

Si no has utilizado antes Google Tag Manager, primero tienes que crear una cuenta. Para ello, ve al sitio web de Google Tag Manager y selecciona el botón azul Get Started Free. A continuación, se te pedirá que configures una cuenta y un container. Así que, por ahora, supondremos que tienes un negocio con un sitio web. Name your account, select the country, name the container (your website name), select Web as the target platform and click Create.

Coloca el código de Google Tag Manager en tu sitio web

Después de crear una cuenta y un container, recibirás dos piezas de code para colocar en cada página de tu sitio web. Este es el código del contenedor. Puedes hacerlo manualmente, pero también se puede hacer, por ejemplo, añadiendo un plugin / addon a tu sitio web. Hemos creado plugins / addons para varios sistemas CMS que te permiten colocar fácilmente el script Tag Manager en tu sitio web para que puedas Use Google Tag Manager. La ventaja de estos plugins / addons es que son fáciles de usar y además añaden automáticamente una datalayer a tu sitio web.

Si utilizas WordPress, por ejemplo, puedes utilizar el plugin TAGGRS WooCommerce Data Layer.

Instalación de Data Layer

Una Data Layer estructura todos los datos procedentes de tu sitio web, que luego pueden utilizarse en Google Tag Manager para variables, Tags y Triggers. En la práctica, esto significa que para cada acción en tu sitio web, como una compra, la Data Layer la registra incluyendo información específica como el nombre del producto, el precio y la cantidad. Necesitarás estos datos para configurar tus Tags, Triggers y Variables en Google Tag manager. Por eso es esencial crear una datalayer.

En algunos casos, no es necesaria una datalayer. Esto se aplica, por ejemplo, si sólo quieres medir Eventos B2B. En ese caso, puedes utilizar los Tags y Variables predeterminados de Google Tag Manager. Sin embargo, para los Eventos de comercio electrónico es necesario disponer de una datalayer. Para ver qué Eventos incorporados puede recoger automáticamente el Google Tags, mira en Variables en Variables incorporadas. Haz clic en Configurar para ver las opciones disponibles. A continuación, selecciona las Variables relevantes para tus necesidades de seguimiento.

¿Necesitas Data Layer? Una forma sencilla de añadir un datalayer es utilizar uno de los plugins TAGGRS. Si quieres saber más sobre cómo funciona exactamente el datalayer, consulta nuestro blog sobre el datalayer de Google Tag manager.

Configura Google Tags para que los datos fluyan de GTM a GA4.

Para enviar los datos recogidos a Google Anayltics 4, primero tienes que configurar la etiqueta de Google Tags. Puedes hacerlo siguiendo estos pasos.

Stape 1. Busca tu measurement ID de Google Analytics 4.

• Log in to Google Analytics 4
• Haz clic en Admin
• selecciona tu propiedad
• haz clic en flujo de datos

• Haz clic en el flujo de datos

• En Detalles del flujo, verás el measurement ID a la derecha.

Stape 2. Ve a Tags y haz clic en New.

Stape 3. Google Tag configuration Da un Nombre a la nueva etiqueta, por ejemplo GA4 Configuration y haz clic en Tag Configuration. Como Tag Type, elige Google Tag. A continuación, introduzca el Tag ID que creó en el Stape 1. A continuación, introduce lo siguiente en el parámetro Configuration: send_page_view : true

Stape 4. Primero, ve a la sección Triggers y selecciona Initialization – All pages. Después de añadir esta opción, guarde los cambios haciendo clic en Save en la esquina superior derecha. Ya has instalado el Tags GA4. No olvides poner el container en directo, pulsando enviar en la parte superior derecha.

Tag setup y Triggers

Ahora que tienes Google Tag Manager vinculado a tu sitio web, es hora de configurar los Tags y Triggers. En este Stape, te explicamos cómo configurar el Tag y los Triggers para medir una compra.

Tag setup

Stape 1. En tu espacio de trabajo, haz clic en Tags y luego en New en la parte superior derecha.

Stape 2. Selecciona el tipo de etiqueta Evento GA4. Al elegir este tipo, haces posible medir y registrar interacciones específicas de los usuarios, como las compras, directamente en Google Analytics. Nombra tus Tags en la esquina superior izquierda. A continuación, introduce tu measurement ID de GA4 que buscaste anteriormente cuando instalaste GA4.

Stape 4. En este Stape, vamos a establecer un Triggers. Por comodidad, ahora utilizamos una página de agradecimiento como Triggers. ¿Quieres aprovechar eventos como un acto de compra? Entonces consulta nuestro blog sobre la creación de Events (E-commerce) en Google Tag Manager. Elige un Triggers para disparar este Tags. Si quieres que el Tags se dispare cuando se visite una página concreta, utiliza el siguiente Triggers.

Configuración de Triggers > Trigger Type: Vista de página > Algunas vistas de página.

Como quieres que el Tags se dispare en una página concreta, por ejemplo la página de agradecimiento, ahora tienes que añadir un Triggers específico. Truco: Dale al Triggers un nombre distintivo para que puedas reconocerlo fácilmente.

Para ello, establece lo siguiente:

La ruta de la página contiene:/Tu-pedido. (Aquí es donde introduces la ruta de la página que quieres medir.

Después, haz clic en Save.

Stape 5. ¡Prueba tus Tags! Esto es muy importante porque incluso un pequeño error ortográfico hará que tus Tags no funcionen. Las pruebas pueden hacerse en modo de vista previa. Esta opción se encuentra en la parte superior derecha de tu área de trabajo de Google Tag Manager. Cuando hagas clic en él, se abrirá una nueva pestaña del Asistente de Tags, en la que tendrás que introducir la URL de tu sitio web.

A continuación, ve a la página en la que debe dispararse el Tags. Así que, si quieres medir una compra, tienes que hacer una compra de prueba mientras estás en el modo de vista previa. A continuación, en el modo de vista previa de Google Tag Manager, comprueba si efectivamente se ha disparado el Tags. En el ejemplo siguiente, el nombre de la etiqueta de compra es Ecom Events. Así que esto debería estar en Tags disparados.

Stape 6. Cuando hayas probado tus Tags y funcionen, puedes seguir adelante y publicarlos. Para ello, haz clic en el botón azul Submit de la parte superior derecha. Se abrirá una New tab en la que podrás incluir información sobre la nueva versión que quieres publicar. Introduce aquí un Nombre descriptivo para que, en caso de que los Tags no funcionen, puedas encontrar fácilmente dónde ha fallado. Una vez que hayas completado estos Stape, empezarás a publicar los Tags. Para ello, haz clic en Publicar en la esquina superior derecha. A partir de ese momento, tus Tags estarán activos y recopilando datos.

Stape 7. Comprueba en Google Analytics si las conversiones se miden correctamente. Esto podría ser así.

¡Lo era! – Configurar Google Tag Manager

Ya tienes lo básico y estás listo para optimizar la configuración de Google Analytics 4 (GA4). Sabrás cómo configurar eventos en GA4, cómo asegurarte de que cada interacción en tu sitio web se mide correctamente y cómo se muestran estos datos en Google Analytics. Ya estás preparado para empezar a configurar más plataformas dentro de Google Tag manager. En tu Dashboard TAGGRS, encontrarás guías de implantación para las plataformas más populares.

Prueba siempre tu configuración para asegurarte de que todos los eventos se activan correctamente y de que los datos aparecen correctamente en tus informes. ¡Buena suerte añadiendo más Tags y Triggers!

Server Side Google Tag manager (SGTM)

Después de haber configurado Google Tag Manager en el Webcontainer, el siguiente paso es configurar server side Tracking de GTM. Comienza configurando Google Tag Manager Server Side para tus distintas plataformas. En TAGGRS, nuestros expertos han creado Templates específicos para las plataformas más populares. Puedes descargarlos fácilmente de la Template Gallery de TAGGRS, disponible en tu Dashboard de TAGGRS. Estas Templates te permiten implantar de forma rápida e impecable el Server side tracking en plataformas conocidas. Para obtener más información sobre estas Templates y cómo aplicarlas, lee nuestro blog sobre la Template Gallery de TAGGRS.

En TAGGRS te guiamos de principio a fin en la configuración de tu Google Tag Manager, para que al final puedas medir eficazmente todos los datos de los usuarios de tu sitio web.

Consejo: Si has configurado Server Side a través de TAGGRS, puedes ver en el Dashboard de TAGGRS cuántos datos adicionales estás obteniendo a través de Server side tracking.

Lo que sabes ahora

Después de leer este blog sobre Google Tag Manager (GTM), ya entiendes bien qué es y cómo funciona. GTM es una práctica herramienta para Administrar etiquetas de marketing y seguir las interacciones de los usuarios en tu sitio web. Aprendiste a configurar Tags, Triggers y Variables, y a enviar los datos recogidos a plataformas como Google Analytics 4 (GA4). Además, sabes cómo probar la configuración de Google Tag Manager en modo de vista previa antes de ponerlo en marcha, para asegurarte de que todo funciona correctamente. También sabrás cómo configurar el Server side tracking en Google Tag Manager y las ventajas del Server side tracking, como un mejor control de los datos y el cumplimiento de la GDPR. Después de leer este blog, tendrás los conocimientos y los pasos necesarios para empezar a utilizar GTM tú mismo, incluyendo consejos para optimizar tu configuración de seguimiento.

Preguntas frecuentes Google Tag Manager