Mejora los datos de envío de formularios con Google Tag Manager

Imagina que tienes una página de aterrizaje con un formulario de registro. Todas las presentaciones se almacenan en un sistema de gestión de relaciones con los clientes (CRM). Después de una semana de campaña, deseas conocer quién completó el formulario y qué información ingresaron. Sin embargo, también te interesa saber de dónde provino cada una de estas presentaciones, es decir, cuál fue la fuente de tráfico. Aunque tu CRM podría tener algunas características de seguimiento, la mayoría de los sistemas de formularios básicos solo capturan y almacenan la información enviada. Pero no te preocupes, en este artículo te enseñaré cómo enriquecer los datos de las presentaciones de formularios utilizando Google Tag Manager (GTM) y así obtener información adicional valiosa.

La importancia de enriquecer los datos de envío de formularios

En el mundo del marketing digital, conocer el origen de tus leads es crucial. Cuanta más información tengas sobre cada presentación, mejor podrás segmentar y optimizar tus campañas. Al agregar datos como la fuente de tráfico, puedes analizar y comprender de dónde provienen tus usuarios más valiosos. Así, podrás ajustar tus estrategias para maximizar el retorno de la inversión (ROI).

Además, al enriquecer tus datos, puedes exportarlos a herramientas como Excel o Google Sheets para un análisis más profundo. Esto te permitirá ver la información desde diferentes ángulos y tomar decisiones informadas.

Plan de acción para enriquecer los formularios

El proceso para enriquecer los datos de envío de formularios consta de varios pasos claves:

1. Crear campos adicionales en el formulario: Necesitarás añadir campos ocultos para capturar datos adicionales.
2. Preparar variables en Google Tag Manager: Asignar variables para los datos que deseas capturar, como los parámetros UTM.
3. Prefill de los campos del formulario: Utilizar un script para llenar automáticamente esos campos con la información correspondiente.
4. Crear una etiqueta HTML personalizada: Implementar el script a través de Google Tag Manager.
5. Realizar pruebas: Asegurarte de que todo funcione correctamente antes de lanzar.
6. Ocultar los campos: Asegúrate de que los campos adicionales sean invisibles para el usuario.
7. Verificación final: Comprobar que los datos se envían correctamente al CRM.

Requisitos necesarios para implementar la técnica

Para que esta técnica funcione de manera efectiva, es necesario cumplir con ciertos requisitos:

• Tu constructor de formularios debe permitir ocultar campos individuales.
• Cada campo oculto debe tener un ID asignado (atributo HTML).
• El formulario no debe estar dentro de un iFrame, ya que esto complicaría el acceso a los datos.

Creación de campos adicionales en el formulario

Para el caso de uso, supongamos que estás ejecutando una campaña publicitaria que atrae tráfico a una página de aterrizaje. Para ello, todos los enlaces deben estar etiquetados con parámetros UTM como utm_medium, utm_source y utm_campaign. Es imperativo crear tres campos adicionales en tu formulario que capturan estos valores. Recuerda que deben ser campos opcionales para no obstaculizar el proceso de envío.

Preparación de variables en Google Tag Manager

A continuación, es necesario enseñar a Google Tag Manager a leer la URL de la página y extraer los valores de los parámetros UTM. Esto se puede lograr utilizando variables integradas en GTM:

1. Accede a tu cuenta de Google Tag Manager.
2. Selecciona el contenedor correspondiente.
3. Dirígete a «Variables» y crea nuevas variables para utm_medium, utm_source y utm_campaign.

Estas variables ahora estarán disponibles para ser utilizadas más adelante en el proceso.

Prefill de los campos del formulario

Para este paso, utilizaremos un pequeño fragmento de código JavaScript que se encargará de llenar los campos del formulario de manera automática:

<script>
(function() {
    var el = document.getElementById('id_del_campo');
    if (el) {
        el.value = 'valor_a_insertar';
    }
})();

</script>

Este script buscará el elemento con el ID especificado y cambiará su valor al que definamos. Para múltiples campos, simplemente repetimos la lógica con IDs diferentes.

Creación de una etiqueta HTML personalizada en GTM

Con el script listo, es hora de implementarlo en Google Tag Manager:

1. Ve a la sección de «Etiquetas».
2. Selecciona «Crear» y elige «Etiqueta HTML personalizada».
3. Pega el código JavaScript que creaste anteriormente.
4. Configura un disparador que active esta etiqueta. Sugerimos usar «DOM Ready» para asegurarte de que el contenido esté completamente cargado.

Pruebas de funcionamiento de la implementación

Es importante que actives el modo de vista previa en Google Tag Manager para verificar que todo funcione correctamente. Dirígete a la página de aterrizaje y recarga. La herramienta te mostrará qué etiquetas se activaron y cuáles no. Asegúrate de que los campos del formulario estén siendo llenados con los valores correctos.

Ocultar los campos adicionales en el formulario

Para que los campos adicionales no sean visibles para los usuarios, necesitarás ocultarlos. Esto puede hacerse de diferentes formas, dependiendo del constructor de formularios que utilices:

• Algunas herramientas permiten añadir una clase CSS como frm_hidden para ocultar campos.
• Otras podrían requerir ajustes manuales o asistencia de un desarrollador.
• Investiga las opciones disponibles en tu herramienta específica.

Verificación final de la implementación

Para comprobar que todo esté funcionando adecuadamente, sigue estos pasos:

1. Agrega parámetros UTM falsos a la URL de la página de aterrizaje.
2. Verifica que los campos adicionales estén ocultos.
3. Asegúrate de que la etiqueta de HTML personalizada se dispare correctamente.
4. Completa y envía el formulario.
5. Comprueba que los datos se hayan registrado correctamente en tu CRM.

Ideas adicionales para el futuro

Además de los parámetros UTM, existen otros datos que podrías considerar para enriquecer tus formularios:

1. Si un visitante navega de una página a otra, podrías almacenar los parámetros UTM en cookies y recuperarlos cuando acceda a la página del formulario.
2. Si tienes acceso a un desarrollador, podrías enviar datos relevantes al Data Layer y usarlos para el prellenado de formularios.
3. Segmentar el tráfico de afiliados mediante el seguimiento de ID de afiliados en la URL, lo que te permitirá conocer mejor el rendimiento de tus campañas.

Con esta metodología, no solo optimizarás tus formularios, sino que también mejorarás tu capacidad de análisis y toma de decisiones en marketing digital, asegurando que cada lead esté debidamente clasificado y analizado según su fuente de origen.