Cómo usar: Generador de Script de Seguimiento de Eventos
- Marca las herramientas de analítica que ya carga tu sitio y los eventos automáticos que quieras.
- Copia el script en el código del pie de página (Webflow: Configuración del sitio → Código personalizado → Código del pie de página).
- Añade
data-track="event_name"a cualquier botón, enlace o formulario, y atributosdata-track-*para los parámetros. - Usa Pruébalo para ver los eventos y luego publica y compruébalos en la vista en vivo de tu herramienta de analítica.
Cómo funciona
El script escucha una sola vez en toda la página, así que también detecta elementos añadidos después, como listas de CMS, pestañas o ventanas emergentes. Cuando alguien hace clic en un elemento con data-track (o en algo que esté dentro de él), lee el nombre del evento y cada atributo data-track-* como parámetro: data-track-location="hero" se convierte en location: "hero". En un <form>, se dispara al enviarlo y no en cada clic. Los valores de los campos nunca se leen, así que no se envía ningún dato personal.
Qué recibe cada herramienta
- GA4:
gtag('event', name, params). Tag Manager:dataLayer.push({ event: name, ...params }). - Meta Pixel:
fbq('track', …)para eventos estándar comoLeadoContact(configúralos condata-track-meta="Lead"); en los demás casos,trackCustom. - Plausible, Umami, PostHog, Mixpanel y Fathom reciben sus propias llamadas de evento con el mismo nombre y propiedades; Clarity recibe un evento personalizado para filtrar grabaciones.
Los eventos automáticos usan los nombres de GA4: click con outbound: true para enlaces salientes y file_download para descargas. Así coinciden con la Medición mejorada si usas ambas opciones (desactiva una de ellas para no contar dos veces). Las herramientas que no están en la página se omiten sin error. Para crear eventos individuales a mano, usa el Generador de código de eventos GA4.
También se busca como: script de seguimiento de eventos, script de rastreo de clics, seguimiento con atributos data, event tracking webflow, rastrear clics en botones google analytics, click tracking ga4, seguimiento de enlaces salientes, rastrear envíos de formulario ga4.
Herramientas que combinan con: Generador de Script de Seguimiento de Eventos
- Generador de Google Tag — Introduce tu ID de medición de GA4, tu ID de Google Ads o tu ID de contenedor de Tag Manager y obtén código de instalación listo para pegar, con valores predeterminados de Consent Mode v2, enlazado entre dominios, modo debug, vistas de página manuales y ajustes de cookies que solo se activan cuando los necesitas.
- Generador de banner de cookies — Añade un banner de cookies a cualquier web — Webflow, WordPress, Shopify o HTML puro — sin plugin de pago.
- Generador dataLayer Push — Crea código dataLayer.push() para Google Tag Manager: elige un evento recomendado de GA4 o el tuyo propio, añade parámetros y items de ecommerce, y, si quieres, envuélvelo en un listener de clic o de envío de formulario.
- Verificador de seguimiento y píxeles — Introduce una URL para encontrar todas las etiquetas de análisis, píxeles publicitarios y gestores de etiquetas de la página, junto con sus ID, lo que se ha cargado en Google Tag Manager, la herramienta de consentimiento de cookies y las etiquetas de verificación de Search Console y Bing.