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)

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

Tras un envío correcto, el visitante llega a la página de agradecimiento; allí, propform envía un evento personalizado al dataLayer, al que tu contenedor GTM puede responder. Ejemplo de activador en GTM:

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

A partir de ahí, puedes activar, por ejemplo, una etiqueta de conversión de Google Ads o un evento del píxel de Meta (fbq('track', 'Lead')).

⚠️ También existe un evento form_submit, pero se dispara ya al hacer clic en el botón de envío, incluso si el envío falla por un campo obligatorio. Para las conversiones, utiliza por tanto onload_thank_you_page. Todos los eventos de un vistazo: capítulo de seguimiento.

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 quieres reaccionar a los eventos del formulario desde tu sitio web: en cuanto Google Tag Manager esté activado en el formulario, propform envía además los eventos del formulario (form_onload, form_start_input, form_submit, form_abort, form_next_step, form_previous_step) a la página principal mediante postMessage como cadena JSON:

// En la página principal (tu sitio web):
window.addEventListener('message', function (e) {
  try {
    var data = JSON.parse(e.data);
    if (data.event === 'form_submit') {
      // p. ej., activar tu propio seguimiento
    }
  } catch (err) { /* ignorar mensajes ajenos */ }
});

💡 Ten en cuenta: form_submit se dispara al hacer clic en el botón de envío. El evento de la página de agradecimiento (onload_thank_you_page) solo se ejecuta dentro del iFrame en el dataLayer; por eso, la medición fiable de conversiones debe hacerse en el propio formulario (GTM/píxel en la configuración del 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