Variables Google Tag Manager

Vamos a crear dos variables que aprovecharemos para usar en todas las configuraciones de nuestras etiquetas de Google Analytics.

Variable “GA UA ID”

Creamos una variable tipo constante que contendrá la propiedad UA de Google Analytics de nuestra web o apps, a la cual vamos a enviar los datos.

Variable “GA Config”

Creamos una variable de tipo “Google Analytics Settings” que contendrá nuestra configuración base o unificada para todos nuestros píxeles de Google Analytics.

1. Tracking ID, usaremos la variable {{GA UA ID}} que ya teníamos configurada con la propiedad a la que enviaremos los datos en Google Analytics.
2. Coookie Domain, por defecto se deja con valor “auto».

Configurar Seguimiento de página en Google Analytics

Configurar el seguimiento básico de página de Google Analytics en Google Tag Manager sería el equivalente a añadir el código que nos da Google Analytics para insertar en la todas las páginas de la web.
Esta sería la configuración de este píxel cuyo nombre es «UA – Page All», todos los píxeles de Google Analytics los identifico siempre iniciando el nombre con «UA» y como segunda parte la condición en la que se ejecuta el píxel «Page All» o en todas las páginas.

• 1. Configuración
  • Tipo Etiqueta: Universal Analytics
  • Track Type: seleccionamos el tipo de seguimiento en Google Analytics como Page View
  • Google Analytics Settings: seleccionamos la variable que ya teníamos definida {{GA Config}}, que contiene la configuración base de la etiqueta Google Analytics.
• 2. Activador/Trigger
  • All pages, es un activador que tenemos ya configurado por defecto en Google Tag Manager.

Configurar Seguimiento de evento en Google Analytics

El seguimiento de eventos en Google Analytics es bastante sencillo de configurar dentro de Google Tag Manager, sólo tenemos que añadir los valores de categoría, acción, etiqueta y valor de nuestro evento. Para ello, se recomienda elaborar un plan de medición donde definamos toda nuestra estructura de eventos.

Algunos ejemplos habituales de mediciones de eventos serían: click a un banner de publicidad, click a los perfiles sociales, clics añadir carrito de la compra, reproducción de videos de Youtube, etc.

En este ejemplo vamos a crear un evento para medir los clics a un banner existente en nuestra web/blog cuyo nombre de píxel será «UA – Event Linkclick Banner». Como podéis observar, con este nombre defino el tipo de etiqueta que estoy configurando (Universal Analytics), el tipo medición (Event) y la acción que lo ejecuta (Linclick Banner).

• 1. Configuración
  • Tipo Etiqueta: Universal Analytics
  • Track Type: seleccionamos el tipo de seguimiento en Google Analytics como Event.
  • Google Analytics Settings: seleccionamos la variable que ya teníamos definida {{GA Config}}, que contiene la configuración base de la etiqueta Google Analytics.
• 2. Evento
  Configuramos los campos de nuestro evento, que previamente debemos tener definido en nuestro plan de medición.
  • 1. Category / 2. Action / 3. Label.
  • 4. Value (opcional): valor del evento, debe ser un número y, si dejamos vacío Google Analytics, lo contabilizará como CERO.
  • 5. Non-Interaction: ¿qué es un evento sin interacción? Es un evento que anula la tasa de rebote y, por defecto, el valor es «False». En nuestro caso no queremos anular la tasa rebote y el valor es «True».
• 3. Activador/Trigger
  • «Linkclick – Banner», es un activador que definimos en nuestro contenedor cuya condición es la URL del enlace contenga una determinada.

Bonus Tip

Variable “GA Config” (avanzado)

Hemos definido esta variable en su forma más básica, pero esta variable nos ofrece configuraciones avanzadas para nuestros píxeles de Google Analytics.

1. Configuración de campos
2. Dimensiones personalizadas
3. Métricas personalizadas
4. Agrupación de contenidos
5. Publicidad
6. Ecommerce
7. Cross-domain (Seguimiento multi-dominio)
8. Configuración avanzada

5. Activar la etiqueta remarketing

Activar siempre la etiqueta de remarketing en Google Analytics, de esta forma si tenemos activa esta configuración en nuestra propiedad de Google Analytics, podremos hacer remarketing para Adwords y funcionarán los informes de interés y demográficos.

7.  Configurar cross-domain o seguimiento muti-dominio

Configurar seguimiento multidominio o cross-domain en Google Analytics cuando estamos usando nuestro Google Analytics en más de un dominio o subdominios.

• Si usamos subdominios, añadir el dominio sin www
• Si usamos varios dominios con el mismo UA, añadir los dominios separados por coma

En resumen, ya puedes comenzar a trabajar con píxeles de Google Analytics en Google Tag Manager, pero sobre todo crear píxeles para configurar eventos abre un enorme mundo de posibilidades para ampliar la estrategia de medición y dependerá de tu habilidad para definirlos/crearlos.

Si has pensado en migrar tu implementación de Google Analytics a Google Tag Manager o necesitas ayuda, recuerda que en Seocom somos especialistas en Google Tag Manager.

