propform puede conectarse directamente con tres herramientas de análisis. Las tres se pueden activar de forma independiente en la configuración del formulario.
Activa GTM en la configuración del formulario e introduce tu ID de contenedor GTM (formato GTM-XXXXXXX). A continuación, propform enviará los siguientes eventos al dataLayer:
| Evento | ¿Cuándo se activa? |
|---|---|
form_onload |
Se carga el formulario |
form_onpageshow |
Se muestra el formulario (también al volver desde la caché del navegador) |
form_start_input |
El visitante comienza su primera entrada |
form_abort |
El visitante abandona el formulario tras haber empezado a rellenarlo, sin enviarlo |
form_submit |
Se hace clic en el botón de envío (antes de la validación del servidor) |
form_next_step / form_previous_step |
En formularios de varios pasos: paso adelante o atrás (con números y nombres de paso) |
onload_thank_you_page |
Se carga la página de agradecimiento tras un envío correcto |
onpageshow_thank_you_page |
Se muestra la página de agradecimiento (también desde la caché del navegador) |
Cada evento contiene además formSlug y formCustomSlug; los eventos de paso incluyen también departureStep/arrivalStep junto con los nombres de los pasos.
En GTM puedes crear activadores basados en los eventos, por ejemplo, enviar una conversión a Google Ads o un evento Lead de Meta en onload_thank_you_page, o un píxel de reenganche en form_abort.
⚠️ Utiliza
onload_thank_you_pagepara las conversiones:form_submitse dispara ya al hacer clic en el botón de envío, incluso si el envío falla, por ejemplo, por un campo obligatorio. En cambio, un visitante solo llega a la página de agradecimiento tras un envío guardado correctamente.
Activa en la configuración de un campo la opción «Transferir el valor a los eventos de seguimiento»: el valor actual del campo se adjuntará entonces al evento form_submit al enviar el formulario (en el dataLayer y en el postMessage a la página principal), bajo la clave trackingFields.<nombredelcampo>:
trackingFields.ind_Stelle_123.value = ind_Schl_5905 y trackingFields.ind_Stelle_123.label = Sales Manager (m/w/d)valueEn GTM accedes a ellos mediante variables de capa de datos (p. ej. trackingFields.ind_Stelle_123.value) y los adjuntas a tus etiquetas como parámetros de evento. Caso de uso típico: un formulario de candidatura con selección de puesto — el seguimiento ve a qué puesto se ha presentado la candidatura.
⚠️ Protección de datos: No marques campos con datos personales (nombre, correo electrónico, teléfono…) si no existe el consentimiento de los visitantes — los valores fluyen a tu gestor de etiquetas y, en su caso, a sus destinatarios.
> 💡 Seguimiento de pasos de múltiples pasos: Por cada campo de salto, puedes asignar un nombre de paso en el editor de campos (p. ej., «Paso 2: Datos de contacto»). Este aparece en los eventos form_next_step/form_previous_step y permite un seguimiento detallado del embudo.
Activa el píxel de Facebook en la configuración del formulario e introduce tu ID de píxel (el número de 15–16 dígitos del Administrador de eventos de Meta). propform carga entonces el código base de Meta directamente en el formulario y dispara un evento PageView en cada visita a la página, tanto en el propio formulario como en la página de agradecimiento tras un envío correcto.
La página de agradecimiento tiene su propia URL, que termina en /thankyou. Crea en el Administrador de eventos de Meta una conversión personalizada:
thankyouEsta conversión cuenta exactamente los envíos correctos y se puede seleccionar como objetivo de conversión en tus conjuntos de anuncios.
💡 ¿Quieres el evento estándar
Lead? (p. ej., para audiencias similares o para optimizar campañas en «Lead»): utiliza para ello Google Tag Manager: el código base de Meta como etiqueta HTML personalizada en todas las páginas, más una etiqueta confbq('track', 'Lead');activada por el evento personalizadoonload_thank_you_page. En ese caso, no actives adicionalmente el interruptor de píxel propio de propform, de lo contrarioPageViewse disparará dos veces.
Activa Etracker e introduce tu código de cuenta de Etracker. Resulta práctico si ya utilizas Etracker para tu página principal y deseas que los eventos de los formularios se incluyan en los mismos informes.
track-submit para el seguimiento de conversiones en varios pasosEn los formularios de varios pasos, el botón de envío final lleva además la clase CSS track-submit; los botones de «Siguiente» y «Atrás» entre los pasos no la tienen.
De este modo, en tu configuración de Etracker (u otras herramientas de seguimiento) podrás contabilizar específicamente solo el clic de conversión real, sin confundirlo con los clics de navegación:
// Beispiel: Etracker-Event nur am finalen Submit
document.querySelector('.track-submit')?.addEventListener('click', function() {
_etracker.sendEvent(new et_UserDefinedEvent('FormConversion', 'Anfrage', 'Submit', null));
});
> 💡 En los formularios de una sola página, track-submit también está presente; el selector funciona de forma universal.
Los formularios de propform no incluyen deliberadamente ningún banner de consentimiento de cookies. Si activas el seguimiento (ya sea GTM, Pixel o Etracker), como administrador del formulario eres responsable de garantizar que los visitantes hayan dado el consentimiento correspondiente.
Solución práctica: