Cristina Hernando Pajuelo
Google Ads | Tracking GTM | Analytics | CRO | Landing Page

Google Tag Manager ¿Cómo usarlo para configurar Google Analytics y Google Ads? Tutorial completo.

Blog ES

Cuando lanzamos una nueva web comercial una de las cosas a las que menos importancia se le da es el tracking.

Analizar lo que hacen los usuarios y lo que funciona y lo que no es fundamental.

De media las empresas cambian de web cada 3 años. Si no hemos analizado lo que nos da resultado volveremos a hacer los mismos errores.

Ya sea porque hagamos publicidad de pago CPC en Google Ads o cualquier otra acción de marketing necesitamos asegurarnos que vamos a poder seguir correctamente cada conversión gracias a Google Analytics y Tag Manager.

 

Sumario: Lo que vas a aprender en este tutorial completo.

1.- ¿Qué es Google Tag Manager?

2.- ¿Cómo comprobar si la web ya tiene Google Tag Manager instalado?

3.- Creación de una cuenta Google Tag Manager e instalación en la web

4.- Google Tag Manager. Tutorial completo para configurar etiquetas, activadores y variables paso a paso.

4.1.- Instalar el código de seguimiento Analytics y Google Ads gracias al GTM

4.2.- Configurar las conversiones Google Ads gracias a Google Tag Manager

4.3.- Configurar los eventos Google Analytics gracias a Google Tag Manager

4.4.- Configurar los elementos Google Tag Manager más importantes para cualquier web.

¿Qué es Google Tag Manager?

Google Tag Manager es una herramienta integrada de Google que nos ayuda a seguir el rendimiento de nuestra web sin necesidad de pedir al equipo técnico que nos incluyan código para cada nueva conversión que queremos seguir.

 

El GTM lo debe instalar alguien que tenga acceso al código, una vez que esté instalado podemos instalar todo lo demás a partir del contenedor Google Tag Manager.

¿Cómo comprobar si la web ya tiene Google Tag Manager instalado?

Te recomiendo descargar la extensión de chrome Googe Tag Assistant. Cuando la tengas, verifica que tienes estos cuatro tags instalados.

 

1.- Google Analytics

2.- Google Tag Manager

3.- Global Site tag

4.- Google Ads Remarketing Tag (si haces remarketing con Google Ads)

 

Los colores indican si está bien instalado o hay algún error.

Azul y verde quieren decir que está bien instalado y funcionando

Rojo y Amarillo: algo que tienes que corregir

Puedes tener varios códigos analytics instalados pero es preferible tener solo un GTM para no sobrecargar la página y evitar ralentizar.

Result of Tag Analysis

Creación de una cuenta Google Tag Manager e instalación en la web

Este es el proceso que yo utilizo para instalar GTM antes de lanzar mis campañas de Adwords.

 

Accede a la página de Google Tag Manager,

 

Te pedirá crearte una cuenta

Creación de una cuenta Google Tag Manager

Ya solo tienes que aceptar las condiciones de utilización.

modo_programador_google_tag_manager

Mi sitio lo creé en WIX. Si utilizas Wix te tienes que poner en modo programador para pegar el código.

 

Google Tag Manager propone una guía de inicio exprés aquí:

 

En el caso de WIX, no tienes que pegar el código.

 

Solo te pide añadir la referencia de tu Google Tag Manager aquí:

referencia de tu Google Tag Manager

Clicas en GTM y añades el código que ves a la derecha GTM- XXX

GTM-XXX

Google Tag Manager. Tutorial completo para configurar etiquetas, activadores y variables paso a paso.

Cuando estés configurando Google Tag Manager os recomiendo tener abierta las siguientes herramientas:

 

- Google Analytics

- Google Tag Manager

- Google Ads de la cuenta en cuestión

- La web para la cual estáis configurando las conversiones.

- Checklist GTM que podrás descargar en este artículo.

 

Antes de empezar a tienes que entender los componentes fundamentales que te van a ayudar a configurar código en Google Tag Manager de una forma muy comprensiva.

Google Tag Manager. Tutorial completo para configurar etiquetas, activadores y variables paso a paso.

En resumen, tienes que quedarte con estos conceptos:

 

  1. Etiqueta: qué se ejecuta

  2. Activadores: cuándo se ejecuta

  3. Variable: casos específicos

 

