For the complete documentation index, see llms.txt. This page is also available as Markdown.

Google Tag Manager

Google Tag Manager

Configurar Google Tag Manager

¿Qué es?

Es una herramienta que permite manejar y publicar tags (pedazos de código) en tu página web o app sin tener que tocar el código.

Ejemplo

Un usuario entra a mi página web. Yo quiero guardar esa info en Google Analytics.

La página web le envía un evento a GTM y esté a su vez manda el evento a Google Analytics.

Ventajas

  1. Permite que el equipo de marketing agregue tags sin molestar a los desarrolladores

  2. Un mismo evento en la página web puede gatillar varios tags distintos

  3. Evita ensuciar el código enviando eventos a proveedores de analytics

¿Cómo funciona?

Hay 3 partes fundamentales en GTM.

  • **Tags: **el código que se ejecuta - o el pixel

  • **Triggers: **el gatillador, le dice a GTM que tiene que ejecutar un tag

  • **Variables: **información adicional que puede ser utilizada como información del tag o del trigger

Tags

Son pedazos de código o pixeles para trackear información de los usuarios. Los tags le dicen a GTM que tiene que hacer.

Tags comunes:

  • Google Analytics: Universal Analytics (para configurar Google Analytics)

  • Google Analytics: GA4 Configuration/Event (para configurar la nueva versión de GA)

  • Hotjar Tracking Code

  • LinkedIn Insight

  • Twitter Universal Website Tag

  • Custom HTML - permite agregar el código que queramos

    • El pixel de Facebook se debe agregar como Custom HTML (me imagino que es un tema de competencia y Google no quiere poner a Facebook en su página)

Hay muchos más, la gracia es que una vez configurado GTM, el equipo de marketing puede configurar todas estas cosas sin tener que molestar a los desarrolladores.

Triggers

Los triggers le indican a GTM cuándo tiene que ejecutar el código de una tag. Funcionan como un if, cuando ocurre el evento mencionado en el trigger se ejecuta el tag.

Triggers comunes:

  • Page View: se gatilla cuando el usuario entra a una nueva página

  • Click - All Elements: se gatilla al hacer click

  • History Change: se gatilla cuando cambia la url, es muy útil al hacer SPA ya que esos cambios no gatillan Page Views

  • Custom Event: se pueden definir eventos custom

Todos los triggers tienen la opción de gatillarse siempre que ocurre un evento o solamente cuando se cumplen ciertas condiciones.

Variables

Las variables permiten pasarle información a los tags o para agregarle condiciones a un trigger.

Se separan en dos tipos Built-In Variables (variables que vienen por defecto) y User-Defined Variables (variables que crea el usuario)

Built-In Variables comunes:

  • Page URL - url de la página

  • Page Path - path actual

  • Click Classes - classes de css en el cual se hizo clic

  • Click Id - id del elemento que se clickeo

  • Clit Text - texto del elemento que se clickeo

User-Defined Variables comunes

  • 1st Party Cookie - cookies del sitio

  • Constant - una constante

  • Google Analytics Settings - el id para trackear Google Analytics (parte con UA-)

Última actualización