Cómo rastrear formularios de Klaviyo con Google Tag Manager

Si utilizas Klaviyo como tu proveedor de marketing por correo electrónico, es probable que ya estés familiarizado con la variedad de formularios de opt-in que ofrece, como formularios incrustados y ventanas emergentes. Pero, ¿alguna vez te has preguntado cómo puedes rastrear la eficacia de estos formularios para optimizar tu estrategia de captación de suscriptores? Este artículo te guiará a través del proceso de integración de Klaviyo con Google Tag Manager y Google Analytics, permitiéndote monitorear qué fuentes de tráfico están generando más suscriptores.

En esta guía, exploraremos los pasos necesarios para rastrear los formularios de Klaviyo utilizando Google Tag Manager, así como cómo enviar esos datos a Google Analytics y convertirlos en objetivos o conversiones. Con un enfoque claro, desglosaremos cada parte del proceso y te proporcionaremos ejemplos prácticos.

Integración de Klaviyo con Google Analytics

La integración de Klaviyo con Google Analytics permite a los usuarios obtener informes detallados sobre la efectividad de sus formularios de captación. Saber de dónde provienen tus suscriptores es fundamental para optimizar tus campañas de marketing.

Para ello, es necesario seguir algunos pasos específicos que aseguran que los datos se envíen correctamente a Google Analytics a través de Google Tag Manager (GTM). Esto incluye configurar los desencadenadores y las etiquetas necesarias en GTM que recojan los datos de los formularios de Klaviyo al ser enviados.

Configuración del seguimiento de formularios en Google Tag Manager

Para que Google Tag Manager pueda rastrear las presentaciones de formularios de Klaviyo, es necesario crear un oyente de eventos personalizado. Este oyente se encargará de detectar cuando un formulario de Klaviyo ha sido enviado exitosamente.

Los pasos son los siguientes:

1. Accede a Google Tag Manager y crea una nueva etiqueta HTML personalizada.
2. Pega el siguiente código en la etiqueta:

<script>
window.dataLayer = window.dataLayer || [];
window.addEventListener("klaviyoForms", function(e) { 
  if (e.detail.type == 'submit') {
	dataLayer.push({
		'event' : 'klaviyo',
		'formId' : e.detail.formId,
		'formTitle' : e.detail.metaData.$source
	});
  }
});
</script>

3. Configura la etiqueta para que se active en todas las páginas donde se encuentren los formularios de Klaviyo.

Este código permite que, al enviar un formulario, se envíen los datos al Data Layer de GTM, lo que facilitará su uso posterior en Google Analytics.

Creación de variables en Google Tag Manager

Una vez que el oyente está configurado, el siguiente paso es crear variables que extraerán la información del Data Layer para enviarla a Google Analytics. Necesitarás crear al menos dos variables: una para el formId y otra para el formTitle.

Para crear estas variables, sigue estos pasos:

1. Ve a la sección de Variables en GTM y selecciona Nueva.
2. Elige Data Layer Variable y configura los nombres de manera adecuada:
• Para el ID del formulario, introduce formId.
• Para el título del formulario, introduce formTitle.

Asegúrate de que los nombres de las variables coincidan exactamente con los que se envían en el Data Layer, ya que son sensibles a mayúsculas y minúsculas.

Creación de un desencadenador de eventos personalizados

El próximo paso es crear un desencadenador que se activará cuando se detecte el evento que hemos configurado en el oyente, es decir, cuando un formulario haya sido enviado. Para ello, sigue estos pasos:

1. En GTM, dirígete a la sección de Desencadenadores y elige Nuevo.
2. Selecciona Evento personalizado y nómbralo, por ejemplo, Klaviyo Form Submission.
3. En el campo de nombre del evento, ingresa klaviyo.

Este desencadenador se activará cada vez que un formulario Klaviyo sea enviado y permitirá que la etiqueta de Google Analytics recoja la información correspondiente.

Configuración de la etiqueta de Universal Analytics