Ahora vamos a explicar con más detalle

 

  • Activar las variables

 

Tag Manager proporciona un conjunto de variables integradas que se usan habitualmente en los contenedores, aunque también te da la posibilidad de crear variables que se adapten a tus necesidades específicas.

 

Una variable es simplemente un valor que cambia.

Las variables de Google Tag Manager tienen la misma función y se usan tanto para accionar un activador GTM cuando un valor cambia, por ejemplo, mi URL que contiene /formulario ahora contiene /agradecimiento. En este caso se el activador va a accionar la etiqueta: Formulario enviado con éxito.

 

También se puede usar para capturar valores dinámicos dentro de las etiquetas, como el importe de la compra realizada para poder hacer un seguimiento adecuado del ROI de la conversión.

 

Vamos a habilitar todas las variables más comunes para que puedan ser seleccionadas cuando estemos configurando etiquetas y activadores.

Activamos todas las variables que nos interesan (sin suprimir las que están por defecto)

Esto es: clics, formularios, vídeos, desfilar la página o incluso visibilidad.

Nos va a servir más adelante.

Activar las variables
  • Seleccionar los activadores

Antes de hablaros de lo que son las etiquetas os cuento lo que son los activadores.

Son imprescindibles porque definen cuándo se tiene que ejecutar el código en la web (a través las etiquetas). Las etiquetas deben tener al menos un activador para poder accionarse.

Los activadores de Google Tag Manager detectan ciertos tipos de eventos en páginas web o en aplicaciones móviles, como envíos de formularios, clics a botones o visitas a páginas. Cuando el activador detecta el evento especificado, le indica a la etiqueta que se active.

Los activadores irán siendo seleccionados cada vez que configure una etiqueta.

 

  • Creación de 'etiquetas'.

 

Las etiquetas nos van a ayudar a enviar datos a Google Ads y Google Analytics.

Las etiquetas son fragmentos de código que se ejecutan en nuestra web o aplicación móvil gracias a los activadores cuando se ha cumplido una función.

Los activadores nos decían cuándo se tenía que ejecutar y la etiqueta nos dice el qué se tiene que ejecutar.

Google explica maravillosamente bien los componentes de Google Tag Manager aquí.

Ahora vamos al grano ahora. Vamos a configurar el seguimiento de nuestra web gracias a Google Tag Manager.

Instalar el código de seguimiento Analytics y Google Ads gracias al GTM

Vamos a ver cómo usar una etiqueta para ejecutar el seguimiento de Analytics.

Si aún no hemos instalado analytics lo vamos a hacer gracias a Google Tag Manager.

Vamos a crear la etiqueta que vamos a utilizar para hacer el seguimiento de base de analytics.

Esto equivale a haber insertado el código Google Analytics en cada una de nuestras páginas dentro de la web.

Nos ahorramos tener que introducir el código manualmente una y otra vez. Mejor dicho, se lo ahorra el informático y nosotros el hecho de tener que verificar cuándo puede hacerlo en medio de todos los desarrollos importantes.

Si no tenemos cuenta de analytics, hay que crearla ;). Es gratis, como casi todas las herramientas de Google.

Si tienes analytics, conéctate y desde 'administrador' puedes recuperar el ID de seguimiento desde la barra 'Propiedad' - código de seguimiento.

Administrador

Vamos a crear la etiqueta en GTM y en 'Activadores' le vamos a decir que se active en todas las páginas.

 

Esto es, implementar el código analytics en todas las páginas.

 

Nos hemos evitado copiar/pegar el código en todas las páginas.

Seguimiento base

Y así vamos creando varias etiquetas en función de todo lo que queramos medir.

 

Si quieres consultar la lista actualizada de todas las etiquetas admitidas te dejo este enlace de google.

 

De la misma forma crearemos la etiqueta del seguimiento de base de Google Ads. También lo vamos a aplicar a todas las páginas de nuestra web. Bueno, en todas las que hemos instalado nuestro contenedor de Google Tag Manager, claro.

 

Quedaría así.

Seguimiento de base 2

nota: Google Ads - ID no es una variable por defecto sino una constante personalizada que he creado con el ID de Google Ads. Si quieres ver cómo he creado el ID de conversión Google Ads te lo explico más abajo. Bonus 1

