Si no estás familiarizado con Google Tag Manager, probablemente se esté preguntando qué es y por qué debería usarlo pero puedo adelantarte que Las ventajas de utilizar Google Tag Manager, son tantas y tan buenas que estoy muy contento por tu interés.
Trabajo en la implementación de script Data Analytics desde hace más de dos décadas, con herramientas como Google Analytics, Google Ads, Facebook Analytics (que ya no existe más), mixpanel, amplitude, por mencionar algunas herramientas de medición
Google Tag Manager es de lo más increíble y hoy no puedo imaginar mi trabajo sin él. Te permite, y sin saber programar, administrar códigos de medición, controlar reglas simples y complejas. Y si además sabes programar, GTM te propone un escenario con herramientas complementarias para un desarrollador profesional, integrado con un sandbox para desarrollo y QA. Si estas buscando mas información ¿como instalar GA4? te recomiendo esta ¿Guía como instalar Google Analytics 4?
¿Que es Google Tag Manager?
Google Tag Manager es una herramienta gratuita que le permite administrar e implementar etiquetas de marketing (fragmentos de código o píxeles de seguimiento) en su sitio web (o aplicación móvil) sin tener que modificar el código.
Google Tag Manager fue lanzado en octubre del 2012 con el fin de unificar todos los códigos de seguimiento (etiquetas) en un solo lugar. Así como Google Analytics tiene su propio código de seguimiento, AdWords o Facebook Conversions API y otras herramientas tienen sus propias etiquetas.
Google Tag Manager centraliza todas las etiquetas, script o pixels en un solo lugar de administración. Dependiendo de reglas GTM ejecutará los píxeles de conversión, eventos o el script (JavaScript, jquery, etc) que necesites en las páginas que necesites
Un ejemplo muy simple de cómo funciona GTM. La información de una fuente de datos (como tu sitio web) se comparte con otra fuente de datos (Google Analytics) a través de Google Tag Manager. GTM se vuelve muy útil cuando tiene que administrar muchas etiquetas porque todo el código se almacena en un solo lugar. Principalmente se vuelve más útil ya que te permite trabajar de forma independiente de los Desarrolladores o el área de IT
Suena fácil, pero Desafortunadamente, no es tan simple y lamentablemente, GTM está en general muy mal usado y han abusado de sus ventajas, si bien persiste la idea de capacitar a los especialistas de marketing para que realicen tareas técnicas para acelerar y facilitar la implementación de etiquetas y script.
Las consecuencias de no comprender completamente las implicaciones técnicas de la inserción de scripts, JavaScript y etiquetas pueden ser muy perjudiciales para el sitio Web o APP dañando gravemente la seguridad y el rendimiento del tiempo de carga, entre otro potenciales conflictos.
Otros casos implican incluso hasta el bloqueo de las funcionalidades principales del sitio web.
Al tal punto es tan frecuente el mal uso de GTM que no está permitido usarlo en algunas plataformas Cloud, o tienen restricciones respecto al tipo de etiquetas que se pueden utilizar, bloqueando por ejemplo el Custom HTML tags.
¿Cómo funciona Google Tag Manager?
Antes de GTM, al tener la necesidad de implementar etiquetas de medición, conversión o Remarketing era mandatorio solicitarle al equipo de desarrollo esta tarea.
Con Google Tag Manager tenemos independencia (que desafortunadamente, no es tan simple) de los desarrolladores, pudiendo administrar e implementar todas las etiquetas de marketing como los fragmentos de código y píxeles de seguimiento.
Creación de cuenta en Google Tag Manager
Se pueden crear o administrar varias cuentas de Google Tag Manager a partir de una cuenta de Google ingresando a https://tagmanager.google.com/ Cada vez que se inicia sesión se muestra la lista de cuentas de dicho administrador a las que tiene acceso, aunque normalmente sólo se necesita una “cuenta por empresa».
Creación de contenedor en Tag Manager
Como parte de la cuenta de Google Tag Manager la herramienta solicitará la creación de un Contenedor. Un Contenedor incluye todas las etiquetas del sitio web, por lo que se recomienda asignar al Contenedor un nombre relacionado con el sitio.
Para crear una cuenta de Google Tag Manager. Sigue estos pasos:
- Abre la página de inicio de Google Tag Manager https://tagmanager.google.com/
- Inicia sesión con tu cuenta de Google.
- Haz clic en Crear cuenta, en la parte superior derecha o en el icono del centro de la página.
4. En Configuración de la cuenta, tendrás que rellenar el nombre de tu cuenta. Te recomendamos que utilices el nombre de tu empresa si es para tu negocio.
- Una cuenta puede contener múltiples Contenedores,
- un Contenedor organiza múltiples etiquetas o Tags, variables y reglas
Habitualmente un Contenedor es para un sitio Web. Pero si consideras que tienes múltiples sitios Webs incluso en diferentes dominios y Todos estos sitios son, por ejemplo sitios WordPress clones, es decir iguales uno de otro, podrías facilitar tu administración y utilizar el mismo contenedor para todos esos sitios.
5. Configuración del contenedor, completa con tu nombre de dominio, o una identificación para el Contenedor
6. Elige Web como plataforma de destino, ya que vamos a implementar tag Manager en un sitio Web
7. Cuando hayas rellenado toda la información, haz clic en Crear.
8. veras la ventana del acuerdo de las condiciones de servicio. Lee atentamente la información y marca «También acepto las Condiciones de Procesamiento de Datos según el GDPR».
9. Lego de completar la configuración, se te redirigira a la HomePage de TagManager, esta ventana inicial que luego volverás recurrentemente para crear tus tag reglas y variables.
El fragmento de código de GTM esta asociado a un contenedor mediante un id GTM-XXXX. El Script de GTM Debe ser incluido en cada página del sitio.
verás una ventana emergente con dos fragmentos de código de Google Tag Manager para tu sitio web. El primero es para <head>, y el segundo fragmento de código es para la sección del <body> cuerpo de tu sitio web. Para copiar estos fragmentos de código, simplemente haz clic en el icono de copia de cada script.
¿Como Agregar el código de Google Tag Manager?
Hay dos opciones para obtener el código de GTM, dentro del Admin y en el encabezado de tu contenedor
Copiar el código de Google Tag Manager (Admin)
- Inicia sesión en tu cuenta de Google Tag Manager.
- Haz clic en la pestaña (Admin) Administrador.
- Haz clic en el desplegable Contenedor y selecciona el Contenedor.
- Haz clic en Instalar Google Tag Manager.
Copiar el código de Google Tag Manager (ContainerID)
- Inicia sesión en tu cuenta de Google Tag Manager.
- Selecciona el contenedor de tus etiquetas
- Haz clic en el ID del contenedor GTM-XXXXX
Ejemplo Google Tag Manager implementado
¿Tag Manager funciona mal?
Para identificar posibles problemas con la inicialización del contenedor de Google Tag Manager (GTM) o con etiquetas específicas o activadores más avanzados, es fundamental Desarrollar una auditoría de TagManager más detallada. Esta auditoría puede ayudar a determinar la causa raíz de cualquier problema que se esté experimentando.
Una forma de comenzar una auditoría de GTM es utilizando el informe de cobertura. Este informe proporciona una visión general de las URL o páginas web donde el contenedor GTM puede no estar activándose correctamente. Sin embargo, es importante tener en cuenta que algunas páginas sugeridas pueden ser secciones administrativas donde no deseamos que GTM se active.
Además, las sugerencias de URL donde el contenedor GTM no se detecta pueden ser el resultado de una falta de navegación por parte de los usuarios. Es decir, el informe puede interpretar incorrectamente la ausencia del contenedor debido a la falta de interacción del usuario en esas páginas específicas.
Otro aspecto importante a considerar durante la auditoría de GTM es revisar el estado de los activadores y etiquetas individuales dentro del contenedor de GTM. Esto puede ayudar a identificar cualquier problema relacionado con la configuración de etiquetas específicas o activadores que podrían estar causando errores en el seguimiento o la recopilación de datos, para avanzar en una auditoría profesional de Google tagManager sin duda debe familiarizarse con las funcionalidades de
Preview & Debugging de GTM.
En resumen, una auditoría exhaustiva de Google Tag Manager es esencial para detectar y solucionar cualquier problema relacionado con la inicialización del contenedor, así como para identificar posibles fallos en etiquetas o activadores específicos. Mediante el uso de herramientas como el informe de cobertura y la revisión detallada de la configuración de etiquetas, se pueden resolver los problemas de seguimiento y garantizar una implementación exitosa de GTM.
La función «Cobertura de etiquetas» de Google le permite ver si el contenedor de etiquetas se activan en su sitio web y cuáles URL no inicia el contenedor de GTM. Puede acceder a este resumen desde las secciones de etiquetas de Google tanto de Google Ads como de Google Analytics, y a través de Google Tag Manager.
Análisis de cobertura Google Tag Manager (Admin)
- Inicia sesión en tu cuenta de Google Tag Manager.
- Haz clic en la pestaña (Admin) Administrador.
- Haz clic en el desplegable Contenedor y selecciona el Contenedor.
- Haz clic en Tag Coverage.
La función Cobertura de etiquetas en Google Tag Manager es una herramienta esencial para los anunciantes que desean asegurarse de que sus etiquetas se activen correctamente en su sitio web. Al utilizar esta función, puede identificar problemas con sus etiquetas y optimizar su seguimiento para asegurarse de obtener los datos que necesita.
¿Qué es un contenedor en Google Tag Manager?
Google Tag Manager funciona por medio un script que se debe agregar en todas las páginas del sitio web. Dicho Contenedor reemplaza las etiquetas como Google Analytics, Adwords y otros códigos ajenos a Google que desean ser administrados por Google Tag Manager.
Una vez incluido el contenedor dentro del sitio, será posible actualizar, agregar y administrar las etiquetas desde la cuenta en Google Tag Manager.
Google Tag Manager realiza un seguimiento de las etiquetas que se deben activar en el sitio y de las reglas que especifican cuándo se deben activar las etiquetas. Cada vez que se carga una página con el contenedor, se solicita el código JavaScript de gtm.js. Se envía la configuración de etiquetas más actualizada al navegador del visitante con el conjunto de reglas y etiquetas que deben activarse. A medida que el visitante explora o interactúa con las páginas que tienen el contenedor, se evalúan las reglas y las etiquetas se activan según corresponda.
GTM es una etiqueta asincrónica, por lo que, cuando se ejecuta, no bloquea la presentación de otros elementos de la página. También provoca que las demás etiquetas que se implementan a través de Google Tag Manager lo hagan también de forma asincrónica, lo que significa que una etiqueta de carga lenta no bloqueará otras etiquetas de seguimiento.
Los procesos de carga asincrónica, benefician la performance del sitio Web, mejorando su velocidad y volviendo de un sitio más optimizado para los buscadores.
Para buscar el fragmento de código del Contenedor dentro del a cuanta de GTM, seleccione la opción «Settings» de la sección «Users & Settings». Allí se encuentra el código que deberá ser incluido en cada página.
Considera que, será necesario eliminar todas las etiquetas de Google Analytics que residen actualmente en el sitio web. Ya que el objetivo es implementar desde Google Tag Manager los scripts de Google Analytics, por lo que se requiere que NO haya ninguna página con el código de seguimiento de Google Analytics.
Gradualmente iremos borrando otros scripts como AdWords, Remarketing o clicktale del código de nuestros sitios a medida que los vallamos implementando desde GTM.
Las Ventajas Al Utilizar Google Tag Manager
Google Tag Manager es una solución poderosa que eleva la calidad de tus operaciones en línea. Mejora la experiencia de tus usuarios al tiempo que simplifica tu trabajo, acelerando la implementación y el mantenimiento de etiquetas, píxeles y scripts. Aprovecha esta herramienta para potenciar tu Ecommerce y obtener información valiosa sobre tus visitantes.
Uno de los principales beneficios de Google Tag Manager se basa en la optimización de velocidad del sitio web, factor fundamental para un buen posicionamiento web. La causa radica en la inclusión de un script único, de carga asincrónica, que incluye varios scripts. Estos scripts se incluyen dependiendo de ciertas reglas definidas en Tag Manager y al igual que el script Contenedor, se cargan de forma asincrónica.
Independencia de sectores de desarrollo
Sólo se requerirá al sector de IT la inclusión del script Contenedor dentro de todas las páginas del sitio web y la eliminación de otras etiquetas que serán gestionadas desde Tag Manager, como Google Analytics, Adwords, etc. Luego el sector que conozca las reglas de negocio podrá gestionar las etiquetas desde Google Tag Manager sin la interacción con el sector IT.
Control de calidad o QA
Poder trabajar de una vista previa es fundamental para el control de calidad (QA). Cada cambio antes de su publicación, podrá hacer un test un mediante una vista previa de Google Tag Manager y comprobar que los cambios aplicados en la configuración del Contenedor no afecta al sitio. Además existe una opción «Debug» para ver cuáles son las etiquetas que se activan al navegar el sitio e interactuar con cada página.
A su vez, es posible compartir la vista previa con otros usuarios para un mejor control de calidad.
Historial de versiones
Con la modificación o creación de nuevos Contenedores se crean nuevas versiones, generando de esta forma un historial de todas las versiones creadas hasta el momento.
Se puede acceder al listado de versiones desde la sección «Versions» y volver a versiones anteriores cuando sea necesario. El historial de versiones facilita la recuperación frente a errores.
Reduce tiempos y errores de sintaxis
Las tareas de publicación y testing se realizan dentro de Google Tag Manager, por lo que no será necesario que el sector IT publique la nueva versión en su ambiente de testing, luego en su ambiente de stagging y luego a producción.
Además, Google Tag Manager incluye varias etiquetas predefinidas en donde su configuración se realiza mediante el uso de plantillas. Esto reduce errores en la sintaxis de las etiquetas.
Administración de usuarios
Varios usuarios con diferentes responsabilidades pueden acceder y colaborar en Tag Manager.
La administración de usuarios resulta fundamental para definir quiénes podrán publicar, modificar, eliminar o sólo tendrán una vista de sólo lectura.
Los privilegios se asignan en función de cada Contenedor. Para un Contenedor en particular, un usuario puede tener los siguientes permisos:
- Sin acceso: el usuario no podrá ver el Contenedor de la cuenta
- Sólo lectura: el usuario podrá ver las etiquetas, reglas y macros del contenedor.
- Lectura y escritura: el usuario puede agregar/editar etiquetas, reglas y macros del contenedor.
- Lectura, escritura, eliminación y publicación: el usuario incluye además de lectura y escritura, los permisos de eliminación y publicación de Contenedores.
Caché inteligente
Google Tag Manager minimiza el número de peticiones generadas por los servidores mediante el uso de “Intelligent caching”, permitiendo de esta forma disponer de todas las etiquetas cuando sea necesario.