Cristina Hernando Pajuelo, google Ads | Tracking GTM | Analytics | CRO | Landing Page
 
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.


Cuando lanzamos un nuevo sitio web comercial, una de las cosas más importantes para nosotros es el seguimiento.

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

De las empresas de medios de comunicación cambian su web cada 3 años. Si no analizamos lo que hemos conseguido, seguiremos cometiendo 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.

 

Resumen: Lo que aprenderás en este completo tutorial.

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 de 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 - Instalación del código de seguimiento de Analytics y Google Ads gracias a GTM

4.2 - Configurar las conversiones de Google Ads con Google Tag Manager

4.3 - Configurar los eventos de Google Analytics con Google Tag Manager

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

¿Qué es Google Tag Manager?

Google Tag Manager es una herramienta integrada de Google que nos ayuda a monitorizar el rendimiento de nuestra web sin necesidad de pedir a nuestro equipo técnico que incluya un código para cada nueva conversión que queramos monitorizar.

 

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 tiene instalado Google Tag Manager?

Te recomiendo descargar la extensión de chrome Googe Tag Assistant. Cuando la tengas, verifica que tienes estas cuatro etiquetas instaladas.

 

1 - Google Analytics

2 - Google Tag Manager

3 - Etiqueta global del sitio

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

 

Los colores indican si la unidad está bien instalada o si hay un 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 de análisis instalados, pero es preferible tener sólo un GTM para no sobrecargar la página y evitar la ralentización.

Resultado del análisis de las etiquetas

Creación de una cuenta de 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.

 

Acceso a la página de Google Tag Manager,

 

Te pedirá que crees una cuenta

Crear una cuenta de Google Tag Manager

Sólo tienes que aceptar las condiciones de uso.

modo_programador_google_tag_manager

Mi sitio está creado en WIX. Si utilizas Wix tienes que poner en modo programador para pegar el código.

 

Google Tag Manager proporciona una guía de inicio aquí:

 

En el caso de WIX, no es necesario introducir el código.

 

Sólo tiene que añadir su referencia de 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 abiertas las siguientes herramientas:

 

- Google Analytics

- Google Tag Manager

- Anuncios de Google de la empresa en cuestión

- La web para la que estoy configurando las conversiones.

- Lista de comprobación GTM que puede descargar en este artículo.

 

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

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 ejecutar

  3. Variable: casos específicos

 

Ahora lo explicaremos con más detalle

 

  • Activar las variables

 

Tag Manager proporciona un conjunto de variables integradas que se utilizan habitualmente en el contenido, pero también le ofrece la posibilidad de crear variables que se adapten a sus 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 el activador activará la etiqueta: Formulario enviado con éxito.

 

También se puede utilizar para capturar valores dinámicos dentro de las etiquetas, como el importe de la compra realizada, para poder realizar 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.

Activar todas las variables que nos interesan (sin borrar las que están defectuosas)

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

Vamos a servirle mejor.

Activar las variables
  • Selección de los activadores

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

Son esenciales porque definen cuándo se debe enviar el código en la web (a través de las etiquetas). Las etiquetas deben tener al menos un activador para poder activarlas.

Los activadores de Google Tag Manager detectan determinados tipos de eventos en las páginas web o en las aplicaciones móviles, como la carga de formularios, los clics en botones o las visitas a páginas. Cuando el activador detecta el evento especificado, indica a la etiqueta que está activado.

Los activadores se seleccionarán cada vez que se configure una etiqueta.

 

  • Creación de "etiquetas".

 

Las etiquetas nos ayudan a enviar datos a Google Ads y Google Analytics.

Las etiquetas son fragmentos de código que los activadores envían a nuestro sitio web o aplicación móvil cuando se ha completado 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 muy bien la componentes de Google Tag Manager aquí.

Ahora vamos al grano. Vamos a configurar la monitorización de nuestra web gracias a Google Tag Manager.

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

Veamos cómo utilizar una etiqueta para ejecutar el seguimiento de Analytics.

Si aún no ha instalado la analítica, lo haremos gracias a Google Tag Manager.

Vamos a crear la etiqueta que utilizaremos para gestionar la analítica básica.

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

Nos ahorramos la molestia de introducir el código manualmente una y otra vez. Mejor dicho, nos ahorramos información y nos ahorramos tener que comprobar cómo podemos hacerlo en medio de todos los acontecimientos 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 el 'administrador' puedes recuperar el ID de seguimiento de la barra de 'Propiedad' - código de seguimiento.

Administrador

