Google Analytics

1. Cuenta creada en Google Analytics.
2. Propiedad GA4 creada para recoger los datos de tu sitio web.
3. Código instalado en tu sitio web.

Google Tag Manager

1. Cuenta creada en Google Tag Manager.
2. Contenedor creado para tu sitio web.
3. Código instalado en tu sitio web.

Pasos

Configuración de la etiqueta de Google Analytics 4

1. Ingresa a Google Tag Manager.
2. Selecciona el contenedor con el vas a trabajar.
3. Del menú de la izquierda selecciona “Etiquetas”.
4. Crea una nueva etiqueta de tipo “Google Analytics: evento de GA4”.
   • ID DE MEDICIÓN: Este valor lo encuentras en Google Analytics, debe comenzar con “G-” si comienza con “UA-” debes migrar a GA4.
   • En la activación selecciona “Initialization All Pages”.
5. Publica o envía el contenedor para que tome los cambios.

Configuración del evento a detectar en Google Tag Manager

BOTÓN

El botón o elemento al cual quieres detectar el clic debe tener un identificador para trabajar mejor puede ser la propiedad “id” o la clase (“class”), por ejemplo id = “btn-whatsapp” o class=”btn-call”.

Activador

Vamos a crear nuestro disparador del evento.
Nosotros vamos a trabajar con el ID del elemento a detectar, en este ejemplo “btn-whatsapp”.

1. Del menú izquierdo seleccionamos “Activadores”.
2. Seleccionamos la opción de “Nuevo” y le ponemos el nombre que queramos “Botón WhatsApp”.
3. Configuramos el activador:
   • Tipo de activador: Todos los elementos.
   • Este activador se activa en: Algunos clics.
   • Ejecute este activador cuando tenga lugar un evento y se cumplan todas estas condiciones: {{Click ID}} , es igual a , btn-whatsapp.
4. Guardamos.

etiqueta

Ahora vamos relacionar la etiqueta al activador.

1. Del menú izquierdo seleccionamos “Etiquetas”.
2. Seleccionamos la opción de “Nueva” y le ponemos el nombre que queramos “Clic Botón WhatsApp”.
3. Configuración de la etiqueta:
   • Tipo de etiqueta: Google Analytics: evento de GA4.
   • ID de medición: Este valor lo encuentras en Google Analytics, debe comenzar con “G-” si comienza con “UA-” debes migrar a GA4 (es el mismo que usamos la vez pasada).
   • Nombre del evento: click_boton_whatsapp.
4. Activicación: Seleccionamos el activador que creamos anteriormente “Botón WhatsApp”.
5. Guardamos.

Una vez que tenemos todos estos pasos publicamos o enviamos de nuevo nuestro contenedor para que sea tomados los cambios.

Pruebas

Para comprobar que todo ha ido bien vamos hacer lo siguiente:

Modo Vista Previa de Google Tag Manager (Tag Assistant)

1. Activa el modo vista previa.
2. Coloca la URL de tu sitio web.
3. Da clic en el botón de WhatsApp.
4. En el Tag Assistan:
   • En la parte izquierda del lado del resumen se debe mostrar el evento de “clic”.
   • En el bloque de resultado en la pestaña de “Etiquetas” debe aparecer

Confirmar en Google Analytics 4 (GA4)

• Ingresa a Google Anatycs y selecciona la propiedad de donde tomaste el ID DE MEDICIÓN.
• Del menú selecciona “Informes”.
• Seguido de “Resumen en tiempo real”.
• En el bloque de eventos te tendrá que aparecer el evento “click_boton_whatsapp” que es el de la etiqueta que creaste.

Si tienes más botones sigue los pasos desde “Configuración del evento a detectar en Google Tag Manager”, espero está información te sea de ayuda.

Si necesitas ayuda para crear un proyecto de marketing en Maria Tech contamos con los expertos para apoyarte.