3. Concepto de GTM
• Herramienta gratuita de Google para hacer
implementaciones de analítica avanzada de manera
mucho más sencilla que programando.
• Es un gestor de etiquetas: código (principalmente
JavaScript) para realizar implementaciones avanzadas.
• Ads tiene su etiqueta, Analytics tiene su etiqueta,
Facebook tiene su etiqueta…Con GTM podemos
insertarlas todas y implementarlas sin tocar el código.
5. Utilidad
• En vez de meter el código manualmente en nuestro sitio
web lo hacemos de forma externa.
• En vez de meter los códigos uno a uno, los
introducimos de manera centralizada.
• No hay necesidad de llamar a programadores para
hacer complejas implementaciones, ya que gran parte
de la programación la trae el propio GTM.
• Tiene un sistema de vista previa que elimina errores.
7. ¿Cómo funciona GTM?
• GTM se configura en cinco niveles: Cuenta, Contenedor,
Etiqueta, Activadores y Variables.
• Cuenta hace referencia al cliente; Contenedor hace
referencia a la web; el resto de elementos son los que
vamos a estudiar y están dentro del Contenedor.
• Insertamos todas las etiquetas de forma centralizada en
un elemento llamado Contenedor.
• Cada etiqueta se configura de manera individual.
9. Cuenta
• Una cuenta de Gmail nos permite activar el
servicio de GTM.
• El servicio de GTM deja abrir muchas
diferentes cuentas, una por cada cliente.
• Cada cuenta contiene uno o varios
contenedores, uno para cada web o app.
10. Contenedor
• Es el lugar donde se alojan los códigos a
implementar en cada web o app.
• Tiene su propio código y es lo que instalamos en
nuestra web.
• Contiene las etiquetas, activadores y variables.
• Los contenedores se pueden crear, editar,
importar y exportar.
11. Etiquetas
• Son fragmentos de JavaScript que
insertamos de forma centralizada en nuestra
web, a través del contenedor.
• Pueden ser de Analytics, Ads, Facebook,…
• Los efectos prácticos de cada etiqueta se ven
en el panel de cada emisor.
12. Activadores
• También conocidos como Triggers.
• Son los encargados de «activar» las Etiquetas
en el momento que necesitemos.
• Hay activadores para las visitas, para el clic
en un botón, por añadir un producto al
carrito, por comprar…
13. Variables
• Datos a los que acceden los Activadores y
Etiquetas para funcionar y dar más
información.
• Puede ser el valor de una URL, el valor de
una compra, el texto de un botón…
• Podemos crear nuestras propias Variables.
14. Data Layer
• Son los datos del DOM a los que podemos
acceder en cada página en formato JSON.
• El data layer de comercio electrónico requiere el
nombre del producto, su precio, su SKU, su
categoría…y eso lo podremos utilizar como
variables dentro de GTM.
• El data layer lo tiene que implementar la web.
16. Activar Servicio
• Necesitamos una cuenta de Gmail.
• https://marketingplatform.google.com/intl/es/ab
out/tag-manager/
• Rellenamos los datos y creamos la primera
Cuenta y el primer Contenedor.
• Cada Contenedor es una web o una app.
• No confundir cuentas y contenedores.
17. Instalar en WordPress
• Al crear un contenedor GTM nos da un
código. Aunque realmente sólo necesitamos
el identificador GTM.
• Tenemos que instalar en WordPress el
plugin: Google Tag Manager for WordPress.
• En GTM=>General=>Insertamos la ID.
19. Preview
• Desde octubre de 2020 tenemos una nueva vista
previa para GTM.
• Nos permite conocer qué data layers existen, el
valor de las variables en cada momento, si se
están lanzando los activadores y el motivo.
• Es la forma de hacer debug de GTM, y la mejor
forma de entender cómo funciona por dentro.
21. Cookies
• Muchos plugins empiezan a trackear datos desde
que se carga la web.
• Debemos cargar nuestras cookies en el
navegador de los usuarios únicamente cuando
nos den permiso.
• Debemos instalar GTM dentro de un plugin.
• GDPR Cookie Compliance (CCPA, PIPEDA ready)
23. Variables y Data Layer
• Para utilizar la información del data layer (en
formato JSON), debemos asignarle la información
a una variable personalizada de GTM.
• Hay un JSON por cada data layer, y puede tener
varios niveles de información.
• Podemos introducir el data layer con GTM, pero
lo recomendable es que ya esté dentro.