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-)