Campos en Formularios

El script de Referrer Tracker puede rellenar automáticamente campos de formulario de tres formas diferentes. Elige la que mejor se adapte a tu caso de uso.

Opciones de integración

Opción 1: Por ID (Recomendado)

La forma más común y recomendada. El script busca campos con IDs específicos con el prefijo rt-:

Consejo: Añade solo los campos ocultos de Click ID de las plataformas publicitarias que estés utilizando. No es necesario añadir todos los campos ocultos.

<!-- Campos ocultos para tracking -->
<!-- UTM Parameters -->
<input type="hidden" name="utm_source" id="rt-source">
<input type="hidden" name="utm_medium" id="rt-medium">
<input type="hidden" name="utm_campaign" id="rt-campaign">
<input type="hidden" name="utm_content" id="rt-content">
<input type="hidden" name="utm_term" id="rt-term">

<!-- Referrer -->
<input type="hidden" name="referrer" id="rt-referrer">
<input type="hidden" name="landing" id="rt-landing-page">

<!-- Click IDs -->
<input type="hidden" name="gclid" id="rt-gclid">        <!-- Google Ads -->
<input type="hidden" name="fbclid" id="rt-fbclid">      <!-- Meta/Facebook -->
<input type="hidden" name="msclkid" id="rt-msclkid">    <!-- Microsoft Ads -->
<input type="hidden" name="ttclid" id="rt-ttclid">      <!-- TikTok Ads -->
<input type="hidden" name="li_fat_id" id="rt-li-fat-id"> <!-- LinkedIn Ads -->
<input type="hidden" name="twclid" id="rt-twclid">      <!-- X/Twitter Ads -->
<input type="hidden" name="epik" id="rt-epik">          <!-- Pinterest Ads -->
<input type="hidden" name="rdt_cid" id="rt-rdt-cid">    <!-- Reddit Ads -->

Ventaja: Puedes usar cualquier name que necesites para tu CRM/backend, pero mantén los id con el prefijo rt-

Opción 2: Por Name

Si prefieres usar el atributo name directamente (útil para algunos CRMs):

<!-- Campos identificados por name -->
<input type="hidden" name="rt_source">
<input type="hidden" name="rt_medium">
<input type="hidden" name="rt_campaign">
<input type="hidden" name="rt_content">
<input type="hidden" name="rt_term">
<input type="hidden" name="rt_referrer">
<input type="hidden" name="rt_landing_page">
<input type="hidden" name="rt_gclid">
<input type="hidden" name="rt_fbclid">
<input type="hidden" name="rt_msclkid">
<input type="hidden" name="rt_ttclid">
<input type="hidden" name="rt_li_fat_id">
<input type="hidden" name="rt_twclid">
<input type="hidden" name="rt_epik">
<input type="hidden" name="rt_rdt_cid">

Nota: Con esta opción, el name debe ser exactamente rt_source, rt_medium, etc. No puedes personalizarlo.

Opción 3: Por Class

Para casos avanzados donde necesitas aplicar el tracking a múltiples campos (útil en formularios dinámicos):

<!-- Campos identificados por class -->
<input type="hidden" name="source" class="js-rt-source">
<input type="hidden" name="medium" class="js-rt-medium">
<input type="hidden" name="campaign" class="js-rt-campaign">
<input type="hidden" name="content" class="js-rt-content">
<input type="hidden" name="term" class="js-rt-term">
<input type="hidden" name="referrer" class="js-rt-referrer">
<input type="hidden" name="landing" class="js-rt-landing-page">
<input type="hidden" name="gclid" class="js-rt-gclid">
<input type="hidden" name="fbclid" class="js-rt-fbclid">
<input type="hidden" name="msclkid" class="js-rt-msclkid">
<input type="hidden" name="ttclid" class="js-rt-ttclid">
<input type="hidden" name="li_fat_id" class="js-rt-li-fat-id">
<input type="hidden" name="twclid" class="js-rt-twclid">
<input type="hidden" name="epik" class="js-rt-epik">
<input type="hidden" name="rdt_cid" class="js-rt-rdt-cid">

Ventaja: Puedes tener múltiples campos con la misma clase y todos se rellenarán automáticamente. Útil si tienes varios formularios en la misma página.

Tabla de Referencia Rápida

Campo          | ID              | Name            | Class
---------------|-----------------|-----------------|------------------
UTM Source     | rt-source       | rt_source       | js-rt-source
UTM Medium     | rt-medium       | rt_medium       | js-rt-medium
UTM Campaign   | rt-campaign     | rt_campaign     | js-rt-campaign
UTM Content    | rt-content      | rt_content      | js-rt-content
UTM Term       | rt-term         | rt_term         | js-rt-term
Referrer       | rt-referrer     | rt_referrer     | js-rt-referrer
Landing Page   | rt-landing-page | rt_landing_page | js-rt-landing-page
Google Click   | rt-gclid        | rt_gclid        | js-rt-gclid
Facebook Click | rt-fbclid       | rt_fbclid       | js-rt-fbclid
Microsoft Click| rt-msclkid      | rt_msclkid      | js-rt-msclkid
TikTok Click   | rt-ttclid       | rt_ttclid       | js-rt-ttclid
LinkedIn Click | rt-li-fat-id    | rt_li_fat_id    | js-rt-li-fat-id
X/Twitter Click| rt-twclid       | rt_twclid       | js-rt-twclid
Pinterest Click| rt-epik         | rt_epik         | js-rt-epik
Reddit Click   | rt-rdt-cid      | rt_rdt_cid      | js-rt-rdt-cid

Combinación de Métodos

Puedes combinar diferentes métodos en el mismo formulario:

<form>
  <!-- Campo visible -->
  <input type="email" name="email" placeholder="Tu email" required>
  
  <!-- Tracking por ID (personalizado para tu CRM) -->
  <input type="hidden" name="custom_source_field" id="rt-source">
  
  <!-- Tracking por Name (nombre estándar) -->
  <input type="hidden" name="rt_medium">
  
  <!-- Tracking por Class (múltiples campos) -->
  <input type="hidden" name="campaign_name" class="js-rt-campaign">
  
  <button type="submit">Enviar</button>
</form>

El script es inteligente: Busca campos en este orden: primero por ID, luego por Name, y finalmente por Class. Todos los campos encontrados se rellenan automáticamente.