¿Qué es Google Tag Manager y cómo se configura?
Google Tag Manager (GTM) es una herramienta gratuita de Google que te permite realizar un seguimiento de todos los eventos de tu sitio web y gestionar todas tus etiquetas 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 web. En este blog, te explicamos todo lo que necesitas saber sobre Google Tag Manager para entenderlo y ponerte manos a la obra.
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 gestionar otras herramientas de seguimiento como Meta o Hotjar. La ventaja de esto es que lo gestionas todo desde un punto central, lo que significa 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 el código una vez, después de lo cual puedes gestionar etiquetas y activadores en Tag Manager para todas las plataformas, con el fin de enviar los datos de los usuarios a estas plataformas.
Algunos conceptos importantes que debes conocer cuando empieces a utilizar Google Tag Manager
- Las etiquetas son trozos de código que recogen o activan información en tu sitio web. Aquí puedes preguntarte qué tipo de código quieres enviar/recoger. Ejemplos de etiquetas son Google Analytics, Google Ads, Meta Pixel, etc.
- Los activadores son condiciones que determinan cuándo debe activarse una etiqueta. Ejemplos de activadores son la vista de página, el clic y el envío de formularios.
- Las variables se pueden utilizar para pasar información a etiquetas o activadores. Estos valores que pueden cambiar en función del contexto.
- Contenedor: El contenedor es donde residen tus etiquetas/disparadores y variables.
- Modo de vista previa: En el modo de vista previa, se pueden probar los ajustes antes de activarlos.
- Capa de datos: La capa de datos contiene información sobre una operación que se está realizando. Por ejemplo, el precio, la cantidad o los detalles del producto.
¿Para qué se utiliza Google Tag Manager?
Google Tag Manager recupera los datos, los estructura y los reenvía a las plataformas pertinentes. Por ejemplo, puedes utilizar 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 la medición de una compra GA4 en un sitio web. El proceso comienza en cuanto un usuario completa una compra en el sitio web. Esta acción y los datos asociados se almacenan de forma estructurada en la Capa de Datos. Esta Capa de Datos contiene variables que contienen información de la compra, como detalles del producto, precio y cantidad.
Estas variables se utilizan después para establecer activadores. Un activador define el momento en que debe activarse una etiqueta. En este caso, se configura un activador que responde a la compra, detectada por las variables relevantes en la Capa de Datos. En función de este activador, se puede crear y establecer una etiqueta específica, como una etiqueta de compra GA4. Esta etiqueta se activa en cuanto se cumplen las condiciones del activador, es decir, cuando se realiza una compra. Esto permite medir y capturar con precisión la acción de compra 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 se puede utilizar 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 garantiza que Google pueda incluir fácilmente esta información en los resultados de búsqueda, ¡lo que por supuesto 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?
Server Side Tracking es una nueva forma de recopilar datos. Configuras tu propio servidor que recoge datos de tu sitio web. Esto te convierte en el propietario de los datos recogidos. A través de este servidor, invocas a Google Tag Manager. Este proceso de recogida y transmisión de datos se conoce como Server Side Tracking.
Contenedor web y servidor
Así gestionas todas tus etiquetas y activadores en un contenedor. Cuando utilizas Server Side Tracking, se añade un contenedor adicional, a saber, el contenedor servidor. En resumen, un contenedor web recoge datos mediante etiquetas que se envían directamente al navegador del usuario. Con un contenedor de servidor, en cambio, los datos van primero a un servidor, donde luego decides qué datos se reenvían a qué plataformas, como Google Analytics. En la actualidad, muchas empresas siguen utilizando un método en el que los datos van primero al contenedor web y desde allí se encaminan al contenedor servidor. Sin embargo, este proceso está sujeto a cambios, principalmente debido a nuevas leyes y normativas.
Administrador de etiquetas de Google del lado del servidor
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 SGTM son:
- Cómo evitar los bloqueadores de anuncios y la prevención de rastreo
- Evita los bloqueadores de anuncios y la prevención de rastreo en los navegadores.
- Colocar cookies de origen aunque los usuarios bloqueen el seguimiento de terceros.
- 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.
- 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.
- Vida útil prolongada de las galletas
- Prolonga la vida de las cookies en los navegadores con prevención de rastreo.
- Asegúrate de que las conversiones se atribuyen correctamente aunque se produzcan más tarde.
- Retargeting más eficaz
- Anula la prevención de rastreo para prolongar la vida de las cookies.
- Mejora la eficacia de las campañas de retargeting haciendo un seguimiento más preciso de los usuarios.
- Compatibilidad con AVG
- Recopila y gestiona tus propios datos, lo que se ajusta más a las directrices de AVG.
- Ajustar y anonimizar los datos antes de compartirlos con terceros.
- 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 tratamiento de datos en el servidor.
¿Medir un evento de compra con Google Tag Manager?
Los siguientes pasos explican cómo crear una cuenta de Google Tag Manager y vincularla a tu sitio web. A continuación, utiliza un ejemplo para explicar cómo configurar una etiqueta, un activador y una variable. El ejemplo en este caso es medir una compra. Queremos que esta conversión sea visible en Google Analytics 4 (GA4). Por tanto, para reproducir este ejemplo, es importante que ya tengas configurado Google Analytics para tu sitio web.
Crea una cuenta GTM y un contenedor
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 "Empezar gratis". A continuación se te pedirá que crees una cuenta y un contenedor. Por ahora, supondremos que tienes una empresa con un solo sitio web. Nombra tu cuenta, selecciona el país, nombra el contenedor (el nombre de tu sitio web), selecciona Web como plataforma de destino y haz clic en Crear.
Coloca el código de Google Tag Manager en tu sitio web
Tras crear una cuenta y un contenedor, recibirás dos fragmentos de código 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, permitiéndote utilizar Google Tag Manager. La ventaja de estos plugins / addons es que son fáciles de usar y se añade automáticamente una capa de datos a tu sitio web.
Si utilizas WordPress, por ejemplo, puedes utilizar el plugin TAGGRS WooCommerce Data Layer.
Instalación de la capa de datos
Una Capa de datos estructura todos los datos procedentes de tu sitio web, que luego pueden utilizarse en Google Tag Manager para variables, etiquetas y activadores. En la práctica, esto significa que para cada acción en tu sitio web, como una compra, la Capa de datos la registra incluyendo información específica como el nombre del producto, el precio y la cantidad. Necesitas estos datos para configurar tus etiquetas, activadores y variables en Google Tag Manager. Así que configurar una capa de datos es esencial.
En algunos casos, no es necesaria una capa de datos. Esto se aplica, por ejemplo, cuando sólo quieres medir eventos B2B. En ese caso, puedes utilizar las Etiquetas y variables estándar de Google Tag Manager. Para los eventos de comercio electrónico, sin embargo, es necesario disponer de una capa de datos. Para ver qué eventos incorporados puede recoger automáticamente la Etiqueta de Google, 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 una capa de datos? Una forma sencilla de añadir una capa de datos es utilizar uno de los plugins TAGGRS. Si quieres saber más sobre cómo funciona exactamente la capa de datos, consulta nuestro blog sobre la capa de datos de Google Tag Manager.
Configura Google Tag 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. Puedes hacerlo siguiendo estos pasos.
Paso 1. Busca tu identificador de Google Analytics 4 metings.
- iniciar sesión en Google Analytics 4
- Haz clic en admin
- selecciona tu propiedad
- haz clic en flujo de datos
- Haz clic en el flujo de datos
- En los detalles del flujo, verás el identificador de la reunión a la derecha.
Paso 2. Ve a Etiquetas y haz clic en Nueva.
Paso 3. Configuración de la etiqueta de Google Dale un nombre a la nueva etiqueta, por ejemplo, Configuración GA4 y haz clic en Configuración de la etiqueta. Como tipo de etiqueta, elige Etiqueta de Google. A continuación, introduce el ID de la etiqueta que creaste en el paso 1. A continuación, introduce lo siguiente en Parámetro de configuración: send_page_view : true
Paso 4. Primero, ve a la sección Activadores y selecciona Inicialización - Todas las páginas. Después de añadir esta opción, guarda los cambios haciendo clic en Guardar en la esquina superior derecha. Ya has instalado la Etiqueta GA4. No olvides activar el contenedor haciendo clic en Enviar en la parte superior derecha.
Establecer etiquetas y activadores
Ahora que tienes Google Tag Manager vinculado a tu sitio web, es hora de configurar las Etiquetas y los Activadores. En este paso, explicaremos cómo configurar la etiqueta y el activador para medir una compra.
Establecer etiqueta
Paso 1. En tu espacio de trabajo, haz clic en Etiquetas y luego en Nueva en la parte superior derecha.
Paso 2. Selecciona el tipo de etiqueta de evento GA4. Al elegir este tipo, haces posible medir y registrar interacciones específicas de los usuarios, como las compras, directamente en Google Analytics. A continuación, dale un nombre a tu etiqueta en la esquina superior izquierda. A continuación, introduce tu ID de metings de GA4 que buscaste anteriormente cuando instalaste GA4.
paso 4. En este paso, vamos a establecer un desencadenante. Por comodidad, ahora utilizaremos una página de agradecimiento como desencadenante. ¿Quieres utilizar eventos como un evento de compra? Entonces consulta nuestro blog sobre la creación de eventos (de comercio electrónico) en Google Tag Manager. Elige un disparador para activar esta etiqueta. Si quieres que la etiqueta se active cuando se visite una página determinada, utiliza el siguiente activador.
Configuración del activador > Tipo de activador: Vista de página > Algunas vistas de página.
Como quieres que la etiqueta se dispare en una página concreta, por ejemplo la página de agradecimiento, ahora tienes que añadir un activador específico. Consejo: Dale al activador un nombre distintivo para que puedas reconocerlo fácilmente.
Para ello, establece lo siguiente:
La ruta de la página contiene: /Para-tu-pedido. (Aquí es donde introduces la ruta de página de la página que quieres medir.
Después, haz clic en Guardar.
Paso 5. ¡Prueba tu Etiqueta! Esto es muy importante porque incluso un pequeño error ortográfico hará que tu Etiqueta no funcione. Las pruebas se pueden hacer en el 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 ella, se abrirá una nueva pestaña del Asistente de Etiquetas, donde tendrás que introducir la URL de tu sitio web.
A continuación, ve a la página en la que debe dispararse la etiqueta. Así, en caso de que quieras medir una compra, tienes que hacer una compra de prueba mientras estás en el modo de vista previa. Después, comprueba en el modo de vista previa de Google Tag Manager si la etiqueta se ha disparado. En el ejemplo siguiente, el nombre de la etiqueta de compra es Ecom Events. Por tanto, debería estar en Etiquetas disparadas.
Paso 6. Cuando hayas probado tu Etiqueta y funcione, puedes seguir adelante y publicarla. Para ello, haz clic en el botón azul Enviar de la parte superior derecha. Se abrirá una nueva pestaña en la que puedes incluir información sobre la nueva versión que quieres publicar. Introduce aquí un nombre descriptivo para que, en caso de que las Etiquetas no funcionen después de todo, puedas encontrar fácilmente dónde ha ido mal. Una vez que hayas realizado estos pasos, publicarás las Etiquetas. Para ello, haz clic en Publicar en la parte superior derecha. A partir de ese momento, tu Etiqueta estará activa y recopilando datos.
Paso 7. Mira en Google Analytics para ver si las conversiones se miden correctamente. Esto podría tener este aspecto.
¡Así fue! - Configuración de Google Tag Manager
Ya tienes las nociones básicas y estás preparado para optimizar la configuración de Google Analytics 4 (GA4). Ya sabes 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. Ahora estás preparado para empezar a configurar más plataformas dentro de Google Tag Manager. En tu panel de TAGGRS, encontrarás guías de implementació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 al añadir más Etiquetas y activadores!
Administrador de etiquetas de Google del lado del servidor (SGTM)
Después de configurar Google Tag Manager en el contenedor web, el siguiente paso es configurar GTM Server Side Tracking. Esto comienza con la configuración de Google Tag Manager del Lado Servidor para tus diferentes plataformas. En TAGGRS, nuestros expertos han creado plantillas específicas para las plataformas más populares. Template Gallery Puedes descargarlas fácilmente desde TAGGRS , que está disponible en tu Panel de TAGGRS. Estas plantillas te permiten implementar rápidamente y sin problemas el Server Side Tracking en plataformas conocidas. Template Gallery Para obtener más información sobre estas plantillas y cómo aplicarlas, lee nuestro blog sobre 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 Panel 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), ahora ya entiendes bien qué es y cómo funciona. GTM es una herramienta práctica para gestionar etiquetas de marketing y hacer un seguimiento de las interacciones de los usuarios en tu sitio web. Has aprendido a configurar etiquetas, activadores y variables, y a enviar los datos recogidos a plataformas como Google Analytics 4 (GA4). Además, sabrás 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 Server Side Tracking en Google Tag Manager y las ventajas de 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 pasos necesarios para empezar a utilizar GTM por ti mismo, incluyendo consejos para optimizar tu configuración de seguimiento.
Preguntas frecuentes Google Tag Manager
u003cbru003e¿Se puede utilizar Server Side Tracking sin Google Tag Manager?
Teóricamente, esto es posible, sólo que para ello tienes que configurar tu propia estructura de etiquetas como la de Google Tag Manager. Pero esto no es habitual.
Ya utilizo Google Tag Manager, ¿tengo que restablecer todo ahora para utilizar Server Side Tracking?
No, no es necesario. Puedes seguir utilizando tus Etiquetas y activadores ya configurados; éstos pueden modificarse para que funcionen con Server Side Tracking.