Introducción a la instalación y conceptos de Google Tag Manager con ejemplos de eventos automátiucos

1. Google Tag Manager
www.analisis-web.es

2. Google Tag Manager @analisisweb
Google Tag Manager es un sistema de administración de etiquetas que le permite actualizar
de forma fácil y rápida las etiquetas y los fragmentos de código de su sitio web o de sus
aplicaciones móviles, como los destinados al análisis del tráfico y a optimizar las campañas
de marketing.
www.analisis-web.es

3. Google Tag Manager @analisisweb
Lo primero: crear una cuenta
1.- Necesitas una cuenta de Google
2.- Crea una cuenta en tagmanager.google.com
www.analisis-web.es

4. Google Tag Manager @analisisweb
Lo primero: crear una cuenta
www.analisis-web.es

5. Google Tag Manager @analisisweb
¡¡EL código!!
www.analisis-web.es

6. Google Tag Manager @analisisweb
Estructura
Contenedor: Espacio en el que se almacenan las etiquetas.
cada contenedor tiene un id diferente (GTM-xxx)
Etiqueta: una etiqueta es cada una de las herramientas que
instalemos en nuestra web. Es un fragmento de código
javascript insertado. ( Google analytics, por ejemplo)
Trigger (activador): ¿Cuándo debe lanzarse una etiqueta?
Variables:son pares de nombre-valor cuyo valor se completa
en tiempo de ejecución.
www.analisis-web.es

7. Google Tag Manager @analisisweb
Y cuando lo tengo configurado ¿qué?
1.- Un contenedor sólo funciona cuando se PUBLICA.
2.- Antes de publicar conviene revisar (debug)
En modo preview podremos comprobar el funcionamiento de nuestro contenedor
y las reglas así como los valores que pueden tomar las variables sin tener que
poner en producción los cambios.
www.analisis-web.es

8. Google Tag Manager @analisisweb
Paso a Paso: La primera Etiqueta
Existen muchas etiquetas predefinidas y de diferentes productos, si no aparece la nuestra siempre
tenemos las “custom”
www.analisis-web.es

9. Google Tag Manager @analisisweb
Paso a Paso: La primera Etiqueta
Para medir con Universal Analytics elegimos la correspondiente etiqueta y configuramos
La configuración genérica de GA
es de “PÁGINA VISTA”
Tenemos la CONFIGURACIÓN DE
GA que nos permite aplicar una
misma configuración a varias
etiquetas de GA.
Como mínimo hay que introducir
el ID de GA, y podemos hacer
multitud de configuraciones
www.analisis-web.es

10. Google Tag Manager @analisisweb
Paso a Paso: La primera Etiqueta
Tenemos la opción de configurar campos como la url que se envía o el
nombre de página, envío de dimensiones y métricas personalizadas
seguimiento multidominio…. etc
www.analisis-web.es

11. Google Tag Manager @analisisweb
Paso a Paso: Activación ¿Cuándo se activa la etiqueta?
Inicialmente tenemos “todas las páginas” ( es el que usaremos ahora) pero podemos añadir otro
tipo de activadores según nuestros intereses...
www.analisis-web.es

12. Google Tag Manager @analisisweb
Paso a Paso: Activación ¿Cuándo se activa la etiqueta?
Tenemos la opción de configurar campos como la url que se envía
o el nombre de página, envío de dimensiones y métricas
personalizadas seguimiento multidominio…. etc
www.analisis-web.es

13. Google Tag Manager @analisisweb
EJEMPLO: activar para una sóla página
Para activar en una sóla página, tendremos que modificar la configuración:
● Activar solo en “Algunas páginas”.
● Especificar la página concreta.
www.analisis-web.es

14. Google Tag Manager @analisisweb
EJEMPLO: activar para una sóla página
● Los activadores también se pueden utilizar como EXCEPCIONES.
● “ LA ETIQUETA SE ACTIVARÁ EXCEPTO SI SE CUMPLE LA CONDICIÓN DEL ACTIVADOR”
www.analisis-web.es

15. Google Tag Manager @analisisweb
Variables:son pares de nombre-valor cuyo valor se completa en tiempo de ejecución.
● Tenemos una serie de
variables ya creadas para
poder utilizar, Algunas
activadas y otras por
activar.
● También podemos crear
nuevas según nuestras
necesidades
www.analisis-web.es

16. Google Tag Manager @analisisweb
Variables:son pares de nombre-valor cuyo valor se completa en tiempo de ejecución.
www.analisis-web.es

17. Google Tag Manager @analisisweb
Eventos automáticos con Google Analytics
● Necesitamos crear una ETIQUETA DE EVENTO DE
GOOGLE ANALYTICS .
● Es el evento que se enviará a nuestra cuenta de
analytics
www.analisis-web.es

18. Google Tag Manager @analisisweb
Eventos automáticos con Google Analytics
● Creamos el activador que necesitemos
● Clics en enlaces salientes o cualquier otro enlace
● clics en cualquier elemento de la página
RECUERDA: activa las
variables integradas de
“CLIC” para poder
seleccionar el
formulario más
fácilmente
www.analisis-web.es

19. Google Tag Manager @analisisweb
Eventos automáticos con Google Analytics
● Creamos el activador que necesitemos
RECUERDA: activa las
variables integradas de
“FORM” para poder
seleccionar el formulario
más fácilmente
www.analisis-web.es