La entrada Configurar Google Analytics en Google Tag Manager (seguimiento páginas y eventos) se publicó primero en ROIANALYTICS.

Google Tag Manager o GTM es un sistema de administración o gestor de etiquetas que nos permite actualizar de forma fácil y rápida todas aquellas etiquetas/pixeles/códigos dentro de su plataforma sin tener que añadir directamente el código en la web o apps. Estos códigos son principalmente de herramientas de análisis de tráfico como Google Analytics, campañas de marketing de pago como Google Adwords/Facebook Ads y herramientas de optimización como Google Optimize/Hotjar/CrazyEgg.

Desde que se publicó su primera versión en Octubre 2012, el objetivo principal de Google Tag Manager es ayudar a los equipos de Marketing Digital a gestionar de una forma más eficaz y flexible todo su proceso de etiquetado de seguimiento de campañas.

Según la web Buildwith.com, entre todas las soluciones de Tag Management del mercado Google Tag Manager es la herramienta más utilizada a nivel mundial con un 90% de uso y en España con un 98%.

Uso Google Tag Manager en España según BuildWith:

¿Cómo funciona Google Tag Manager?

Particularmente, me gusta pensar que Google Tag Manager es como el “anillo único” del Señor de los Anillos: con un solo código insertado en tu web o apps puedes controlar todo. Si es una web, el código de Google Tag Manager se debe insertar en todas las páginas,  y si es una App de Android o de iOS el código se debe implementar junto con el SDK de Firebase.

El uso más habitual de Google Tag Manager es para hacer el seguimiento de Google Analytics y Google Adwords, pero hay vida más allá de éstos y casi cualquier etiqueta/código se puede gestionar dentro de Google Tag Manager.

Ventajas

• Reduce dependencia de Marketing con IT/Desarrollo, desde tu contenedor puedes configurar tus pixeles y no tener que solicitar constantemente al equipo de IT que inserten los códigos en la web/apps con la consiguiente espera y retrasos
• Integración máxima con productos de Google (Analytics y Adwords)
• Integraciones con productos de terceros, tenemos una gran cantidad de tags pre-configurados de diferentes proveedores
• Control de versiones y roll-back, en caso error podemos cargar una versión anterior que sí funcionaba
• 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, tenemos un potente entorno de depuración o pruebas para realizar todas las validaciones de nuestras configuraciones
• Es gratis

Desventajas

• Si la web/apps tiene implementado etiquetas hay que re-etiquetarla, es decir, migrar cada una de las etiquetas a Google Tag Manager para ejecutarlas en las mismas condiciones
• No perdemos 100% dependencia IT, para configuraciones de Google Tag Manager muy avanzadas tendremos que solicitar a IT inserte códigos para ayudar a la herramienta a capturar información de la web/apps
• Configuraciones avanzadas requieren conocimientos de programación como Javascript
• Implementación y configuraciones avanzadas no son triviales ni baratas

Estructura de Google Tag Manager

Ésta sería la estructura habitual de una cuenta de Google Tag Manager con un solo contenedor, muy similar a la de Google Analytics con cuenta/propiedades:

Una cuenta de Google Tag Manager puede tener varios contenedores y cada uno de estos contenedores tendrán su propia configuración:

• Contenedor: espacio que creamos dentro de Google Tag Manager donde configuramos nuestros tags/etiquetas. Cada contenedor tiene un ID que asocia toda su configuración. Hay cuatro tipos diferentes: Web, App iOS, App Android y AMP
• Tags/Etiquetas: son fragmentos de código que se ejecutan en una página y que envían información a terceros. Un ejemplo de tag sería el seguimiento de página de Google Analytics o el pixel de conversión de Adwords.
• Triggers/Activadores: son las reglas que definen cuándo y dónde se disparan las etiquetas o tags, cuya evaluación da como resultado «verdadero» o «falso»
• Variables: permite almacenar o calcular valores (tanto estáticos como dinámicos) en tiempo de ejecución, se pueden usar para evaluar las condiciones de los activadores y pasar información a las etiquetas

Crear cuenta y primer contenedor Google Tag Manager

1)  Acceder a Google Tag Manager para crear una nueva cuenta. Escribimos el nombre de nuestra cuenta que normalmente coincide con el de nuestra compañía:

2) Crear nuestro primer contenedor. Añadimos un nombre que identifique al contenedor y seleccionamos el tipo de contenedor “web”, ya que nuestro contenedor es para una página web:

3) Código de seguimiento que debemos insertar en nuestra web:

Para un correcto funcionamiento de Google Tag Manager es muy importante insertar el código según las instrucciones de Google.

¿Cómo comprobar que Google Tag Manager está funcionando correctamente?

Puedes verificar que el código de seguimiento de Google Tag Manager está funcionando correctamente en tu web usando la extensión “Tag Assistant” para el navegador Google Chrome:

En resumen, Google Tag Manager es una herramienta analítica digital muy potente que deberías estar usando en tus proyectos digitales para gestionar todos los pixeles que se ejecutan en tu web o apps.

La entrada Qué es Google Tag Manager y cómo funciona se publicó primero en ROIANALYTICS.