MARKETING DIGITAL
Google Tag Manager:
Administrador de etiquetas
GUÍA BÁSICA 2024 PARA PRINCIPIANTES
★★★★★ 5/5
ADMINISTRACIÓN
DE ETIQUETAS
En primer lugar quiero aclarar que toda la documentación que he leído sobre esta herramienta, esta pensada y dirigida para desarrolladores y/o programadores y resulta muy difícil su comprensión por aquellos ajenos a dicha actividad como ser profesiones de marketing o agencias de publicidad.
Por lo tanto esta nota esta pensada para ellos, para empezar de cero, sin demasiados tecnicismos y bien básica para resolver las necesidades principales de medición de un sitio web institucional y/o e-commerce.
¿Qué es GTM y para qué sirve?
GOOGLE TAG MANAGER
Tag manager es una herramienta gratuita de Google para administrar etiquetas/pixeles/códigos de un sitio web o apps, para que puedan ser leídas e interpretadas por herramientas de analíticas web como ser Google Analytics u otras similares. También puede vincularse con CRMs y aplicaciones de publicidad digital como Google Ads.
Google lanzó esta herramienta a finales de 2012 y sirve para realizar seguimiento de acciones y eventos dentro de cualquier sitio y/o app.
Ventajas:
- Reduce dependencia de Marketing con IT/Desarrollo.
- Integración óptima con productos de Google. (Analytics y Adwords)
- Integraciones con productos de terceros, tags pre-configurados de diferentes proveedores.
- Control de versiones y roll-back, en caso error podemos cargar una versión anterior.
- Carga asíncrona, activa las etiquetas de forma asíncrona, por lo que no ralentizan la carga de la web.
- Previsualización antes de publicar cambios.
- Es gratis.
¿Cómo funciona Tag Manager?
Hay 4 elementos fundamentales
1. Etiquetas o tags:
Son los fragmentos de código que nos permitirán realizar la medición y seguimiento de las acciones del usuario dentro del sitio web. Google Tag Manager cuenta con algunas etiquetas ya predeterminadas, relacionadas con varios productos de seguimiento y administración de campañas de marketing online y además, podremos añadir cualquier otra etiqueta de HTML personalizada.
Las principales etiquetas que se pueden crear son:
- Páginas vistas
- Todo tipo de interacción de los usuarios (clics en enlaces, envíos de formularios, scroll, reproducción de videos y su interacción con los mismos, transacciones, tiempo en página y otros comportamientos.)
- Códigos de remarketing.
- Listas de remarketing.
- Píxeles de seguimiento de Redes sociales como Facebook, LinkedIn, etc.
- Otros.
2. Activadores o triggers:
Son las reglas que determinan si una etiqueta se activará o no, cuando se cumplan las condiciones que nosotros establezcamos.
3. Variables:
Son los valores específicos o dinámicos de cada página que se usarán tanto en activadores como en etiquetas. Y corresponde a la información que va a necesitar Google Tag Manager para saber qué tiene que hacer y cuándo tiene que hacerlo. GTM cuenta con una lista de variables ya predefinidas las cuales solamente tendremos que activar si queremos usarlas. También existe la opción de crear variables definidas por el usuario.
4. Capa de datos:
La capa de datos es un código JavaScript que contiene datos de eventos personalizados (información) o variables transmitidas desde el sitio web. Genera un valor a las acciones que se hacen en el sitio web, que se transforman en variables, para habilitar un activador y disparar una etiqueta. Una vez que se coloca el fragmento de JavaScript del contenedor GTM en el código fuente de su sitio web y un visitante llega a su sitio, el fragmento de Google Tag Manager inicia automáticamente la capa de datos.
Las etiquetas, los activadores, las variables y la capa de datos permiten controlar cuándo se activan las etiquetas como respuesta a determinadas acciones del usuario. Esto te permite personalizar cómo funcionan las etiquetas con el sitio web y reunir información de marketing valiosa.
ORGANIZACIÓN DE
TAG MANAGER
La jerarquía estructural de Tag Manager es la siguiente:
1. Cuenta
Una cuenta está asociada a un negocio o empresa, y puede contener varios contenedores.
En este nivel, también puedes administrar los permisos de acceso de las personas a los contenedores (se asignan privilegios a cada contenedor).
GTM ofrece los siguientes permisos:
- Sin acceso: el usuario no ve el contenedor en la lista
- Lectura: el usuario ve el contenedor y puede navegar por las configuraciones, pero no puede cambiarlas
- Edición: el usuario puede realizar ediciones, pero no publicarlas
- Publicación: el usuario puede realizar cualquier tipo de cambio dentro del contenedor
2. CONTENEDOR
El contenedor es la web o aplicación móvil a la que deseamos incrustar las etiquetas o fragmentos de código. Se suele crear un contenedor por cada dominio o aplicación móvil.
El contenedor es el segundo nivel de Google Tag Manager. Aquí es donde administrarás las etiquetas del sitio web.
Google Tag Manager funciona en cuatro niveles:
- Etiquetas
- Activadores
- Variables
- Capa de datos
3. ESPACIO DE TRABAJO
Espacios de trabajo: Para facilitar que equipos independientes trabajen en etiquetas para un mismo contenedor, sin que se interfieran unos a otros, existe el concepto de espacios de trabajo. Cada espacio de trabajo maneja distintas versiones y borradores de un mismo contenedor.
Dentro del espacio de trabajo de Tag Manager encontraremos las siguientes funcionalidades:
- Versiones. Cada vez que publicas un cambio en un contenedor, GTM crea una nueva versión. Si en algún momento necesitas restaurar a una versión anterior, puedes hacerlo desde la pestaña de “versiones”.
- Herramienta de prueba. La vista previa de Google Tag Manager permite la solución de problemas y la corrección de errores de las etiquetas. El modo de vista previa muestra qué etiquetas se activan en una página y cuáles no. También incluye información sobre los «activadores» que activan las etiquetas y los datos contenidos en las etiquetas de seguimiento.
- Plantillas de Etiquetas (códigos de seguimiento, etc.) GTM incluye una serie de etiquetas integradas importantes para análisis clásicos y universales, conversiones de Google Ads, remarketing y más.
- Plantillas de contenedores reutilizables. Tag Manager permite la posibilidad de exportar todas las etiquetas, activadores y variables en un único archivo. Puedes crear tus propias plantillas con los códigos y configuraciones de seguimiento que utilices habitualmente. Esto es especialmente útil para las agencias que tienen que implementar eventos estándar de Google Analytics una y otra vez, por ejemplo, seguimiento de vista de página, clics de enlace saliente, etc.
Primeros pasos
CONFIGURACIÓN
¿Cómo instalar Tag Manager en el sitio web?
- Crear una cuenta: en https://tagmanager.google.com
- Crear un contenedor: para el sitio web o App. Este contenedor es un fragmento de código que será el único que debamos instalar directamente en el sitio. Cada contenedor tiene un ID que asocia toda su configuración. Los distintos tipos de contenedores pueden ser: sitio web, IOS, Android o AMP.
Luego, hay dos formas para instalar Tag Manager dentro de nuestro sitio web:
- A través de un plugin (para wordpress) Recomiendo GTM4WP - A Google Tag Manager (GTM) plugin for WordPress de Thomas Geiger
- En forma manual, incorporando el script que nos brinda Tag Manager dentro de header.php de nuestro sitio web, si está realizado en WordPress. O sino incorporando dicho script en TODAS las páginas de nuestro sitio (preferentemente en la cabecera).
CREANDO ETIQUETAS
ETIQUETA 1: Google Analytics.
- PASO 1: dirigite a la sección de Etiquetas y creá una “Etiqueta de Google”, y colocá el ID de seguimiento de Analytics G-XXXXXXX (el mismo se encuentra dentro de Analytics en la sección Flujo de datos, detalles del fijo de datos.
- PASO 2: creá el activador, eligiendo ¨All Pages o todas las páginas¨ Listo!
Para verificar su funcionamiento podemos instalar la extensión de Tag Assistant.
Si configuramos el seguimiento de Analytics desde GTM, la etiqueta de Analytics la vamos a ver azul en el Tag Assitant, no verde. Aún así, no afecta su funcionamiento.
Sólo se muestra verde si se aplica manualmente en el código del sitio.
ETIQUETA 2: eventos de google analytics
- PASO 1: Creá una etiqueta ¨Google Analytics: evento de GA4¨ a la cual le incorporás el ID de medición de Analytics G-XXXXXXX¨ y elegís un nombre para la etiqueta.
- PASO 2: Creá el activador dependiendo de cómo querés que se active la etiqueta. Algunos ejemplos son: por página vista, por click en el enlace, por envío de formulario, por profundidad de desplazamiento dentro de una página (scroll), por visibilidad de un elemento, por visualización de video, etc.
- PASO 3: Verificá el funcionamiento en vista previa de TGM y en Analytics, en tiempo real, eventos.
ETIQUETA 3: vinculación de conversiones (Google ads)
Para los servicios de Google Ads, es requisito que la cuenta de Google Ads esté vinculada con la de Google Analytics. Se pue hacer desde Google Ads o desde Google Analytics, es indistinto.
- PASO 1: Creá una etiqueta ¨Vinculación de conversiones¨.
- PASO 2: Creá el activador All Pages (Todas las páginas).
ETIQUETA 4: eventos de google Ads
- PASO 1: En primer lugar tenés que crear las conversiones personalizadas en Google Ads (en conversiones). Hacés clic en el botón que dice crear acción de conversión (dentro de objetivos). Elegís la opción sitio web y luego la opción crear una acción de conversión manualmente.
- PASO 2: Una vez configurado en Google Ads, elegís incorporar en Tag Manager. Ahí te va a dar el número de ID y de la etiqueta.
- PASO 3: Luego, en Tag manager creas un evento de conversión de Google Ads y ahí incorporás los 2 datos anteriores.
- PASO 4: Elegís el activador según corresponda.
ETIQUETA 5: ETIQUETA DE REMARKETING DE GOOGLE ADS
- PASO 1: En primer lugar tenés que ir a Google Ads. En biblioteca compartida, administrador de públicos, fuente de datos y crear un etiqueta de Google Ads. En configuración , indica el ID de conversión.
- PASO 2: Luego en Tag Manager creás un etiqueta de Remarketing de Google y se incorpora el ID de conversión brindado por la etiqueta de Google Ads..
- PASO 3: Elegís el activador All Pages (Todas las páginas). y Listo.
ETIQUETA 6: PIXEL DE FACEBOOK
- Primero creás el pixel en Facebook.
- En el administrador de eventos copiá todo el código base del píxel (script) para implementación manual.
- Vas a Tag Manager y creás nueva etiqueta Custom HTML. Y ahí incorporás el script.
- Volvé a Google Tag Manager y pegá el código en el contenedor HTML.
- Hacé clic en el menú desplegable Configuración avanzada y seleccioná Una vez por evento en opciones de activación de la etiqueta
- En Activador, seleccioná ¨All Pages o Todas las páginas¨. Y listo.
Tener en cuenta que las etiquetas suelen tardar 24 hs en estar completamente funcionales.
EN RESUMEN
Google Tag Manager es una herramienta que tiene cierta complejidad para los que no son programadores, pero es sin lugar a dudas, muy eficaz y permite una variedad de opciones para hacer un seguimiento muy preciso de todas acciones dentro del sitio.
Fuente: Google.com
Comentarios
Otras Notas
MARKETING DIGITAL
¿Cuál es el beneficio de utilizar Publicidad de búsqueda con Google Ads? ¿Cómo lograr que tu anuncio aparezca cuando los usuarios están buscando tu producto o servicio?
MARKETING DIGITAL
¿Cuál es el beneficio de utilizar publicidad gráfica? La Publicidad Gráfica te permite mostrar tus anuncios a medida que las personas navegan por la web.
MARKETING DIGITAL
Con Anuncios de Video de YouTube puedes llegar a clientes potenciales y motivarlos para que realicen acciones cuando miran o buscan videos.