Para saber qué CTA funciona, cada botón importante tiene que enviar un evento a GA4 con un nombre consistente y dos o tres datos de contexto: dónde estaba, qué decía y adónde llevaba. La forma más ordenada de hacerlo es agregar atributos data- a los botones en el código y que un único script (o Google Tag Manager) los lea y envíe.
El problema típico
En muchos sitios, cada botón se midió en un momento distinto, por personas distintas. Uno envía click_boton_contacto, otro ContactoHeader, otro nada. Seis meses después nadie puede comparar nada.
Una convención que escala
Usá pocos nombres de evento y diferenciá con parámetros:
| Evento | Para qué | Parámetros |
|---|---|---|
cta_click | Cualquier CTA comercial | cta_text, cta_location, cta_destination |
whatsapp_click | Botones o enlaces a WhatsApp | cta_location, page_type |
phone_click | Enlaces tel: | cta_location |
generate_lead | Formulario enviado con éxito | form_name, service |
Con cuatro eventos cubrís casi todo un sitio corporativo. La riqueza está en los parámetros.
Atributos en el HTML
Pedile a tu equipo de desarrollo que agregue atributos a cada botón:
<a href="/es/contact" data-event="cta_click" data-cta-location="hero" data-cta-text="Solicitar cotización">Solicitar cotización</a>Un script escucha los clics, lee los atributos y envía el evento a GA4. La ventaja: agregar un botón nuevo no requiere tocar la configuración de analítica, solo ponerle los atributos correctos.
Así lo resolvimos en el blog de LeadWise: cada CTA declara su evento y su ubicación (inline o article_end), y un solo componente se encarga de enviarlo a GA4.
Registrar los parámetros en GA4
GA4 recibe los parámetros, pero para verlos en informes tenés que registrarlos como dimensiones personalizadas en Administrar > Definiciones personalizadas. Si no lo hacés, los datos existen pero no los podés usar en exploraciones.
Registrá al menos cta_location, cta_text y form_name.
Nombres de ubicación recomendados
Mantené una lista corta y cerrada:
header: menú o barra superior.hero: primera pantalla.inline: en medio del contenido.article_endopage_end: al final.footer: pie de página.sticky: botón flotante.
Si cada persona inventa nombres, la comparación vuelve a romperse.
Cómo verificar que funciona
- Abrí el sitio con la vista DebugView de GA4 activa.
- Tocá cada botón y confirmá que aparece el evento con sus parámetros.
- Revisá que un clic no genere dos eventos.
- Después de 48 horas, buscá los eventos en Informes > Interacción > Eventos.
Preguntas frecuentes
¿Es mejor Google Tag Manager o código directo?
Tag Manager da flexibilidad al equipo de marketing. Código directo es más robusto ante cambios de diseño. Los atributos data- funcionan bien con las dos opciones.
¿Tengo que medir todos los botones?
No. Medí los que llevan a una conversión o a una página clave. Medir todo genera ruido.
Si tu GA4 tiene eventos desordenados, los ordenamos con una convención que tu equipo pueda mantener. Escribinos para una revisión.
Colaboración del artículo
Escrito por Jan Park
LeadWise · Asistido por IA
La investigación, estructura y edición se desarrollaron en colaboración con asistencia de IA.
