Cómo auto-rellenar campos de formulario con datos de UTM y referrer
Introducción: el dato que el usuario nunca escribe
Imagina que un usuario hace clic en tu anuncio de Google Ads, visita tu landing page y rellena el formulario de contacto. Hasta ahí, todo normal. Pero hay una pregunta que tu CRM no puede responder: ¿de qué anuncio concreto vino este lead?
Si dependes de que el usuario escriba "te encontré en Google" en un campo libre, estás perdiendo el 80% de la información de atribución. Los parámetros UTM y los datos de referrer llevan esa información en la URL desde el primer clic. Tu trabajo es capturarla y pasarla al formulario de forma automática, sin que el usuario tenga que hacer nada.
En esta guía vas a aprender a:
- Capturar los parámetros UTM y el referrer de cada visitante
- Auto-rellenar campos ocultos (hidden fields) en cualquier formulario
- Enviar esos datos a tu CRM o base de datos
- Todo ello usando Referrer Tracker como sistema centralizado
El resultado: cada lead que llega a tu CRM ya trae consigo la fuente, el medio, la campaña y el referente exacto. Sin preguntas adicionales, sin fricción.
¿Por qué los formularios pierden datos de atribución?
La mayoría de formularios web solo capturan lo que el usuario escribe: nombre, email, teléfono, mensaje. Pero hay información crítica que ya existe en la sesión del visitante y que simplemente no se recoge:
1. Parámetros UTM (utm_source, utm_medium, utm_campaign, utm_term, utm_content)
Estos parámetros viajan en la URL cuando alguien hace clic en un enlace de campaña. Si tu landing URL es:
https:/
/
tuempresa.com/
landing?
utm_source=google&
utm_medium=cpc&
utm_campaign=black-friday
...esa información se pierde en cuanto el usuario navega a otra página, a menos que la captures.
2. Datos de referrer HTTP
El header Referer (sic, con la errata histórica) indica desde qué página llegó el usuario. Si alguien hizo clic en un enlace desde un blog, un directorio o una red social, ese dato está disponible en la petición HTTP.
3. Click IDs (gclid, fbclid, msclkid)
Los IDs de clic de Google, Meta y Microsoft permiten enviar conversiones offline de vuelta a la plataforma publicitaria. Si los pierdes, no puedes optimizar tus campañas por conversiones reales.
El flujo sin captura automática
Clic en anuncio (con UTM) → Landing page → Navega
Formulario → Lead en CRM
↑
UTM se pierde aquí
El flujo con captura automática
Clic en anuncio (con UTM) → Landing page (captura UTM)
Formulario (hidden fields) → Lead con atribución
Paso 1: Capturar los parámetros UTM en el visitante
Lo primero es registrar los parámetros UTM cuando el visitante llega a tu sitio. Con Referrer Tracker, esto ocurre automáticamente al instalar el script de tracking:
<!-- Servido desde tu propio dominio (first-party) -->
<script src="/js/rt.min.js"></script>
<script>
ReferrerTracker.configure({
apiKey: "tu-api-key"
});
</script>
Coloca este script en el <head> de todas tus páginas. Desde el primer momento en que un usuario llega con parámetros UTM en la URL, Referrer Tracker los captura y los almacena en la sesión del visitante.
¿Qué datos se capturan automáticamente?
| Dato | Ejemplo |
|---|---|
utm_source |
google, facebook, newsletter |
utm_medium |
cpc, email, social |
utm_campaign |
black-friday-2025 |
utm_term |
tracking+conversiones |
utm_content |
banner-azul |
gclid |
CjwKCAiA... |
fbclid |
IwAR3bX... |
referrer |
https://blog.ejemplo.com/articulo |
Si el usuario llega sin UTM pero con un referrer HTTP (por ejemplo, desde un enlace orgánico), Referrer Tracker también lo registra.
Paso 2: Auto-rellenar los campos del formulario
Si ya tienes Referrer Tracker instalado, solo necesitas añadir campos ocultos con la nomenclatura rt_*. El script los rellena automáticamente, sin código adicional:
<form id="lead-form" action="/api/leads" method="POST">
<input type="text" name="nombre" placeholder="Tu nombre" required>
<input type="email" name="email" placeholder="Tu email" required>
<!-- Hidden fields - Referrer Tracker los rellena solo -->
<input type="hidden" name="rt_source" id="rt_source">
<input type="hidden" name="rt_medium" id="rt_medium">
<input type="hidden" name="rt_campaign" id="rt_campaign">
<input type="hidden" name="rt_landing_page" id="rt_landing_page">
<input type="hidden" name="rt_referrer" id="rt_referrer">
<input type="hidden" name="rt_gclid" id="rt_gclid">
<input type="hidden" name="rt_fbclid" id="rt_fbclid">
<button type="submit">Enviar</button>
</form>Referrer Tracker detecta estos campos por su atributo name, id o clase CSS (js-rt-*) y los rellena con los datos capturados. No necesitas añadir ningún script adicional.
Si usas WordPress, el plugin de Referrer Tracker hace esto automáticamente para Contact Form 7, Gravity Forms, WPForms, Elementor Forms y más.
Consulta la documentación de formularios para ver todos los campos soportados.
Paso 3: Enviar los datos a tu CRM
Una vez el formulario se envía, los campos ocultos viajan junto con los datos del lead. Dependiendo de tu CRM, hay varias formas de procesarlos:
Google Sheets como CRM gratuito
Si aún no tienes un CRM, puedes empezar con Google Sheets. Configura tu formulario para enviar los datos a un Google Sheet con columnas dedicadas para los campos rt_*:
HubSpot
En HubSpot, crea propiedades personalizadas para cada campo rt_*. Luego mapea los hidden fields del formulario a esas propiedades en tu integración existente.
Dynamics 365 / Salesforce
En CRMs empresariales, añade los campos rt_* a tu formulario y mapea los hidden fields a los campos del CRM en tu integración existente. Contacta con nuestro soporte si necesitas ayuda con la integración.
Caso real: de 0 a 92% de leads atribuidos
Una empresa de servicios B2B nos contó su situación antes de implementar auto-relleno de formularios:
- Antes: De cada 100 leads, solo 12 tenían datos de atribución. El equipo de marketing no sabía qué campañas generaban clientes reales.
- Después: 92 de cada 100 leads llegaban con UTM, referrer y click ID. El coste por lead real se calculó por primera vez y resultó un 34% menor del que mostraba Google Ads.
La diferencia fue simplemente añadir los hidden fields al formulario y usar Referrer Tracker para capturar los datos desde la primera visita. Sin cambios en el presupuesto, sin nuevas campañas. Solo mejor atribución.
Errores comunes y cómo evitarlos
1. No capturar los UTM en la primera página
Si el usuario llega a una página que no tiene el script de Referrer Tracker, los UTM de esa visita se pierden para siempre. Solución: instala rt.min.js en todas las páginas, no solo en las landing pages.
2. Dependencia de localStorage de terceros
Los navegadores modernos (Safari, Firefox, Chrome próximamente) bloquean localStorage de terceros. Si tu tracking depende de ellas, perderás datos. Solución: Referrer Tracker usa localStorage first-party, que no se ven afectadas por estas restricciones.
3. Formularios con JavaScript que resetea los hidden fields
Algunos frameworks de formulario (React Hook Form, Vue FormKit) resetean los campos al montar el componente. Solución: rellena los campos después de que el componente se haya montado, no antes:
// Espera a que el formulario esté listo
setTimeout(function () {
var data = ReferrerTracker.getSessionData();
if (data) {
document.getElementById("utm_source").value = data.utm_source || "";
}
}, 500);
4. No verificar que los datos llegan al CRM
A veces los hidden fields se envían pero el CRM no los mapea correctamente. Solución: haz una prueba de envío y revisa que los campos aparecen en el registro del lead.
Conclusión: cada lead debería saber de dónde viene
Auto-rellenar los campos de formulario con datos de UTM y referrer es una de las mejoras más impactantes que puedes hacer en tu funnel de captación de leads. No requiere cambios en tus campañas, no añade fricción al usuario y te devuelve información que ya estaba ahí, esperando a ser capturada.
Los tres pasos son simples:
- Instala Referrer Tracker para capturar UTM y referrer automáticamente
- Añade hidden fields a tus formularios
- Conecta los datos con tu CRM para que cada lead tenga atribución completa
¿Quieres empezar a capturar el origen real de cada lead? Regístrate gratis en Referrer Tracker y configura el auto-relleno de formularios en menos de 10 minutos.
¿Te ha resultado útil este artículo? También te puede interesar:
- Guía definitiva de parámetros UTM: qué son y cómo usarlos
- Cómo saber qué anuncio generó cada lead