Configurar las conversiones Google Ads gracias a Google Tag Manager

  • La vinculación de conversiones o conversion linker

 

Para que nuestro tracking de Google Ads funcione correctamente, GTM nos muestra la siguiente alerta para crear la etiqueta por defecto.

 

¡Clica sin miedo!

crear la etiqueta por defecto

Vamos a implementar ese pixel en nuestra web para ayudar a Google a seguir de forma correcta las conversiones y seguir los usuarios en el camino de conversión.

 

Si clicáis en el mensaje os selecciona por defecto el tipo de etiqueta y un activador. De lo contrario, creáis una etiqueta de tipo Vinculación de conversiones y el activador Todas las páginas.

Google Ads - Conversion

Esta es la base mínima que tenemos que crear para seguir las conversiones Google Ads.

 

Ahora procedemos a configurar de forma específica cada conversión.

 

Conversiones específicas en Google Ads.

 

  • Seguimiento de conversiones de llamada desde un número en nuestra página web.

 

La vamos a aplicar en todo nuestro sitio. Tenemos que asegurarnos que el número de teléfono tiene el mismo formato en toda la web, en la etiqueta GTM y así como en la conversión que creemos en Google Ads.

 

Para no perdernos llamaremos la etiqueta en GTM y la conversión dentro de Google Ads por el mismo nombre: Website Call Tracking.

Website Call Tracking

Para que funcione correctamente el número de teléfono de nuestra web debe ser clicable. En caso de serlo, cuando clicas, deberías ver el siguiente pop up en tu web.

 

(Siento los mensajes en francés y en inglés, ya sabéis que gestiono cuentas de marketing a nivel internacional)

número de teléfono

Sino, sería du texto html. Google va a usar un número de transfer para detectarlo.

 

Gracias al Preview GTM, podemos ir viendo la configuración que vamos haciendo.

 

El Tags fired indica todos los códigos de seguimiento que hemos implementado hasta ahora y que se lanzan cada vez que cargamos una página.

Google Tag Manager

En el caso de un negocio en el que las llamadas sean importantes, nos interesa crear un objetivo en analytics.

Porque con la configuración anterior, solo tendremos las conversiones por llamada desde la web de los usuarios que hayan clicado en un anuncio en Google Ads.

Me puede interesar conocer también los usuarios que llaman al número de la web, sobre todo cuando nuestra web recibe tráfico principalmente desde el móvil. Porque desde un móvil podemos llamar directamente y que la llamada llegue a buen puerto. Olé !

Una llamada que llega a buen puerto es una llamada que no solo conecta sino que mantiene un cierto tiempo de conversación.

 

  • En Google Ads, esto está medido por los segundos a partir de los cuales consideramos que una llamada es productiva.

  • En google analytics no podemos hacer eso. Por eso, si hacemos clic desde el ordenador, la llamada no se va a realizar. Por eso vamos a crear una variable especial que nos va a servir para determinar solo las llamadas desde móvil.

 

Para ello, vamos a crear una variable de tipo javascript personalizada en GTM que nos indica si el usuario está usando un móvil. Recordad que una variable va a condicionar que el activador accione la etiqueta.

En este caso, quiero que me accione la etiqueta analytics cuando estas dos condiciones se cumplan (Y):

  1. se realice un clic sobre el enlace del número de teléfono

  2. solo cuando el clic venga de un número de móvil

 

¡La etiqueta no se acciona si no se cumplen las dos condiciones!

Vamos a crear una variable personalizada que identifique a los usuarios móviles.

JavaScript personalizado

Javascript : va a efectuar una verificación y nos devuelve VERDADERO o FALSO

Universal Analytics

Por ejemplo, vamos crear los objetivos analytics.

 

Etiqueta:

  • El tipo es analytics porque quiero que se vea en analytics

  • Tipo de seguimiento: Evento - Quiero que me detecte una acción completada (evento) en mi página web.

 

