Para qué sirve Google Tag Manager
Google Tag Manager es uno de los mejores aliados que puedes tener en tu página web
Esta herramienta es muy útil porque te permite administrar e insertar etiquetas o snippets en tu sitio web.
En este caso un snippet se refiere a un fragmento de código, por ejemplo, el código de seguimiento de Google Analytics.
Antes lo más usual era insertar estos códigos directamente en el sitio web.
Esto acarreaba 2 problemas:
- Se tiene que modificar el código del sitio web.
- Ralentizan la carga.
Con Google Tag manager evitaremos esto.
Lo que permite es insertar código, normalmente JavaScript, sin tener que tocar ni modificar tu página web.
Bueno en realidad solo se tendrá que añadir 1 código una única vez, el de Google Tag Manager.
Una vez instalado y funcionando, a través de su interfaz y sin tocar nada más en tu web podremos:
- Inyectar tags o fragmentos de código JavaScript en nuestro sitio web.
- Definir cuando y donde se ejecutará este fragmento de código.
- Capturar el valor del evento que hemos definido.
De que se compone Google Tag Manager
Contenedor: Es el conjunto de etiquetas que serán inyectados en el sitio web.
Etiquetas: Una etiqueta es un fragmento de código, Google Analytics, Facebook Pixel
Activadores: Es una condición sobre la que se activa una etiqueta.
Por ejemplo, se puede activar una etiqueta en todas las páginas del sitio web o si tienes un e-commerce que solo active en las páginas de productos.
Variables: Encargada de enviar el valor de la información.
Para que sea más fácil de entender:
ES posible crear una etiqueta que inserte en código de Google Analytics pero que solo se active en las páginas de productos de nuestro e-commerce pero que envié información solo cuando un usuario realiza un clic en el botón comprar.
Plantilla de etiquetas
Para facilitar su uso cuenta con plantillas de etiquetas.
Aquí puedes ver la lista completa de las plantillas de etiquetas.
Instalar Google Tag Manager
Para que Google Tag Manager funcione es necesario añadir dos códigos a tu sitio web.
Uno ira en la cabecera entre las etiquetas <head> y el otro justo después de abrir la etiqueta <body>.
El código lo podrás encontrarlo accediendo a tu cuenta de Google Tag Manager.
Lo primero será añadir el nombre de la cuenta.
Chequea también “Compartir datos de manera anónima con Google y otros”.
A continuación escribe el nombre del Contendor.
Luego selecciona el tipo de contenedor, en este caso web.
Por último, aceptar el “Acuerdo de términos de servicio de Google Tag Manager”.
Tras pulsar aceptar aparecerá el código a insertar en nuestro sitio web.
Si no te sale el código, en la zona superior derecha aparecerá una combinación de números GTM-XXX, haciendo clic te aparecerá el código a insertar en el sitio web.
Espero que esto haya sido útil para entender un poco mejor que es y para qué sirve Google Tag Manager. 🙂