Configura un evento de Google Analytics 4 en Google Tag Manager para rastrear los envíos de formularios de Webflow y reutiliza el mismo activador para conversiones de leads en tus plataformas de anuncios.
**Actualización** Hemos añadido contenido en vídeo a esta publicación para que sea más fácil seguir los pasos y para mostrarte formas más avanzadas de hacerlo que las que se detallan más abajo, por ejemplo para rastrear solo formularios concretos o varios formularios distintos por separado. Suscríbete al canal para estar al día de nuestros últimos tutoriales y novedades.
En esta publicación configuraremos un evento de Google Analytics 4 (GA4) en Google Tag Manager para rastrear los envíos de formularios de Webflow y luego lo marcaremos como evento clave (lo que antes GA4 llamaba conversión) para que puedas verlo en tus informes.
Según la configuración de tu formulario en Webflow, hay básicamente dos formas sencillas de rastrear un envío. Si has configurado una URL de redirección para tu formulario, podrías rastrear las visitas a la URL de destino como una conversión; la alternativa es rastrear el evento de envío, que es lo que haremos aquí.
Será una publicación bastante rápida, pero resulta especialmente útil, porque este activador y este evento sirven para mucho más que saber cuántos envíos de formulario ha habido en Google Analytics. Milk Moon Studio es un pequeño estudio de Webflow centrado en el diseño, somos diseñadores de Webflow y queremos las cosas simples. Si usas Google Ads, Facebook Ads u otras plataformas y quieres lanzar anuncios optimizados para conversiones de leads, puedes usar el activador que vamos a configurar para rastrear los leads generados por tus anuncios. Así no solo ayudarás a tu plataforma publicitaria a optimizar las conversiones, sino que también podrás ver el coste por conversión de tus campañas y mantener limpio tu proyecto de Webflow.
No vamos a explicar cómo configurar Google Tag Manager, Google Analytics ni cómo añadirlos a tu proyecto de Webflow. Para eso, echa un vistazo a nuestras publicaciones anteriores:
Instalar Google Tag Manager y Google Analytics en Webflow: Parte 1
Instalar Google Tag Manager y Google Analytics en Webflow: Parte 2
Paso 1: Crea tu etiqueta
Entra en Tag Manager, abre el contenedor de tu proyecto de Webflow, pulsa Variables y luego Configurar.
Ahora activa todas. No las vas a necesitar todas, pero te facilitará las cosas cuando crees otros activadores.
Ve a Etiquetas (Tags) y pulsa Nueva.
Ponle un nombre a tu etiqueta y elige la etiqueta de evento de GA4 (GA4 Event).
Ahora selecciona la etiqueta de configuración (Tag Manager ahora la llama etiqueta de Google) que configuraste en nuestra otra publicación. Es la cuenta de GA4 a la que quieres enviar el evento. Ponle un nombre al evento (es lo que aparecerá en Google Analytics). Por último, si quieres crear Audiencias en GA, puedes añadir un parámetro de usuario (como lead_submit o el que prefieras) en Propiedades de usuario (User Properties).
Ahora viene lo importante: el activador. Decimos que es importante porque no solo lo usarás para GA, sino también para cualquier otra etiqueta de leads que quieras crear para plataformas como Facebook o Pinterest.
Pulsa Activación (Triggering) y luego el +
Ponle un nombre a tu activador y elige el activador Form Submission (envío de formulario) en Tipo de activador.
Podrías parar aquí, pero ¿y si tu proyecto tiene más de un formulario? Vamos a acotarlo para que solo se active con los formularios de la página de contacto. Podrías usar otras variables, como Click Text, etc., pero eso da para otra publicación y puede volverse muy granular.
Selecciona Some Forms (algunos formularios), luego Click URL, Contains (contiene) y la URL de la página de contacto.
Y con eso terminamos la configuración de la etiqueta. Pulsa Submit, Publish y prueba todo con Preview.
Introduce tu URL y pulsa Connect. Ahora tendrás la pestaña de Preview y la pestaña de tu sitio. Ve a tu formulario de contacto, rellénalo y envíalo, y luego vuelve a la pestaña de Preview para comprobar si todo se dispara correctamente.
Y ahí está nuestra etiqueta.
Veámosla con más detalle haciendo clic en la etiqueta.
Aquí podemos ver los filtros de activación que seleccionamos, el evento de envío de formulario y la Click URL de la página de contacto.
Ahora ya puedes ir a Google Analytics. Todavía no verás nada, pero cuando empiecen a aparecer los eventos (espera un día), ve a Eventos en GA4 y marca el botón de conversión junto al evento de envío del formulario de contacto para que aparezca en conversiones.
¡Y listo! Enhorabuena. En otra publicación explicaremos cómo reutilizar este activador para eventos de leads en tus plataformas de anuncios.
Una aclaración de terminología: Google ha cambiado desde entonces el nombre de las conversiones en GA4 a eventos clave, así que donde decimos que marques el botón de conversión, busca la opción para marcar el evento como evento clave. Cumple la misma función. Si aún no tienes claro cómo funcionan los eventos, nuestra publicación sobre cómo rastrear eventos en GA4 con Tag Manager explica lo básico, y la misma idea de activador sirve para rastrear clics en botones.
Si Tag Manager ralentiza tus páginas, echa un vistazo a cómo retrasar tus etiquetas de Tag Manager, y si te preguntas por qué lo usamos, te explicamos por qué merece la pena usar Google Tag Manager en Webflow. También puedes cargar GA4 con Cloudflare Zaraz en lugar de Tag Manager.
Preguntas frecuentes
¿Cómo rastreo el envío de un formulario de Webflow en Google Analytics 4?
Crea un activador Form Submission en Google Tag Manager, úsalo para disparar una etiqueta de evento de GA4 y luego marca ese evento como evento clave en GA4. Los pasos anteriores explican cada parte.
¿Necesito una redirección o una página de agradecimiento para rastrear los envíos de formularios de Webflow?
No. Si tu formulario redirige a una URL de destino, puedes rastrear las visitas a esa página como una conversión, pero el activador Form Submission rastrea el propio envío, así que funciona sin redirección.
¿Cuál es la diferencia entre conversiones y eventos clave en GA4?
En GA4, lo que antes se llamaba conversión ahora se llama evento clave. La documentación de ayuda de Google dice que "los eventos que miden acciones importantes para el éxito de tu negocio ahora se llaman 'eventos clave'", y que el término conversión se reserva ahora para las acciones que miden y optimizan tus campañas de Google Ads.
¿Cuánto tarda en aparecer mi evento de envío de formulario en Google Analytics?
Dale aproximadamente un día. El evento no estará ahí justo después de publicar, así que prueba primero con el modo Preview de Tag Manager y comprueba Eventos en GA4 al día siguiente.
¿Puedo reutilizar el activador del formulario para Facebook, LinkedIn o Google Ads?
Sí. El mismo activador puede disparar etiquetas de leads en otras plataformas de anuncios, lo que les permite optimizar para conversiones de leads y te muestra el coste por conversión de tus campañas.
Deja tus preguntas en los comentarios si te atascas, y no olvides visitar la sección de tutoriales de nuestro blog para ver más guías.