Hay numerosas acciones que el usuario puede llevar a cabo en nuestra web. Nos interesa sobre todo los clics en los CTA`s, llamadas, envíos de formularios, descarga de infoproductos, suscripción a la newsletter y lo más importante: compra o suscripción a nuestro servicio. Esta lista no es exhaustiva....

Para hacer el seguimiento de conversiones Google Ads tienes que tener una cuenta Google Ads, que vamos a conectar igual que hemos hecho con analytics.

Conéctate a tu cuenta Google Ads una vez creada, y dirígete a Herramientas y Configuración.

Agregas una conversión

A partir de ahí, cada vez que agregas una conversión en Google Ads tienes que crear la misma en Google Tag Manager. Igualmente en analytics.

Si aún tienes dudas de cómo configurar tu tracking, no dudes en consultarme para ver cómo puedo ayudarte.

Necesitas que te ayuda

Configurar los elementos Google Tag Manager más importantes para cualquier web.

Activador: Clic en enlaces

Este es uno de los elementos más importantes en Google Tag Manager ya que permite estudiar el comportamiento del usuario en nuestra web.

 

Además, lo usaremos como base para etiquetas de seguimiento para seguir clics en función de condiciones especificas.

 

Pasos: crea un activador y selecciona Clic - Solo enlaces. Deja la configuración que te aparece de base.

Configuracion del activador

Haz clic en la vista previa de Google Tag Manager y prueba a clicar en cualquier enlace de tu página web. No olvides que en tu url debe aparecer gtm_debug=x para asegurarte que estás en el modo vista previa.

 

Si ves Link Click, quiere decir que en el momento que publiques la versión actual de tu contenedor GTM cada vez que un usuario clique en un enlace podrás verlo en GTM debugger.

Link click

Si quieres verlo en Analytics tendrás que crear una etiqueta en Analytics como te mostraré dentro de poco.

 

Este es uno de los activadores que debes crear justo después de haber instalado Google Analytics; porque a partir de ahí, podrás:

- Seguir todos los enlaces clicables

- Ver las variables de esos enlaces que te ayudarán a crear condiciones máfis específicas de seguimiento

- Copiar y crear activadores que se activan únicamente con los clics que realmente te interesa gracias a las variables que habrás identificado en la vista previa.

Veamos un ejemplo de descarga de documento de tu web como un info producto.

 

IMPORTANTE:

Si has seguido todos los pasos, deberías haber activado ya todas las variables que GTM ofrece preconfiguradas pero no activadas.

P

2. Antes de empezar publica la versión anterior.

3. Actualiza o abre de nuevo la vista previa

4. Vuelve a tu página web : gtm_debug=x

5. Identifica y clica un enlace específico que quieras seguir en Google Analytics.

6. Ve a la vista previa de GTM y clica en el último link.

7. Abre las variables

8. En GTM vamos a copiar nuestro activador para crear uno más específico solo para la descarga de documentos.

Configuracion del activador 2

9. Vamos a modificarla con los siguientes parámetros de modo que se active cuando una variable de tipo click URL contenga alguno de los formatos de fichero pdf, word o excel.

 

He elegido esta variable porque es la que mejor identifica a la descarga de documentos sin ser la más restrictiva.

Configuracion del activador 3

10. Ahora vamos a crear una etiqueta en Google Tag Manager que le envíe la información a Google Analytics para ese activador.

Configuracion del activador 4

Vamos a ver el evento en Analytics. Así, antes de publicar en vuestra web puedes verificar que no hay errores.

 

Si lo ves como aquí, ya puedes darle a publicar la última versión de Google Tag Manager que hayas configurado.

Configuracion del activador 5

Crear una constante en Google Tag Manager

Hay informaciones que vamos a tener que introducir varias veces. Para ganar tiempo, lo mejor es crear una constante gracias a las variables.

Para ello, puedes clicar en variable desde el menú de inicio o mientras estás creando otra etiqueta

En vez de elegir una variable, selecciona el símbolo "+" para crear una variable personalizada.

Eligir una variable

Dentro del tipo de variable selecciona 'tipo' Utilidades / constante. Yo la guardo como Google Ads ID. Así es como quedaría.

Tipo de etiqueta

Si te ha gustado, no dudes en compartirlo. :)


Articles similaires

En poursuivant votre navigation sur ce site, vous acceptez l'installation et l'utilisation de cookies sur votre poste, notamment à des fins d'analyse d'audience, dans le respect de notre politique de protection de votre vie privée.