Ahora que tenemos el desencadenador listo, debemos crear una etiqueta en GTM que envíe los datos a Google Analytics. Para ello:

1. Dirígete a la sección de Etiquetas en GTM y selecciona Nueva.
2. Elige Universal Analytics como tipo de etiqueta.
3. Completa los campos necesarios:
• Variable de configuración de Google Analytics: selecciona la configuración previamente definida.
• Categoría de evento: usa el valor form submission.
• Acción de evento: asigna formId de las variables que creaste.
4. En la sección de Desencadenadores, selecciona el desencadenador que creaste para el evento klaviyo.

Pruebas y verificación de la configuración

Antes de finalizar, es importante verificar que la configuración funcione correctamente. Activa el modo de vista previa en GTM y realiza una prueba enviando un formulario Klaviyo. Debes seguir estos pasos:

1. Envía el formulario y verifica que el evento klaviyo aparezca en la consola de vista previa.
2. Haz clic en el evento y verifica que la etiqueta de Google Analytics se haya activado.
3. Accede a Google Analytics y revisa los informes en tiempo real para confirmar que el evento de envío de formularios se registró correctamente.

Configuración de objetivos en Google Analytics

Si deseas rastrear los envíos de formularios como conversiones en Google Analytics, es necesario crear un objetivo. Para ello:

1. Accede a tu cuenta de Google Analytics y selecciona la propiedad correspondiente.
2. Haz clic en el icono de engranaje en la esquina inferior izquierda para acceder a la configuración.
3. Selecciona la vista donde deseas crear el objetivo y haz clic en Objetivos.
4. Haz clic en NUEVO OBJETIVO y configura los detalles:
• Plantilla: selecciona Personalizado.
• Nombre: proporciona un nombre significativo, como Envio de Formularios Klaviyo.
• Tipo: selecciona Evento.
• Detalles del objetivo:
• Categoría de evento: utiliza form submission.

Recuerda que si solo ingresas la categoría del evento, todos los eventos que coincidan serán considerados como conversiones.

Revisar informes en Google Analytics

Una vez que hayas configurado correctamente tus objetivos, podrás encontrar los datos de conversiones en varios informes de Google Analytics, tales como:

• Conversions > Goals > Overview
• Acquisition > All Traffic > Source/Medium, donde podrás ver qué fuentes están aportando más suscriptores.

Ten en cuenta que los informes no son en tiempo real y pueden tardar un tiempo en procesar los datos.

Seguimiento de valores de campos del formulario

Si deseas rastrear también los valores de los campos del formulario, como la dirección de correo electrónico, puedes modificar el oyente de eventos. Esto podría ser útil si necesitas analizar qué información están ingresando los suscriptores en los formularios.

Para hacerlo, utiliza el siguiente código para tu etiqueta HTML personalizada:

<script>
window.dataLayer = window.dataLayer || [];
window.addEventListener("klaviyoForms", function(e) { 
  if (e.detail.type == 'submit') {
	dataLayer.push({
		'event' : 'klaviyo',
		'formData' : e.detail
	});
  }
});
</script>

Sin embargo, es importante tener en cuenta que enviar información de identificación personal (PII) a Google Analytics está en contra de sus políticas de uso. Si necesitas manejar PII, asegúrate de tener el consentimiento adecuado de los usuarios y consulta con un profesional legal sobre las regulaciones que puedan aplicar a tu negocio.

Consideraciones finales sobre el seguimiento de formularios Klaviyo

Rastrear formularios con Google Tag Manager puede tener sus complicaciones, pero con la implementación correcta, puedes obtener valiosos insights sobre tus estrategias de captación de suscriptores. Klaviyo ofrece una estructura que facilita este seguimiento mediante un oyente de eventos, lo que permite enviar datos específicos al Data Layer.

Recuerda siempre probar cada parte de la configuración y asegurarte de que los datos se estén registrando correctamente en Google Analytics para que puedas tomar decisiones informadas basadas en los resultados obtenidos.