MARKETING DIGITAL
Google Tag Manager:
Administrador de etiquetas
GUÍA BÁSICA 2020 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 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 y conseguimos webs más rápidas
- 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 ya 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 Eventos (Clics en enlaces, Envíos de formularios, Scroll de los usuarios, Reproducción de vídeos y su interacción con los mismos, Transacciones, Tiempo en página y Otros comportamientos del usuario.)
- 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 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.
¿Cómo recoge los datos Tag Manager del sitio web?
Hay dos métodos para recoger datos con Tag Manager.
- El primer método extrae la información a través de variables directamente del código fuente de un sitio web o un navegador. Por ejemplo, podría utilizar JavaScript para recopilar información de una cookie del navegador, de variables JavaScript o, directamente, de atributos de etiquetas HTML.
- El segundo método utiliza la capa de datos para transmitir datos a otras aplicaciones. La capa de datos proporciona un método independiente y dedicado a transmitir datos del sitio web. Además, no crea dependencias frágiles en el código fuente de una página web.
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
- 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.
- Instalar el ID del contenedor: dentro del sitio web Puedes verificar que el código de seguimiento de Google Tag Manager está funcionando correctamente en el web usando la extensión “Tag Assistant” para el navegador Google Chrome.
Y ahora a crear etiquetas.
Configuración de Google Analytics en GTM
Si configuramos el seguimiento de Analytics desde GTM, la etiqueta la vamos a ver azul en el Tag Assitant, no verde. Tag Assistant tiene un bug que no muestra como inserción correcta los Tags de Google Analytics incorporados desde GTM, aún así, no afecta su funcionamiento.
Sólo se muestra verde si se aplica manualmente en el código del sitio.
Para Universal Analytics, en primer lugar debemos crear la variable de configuración de Google Analytics a través de una propiedad reutilizable, para ahorrar tiempo y evitar errores al actualizar. Esta variable es la que llevará el ID y otras configuraciones específicas de Analytics que queramos reutilizar entre diferentes etiquetas. Para Analytics G4, ir directamente al paso 3.
- PASO 1: ir a la sección de variables y crear una variable definida por el usuario de tipo “constante” con el nombre por ejemplo de “GA Property”. Y pondremos como valor el identificador de la cuenta de Analytics (el código “UA-XXXXXX-XX¨ para Universal Analytics).
- PASO 2: ir a la sección de variables y crear otra variable definida por el usuario de tipo “configuración de Universal Analytics” y utilizaremos como ID de seguimiento la variable creada anteriormente “GA Property”, y habilitaremos en Publicidad las funciones publicitarias de Display. Al habilitar las funciones de publicidad de display unos permitirá configurar Audiencias de Remarketing con Analytics. Esta variable la llamaremos ¨Config UA-XXXXXXXXX-X.
Y ahora a crear nuestra primera etiqueta.
- PASO 3: ir a la sección de Etiquetas y crear una con el nombre por ejemplo de “GA - Pageview”, el tipo de Etiqueta será “Google Universal Analytics” o “Google Analytics GA4”, el tipo de seguimiento será ¨página vista¨ y la configuración de universal analytics será la variable creada en el paso 2 y para Analytics GA4, en el ID de seguimiento hay que poner el código de seguimiento G-XXXXXXX.
- PASO 4: crear el activador ¨All Pages¨ Listo!
Configuración de eventos de Analytics en GTM
- PASO 1: Para Universal Analytics creamos una etiqueta de tipo ¨Google Analytics¨, elegimos Tipo de seguimiento ¨evento¨. Luego se deben asignar la categoría y la acción a gusto de cada uno. En configuración de Google Analytics utilizaremos la variable Config UA-XXXXXXXXX-X. Para GA4 elegimos¨ Evento de GA4¨ ID de medición manual G-XXXXXXX¨ y el nombre del evento.
- PASO 2: crear activador dependiendo de cómo queremos 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: Ir a Analytics y configurar el evento como un objetivo para Universal Analytics y para Analytics GA4 ir a Configurar/evento. Completar los campos del evento con los mismos términos que se pusieron en la etiqueta del evento.
- PASO 4: verificar funcionamiento en vista previa de TGM y en Analytics, Tiempo real, Eventos.
Configuración de pixel Facebook en GTM
Hay 2 maneras de crearlo: desde Facebook o desde GTM.
1. Desde Facebook
- Ve a la pestaña Píxeles en el administrador de eventos.
- Haz clic en Configurar píxel.
- Haz clic en Usar una integración con socios.
- Selecciona Tag Manager.
- Habilitar los permisos solicitados.
- Verificar que aparezca la etiqueta del pixel de Facebook y ver funcionamiento.
2. Desde Tag Manager
- Inicia sesión en la cuenta de Google Tag Manager.
- Selecciona el contenedor del sitio web y crear nueva etiqueta.
- Haz clic en Custom HTML Tag y escribe el nombre de la etiqueta.
- Ve al administrador de eventos y haz clic en la opción Detalles del píxel. Haz clic en Configurar y selecciona Instalar el código del píxel manualmente. Copia todo el código base del píxel, tal como se muestra a continuación.
- Vuelve a Google Tag Manager y pega el código en el contenedor HTML.
- Haz clic en el menú desplegable Configuración avanzada y selecciona Una vez por evento en opciones de activación de la etiqueta
- En Activador, selecciona All Pages.
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.