Vamos a crear la etiqueta en GTM y en 'Activadores' vamos a decir que está activa en todas las páginas.

 

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

 

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

Seguimiento base

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

 

Si quieres ver la lista actualizada de todos los etiquetas admitidas te dejo este enlace de google.

 

Del mismo modo, creamos la etiqueta de seguimiento básica para 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 creó el ID de conversión de Google Ads, sigue leyendo. Bono 1

Configurar las conversiones de Google Ads con Google Tag Manager

  • El enlazador de conversión o linker de conversión

 

Para que nuestro seguimiento 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

Estamos implementando este píxel en nuestro sitio web para ayudar a Google a rastrear las conversiones correctamente y seguir a los usuarios en la ruta de conversión.

 

Si hace clic en el mensaje, seleccionará el tipo de etiqueta por defecto y un activador. De lo contrario, crearás una etiqueta de tipo Vinculación de conversiones y el activador Todas las páginas.

Google Ads - Conversión

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

 

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

 

Conversiones específicas en Google Ads.

 

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

 

Vamos a aplicarlo a todo nuestro sitio web. Tenemos que asegurarnos de que el número de teléfono tiene el mismo formato en toda la web, en la etiqueta GTM y también en la conversión que creamos en Google Ads.

 

Para no perder la etiqueta en GTM y la conversión en Google Ads, utilice el mismo número: Website Call Tracking.

Seguimiento de llamadas en el sitio web

Para que nuestro sitio web funcione correctamente, el número de teléfono debe poder pulsarse. En caso de duda, al hacer clic, verás la siguiente ventana emergente 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 utilizará un número de transferencia para detectarlo.

 

Gracias a la vista previa de GTM, podemos ver la configuración que estamos haciendo.

 

Las Etiquetas disparadas indican todos los códigos de seguimiento que hemos implementado hasta la fecha 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, sólo solemos convertir las llamadas de la web de los usuarios que han hecho clic 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 se mide 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, creamos una variable javascript en GTM que indica si el usuario está utilizando un teléfono móvil. Registrar que una variable va a condicionar que el activador acepte la etiqueta.

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

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

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

 

La etiqueta no se activará si no se cumplen las dos condiciones.

Queremos crear una variable personal que identifique a los usuarios de móviles.

JavaScript personalizado

Javascript: realizará una comprobación y recibiremos una caja verde o negra

Análisis universales

Por ejemplo, vamos a crear los objetivos de análisis.

 

Etiqueta:

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

  • Tipo de seguimiento: Evento - Me gustaría detectar una acción completa (evento) en mi página web.

 

Son muchas las acciones que el usuario puede realizar 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.

Hacer una conversión

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

Si todavía tiene dudas sobre cómo configurar su seguimiento, no dudes en consultarme para ver cómo puedo ayudarte.

Necesitas que te ayuden

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

Activador: Clic en enlaces

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

 

Además, lo utilizamos como base para las etiquetas de seguimiento para rastrear los clics en función de condiciones específicas.

 

Pasos: crear un activador y seleccionar Clic - Solo enlaces. Deje la configuración que le aparece en la vista básica.

Configuración del activador

Haz clic en la vista previa de Google Tag Manager y prueba a hacer clic 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 de vista previa.

 

Si hace clic en un enlace, puede decir que cuando publique la versión actual de su contenedor GTM, cada vez que un usuario haga clic en un enlace, lo verá en el depurador GTM.

Haga clic en el enlace

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:

- Siga todos los enlaces clicables

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

- Copia y crea activadores que se activan únicamente con los clics que realmente te interesan gracias a las variables que identificaste en la vista anterior.

Este es un ejemplo de descarga de un documento de su sitio web como información del 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. Refresca o reabre la vista anterior

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

5. Identifique y haga clic en un enlace específico que desee seguir en Google Analytics.

6. Vea la vista anterior de GTM y haga clic en el último enlace.

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.

Configuración 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 la entrega de documentos sin ser la más restrictiva.

Configuración del activador 3

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

Configuración del activador 4

Veamos el evento en Analytics. Así, antes de publicar en vuestra web podéis verificar que no hay errores.

 

Si lo ves así, puedes optar por anunciar la última versión de Google Tag Manager que hayas configurado.

Configuración 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, puede hacer clic en variable desde el menú de inicio o mientras está creando otra etiqueta

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

Elegir 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. :)


Artículos similares

Últimos artículos

Zonas geográficas/departamentos españoles en Google Ads

Cómo destacar en su campaña de marca en Google Ads

Cree su cuenta de Google Analytics en 2022

Categorías