Seguimiento en un formulario incrustado (iFrame)

Si incrustas tu formulario en tu sitio web mediante un iFrame y quieres realizar un seguimiento de las conversiones (Google Tag Manager, Facebook Pixel, Etracker, etc.), el funcionamiento es ligeramente diferente al de un formulario web normal. A continuación, te respondemos a las preguntas más frecuentes.


¿Dónde se ejecuta el script de seguimiento: en mi página o en el iFrame?

Ambas opciones son posibles, y cada una tiene sus ventajas:

  • Seguimiento en tu página (fuera del iFrame): registra la visita a la página del formulario, pero no registra automáticamente el envío del formulario (ya que el envío se produce dentro del iFrame).
  • Seguimiento en el formulario (dentro del iFrame, desde propform): realiza un seguimiento fiable del envío, ya que el código se ejecuta directamente con el formulario.

Recomendación: incluye los scripts de seguimiento directamente en el formulario de propform. Encontrarás los campos en Configuración del formulario → Seguimiento:

  • Google Tag Manager (ID del contenedor)
  • Facebook Pixel (ID)
  • Etracker (ID de la cuenta)
  • Fragmento de HTML personalizado universal

Realizar el seguimiento de la conversión tras un envío correcto

propform dispara un evento personalizado tras un envío correcto, al que tu contenedor GTM puede responder. Ejemplo de activador en GTM:

  • Tipo de activador: Evento personalizado
  • Nombre del evento: propform_submitted

A partir de ahí, puedes activar, por ejemplo, una etiqueta de conversión de Google Ads o un evento de píxel.


Cross-Origin: mi seguimiento en el sitio web no detecta el envío del iFrame

Esto es normal y no se puede evitar: los navegadores bloquean por defecto el acceso de lectura de datos entre marcos con dominios diferentes.

Soluciones alternativas:

  • Incorporar el seguimiento directamente en el formulario (véase más arriba): la solución más limpia
  • Si realmente quieres reaccionar al envío desde tu sitio web: propform envía, si lo deseas, una notificación postMessage a la página principal. Escríbenos brevemente a hello@propform.io y lo activaremos para tu formulario.

Pasar parámetros URL de la página principal al iFrame

Si la URL de tu sitio web tiene sus propios parámetros de URL (por ejemplo, ?region=berlin&kampagne=spring2026) y quieres prellenarlos en el formulario incrustado, propform lo hace automáticamente:

  • Los parámetros de la URL principal se transfieren al iFrame
  • En el formulario funcionan como parámetros de URL normales (por ejemplo, ?address[region]=berlin rellena el campo de la región de la dirección)

Requisitos:

  • Los campos correspondientes del formulario de propform tienen activada la opción «Permitir rellenado previo con parámetros de URL»
  • Los nombres de los parámetros se ajustan a la convención de propform (?modul[feld]=wert)

Caso de uso: Página de destino con ?region=berlin → el formulario de solicitud incrustado rellena automáticamente el campo de región → el usuario no tiene que volver a seleccionarlo.

> 💡 Si la transferencia no funciona en tu configuración (código de incrustación antiguo, script de envoltura personalizado): envía un breve correo electrónico a hello@propform.io — comprobaremos tu fragmento de iFrame.


Consentimiento de cookies / RGPD

> ⚠️ Importante: En cuanto actives el seguimiento, como operador del formulario serás responsable del cumplimiento del RGPD. Esto significa que, antes de instalar cookies de seguimiento, debes obtener el consentimiento del visitante.

Más información al respecto en el capítulo de seguimiento y en el capítulo de protección de datos.


Webhooks como alternativa al seguimiento del navegador

Si quieres reaccionar del lado del servidor ante cada envío correcto (por ejemplo, para contabilizar la conversión en tus estadísticas de CRM), utiliza en su lugar webhooks: son más fiables que el seguimiento del navegador, ya que no dependen de los bloqueadores de anuncios ni del consentimiento de cookies.

📖 Más información: Webhooks