Cómo configurar el seguimiento de eventos de Google Analytics para un formulario de registro

Objetivos del artículo

Aprende cómo configurar el seguimiento de eventos de Google Analytics para tus formularios de registro de Klaviyo para obtener información sobre acciones importantes de los usuarios con tus formularios. Puedes medir la actividad del formulario marcando los eventos de Klaviyo (por ejemplo, form_open, form_close, form_submit) como conversiones en Google Analytics. Configura esto siguiendo este proceso de 2 pasos:

1. Agrega un fragmento de código a tu sitio web para enviar los datos del formulario de registro de Klaviyo a Google Analytics.
2. Marca los eventos como conversiones en Google Analytics.

Antes de empezar

Configurar el seguimiento de eventos para tus formularios de registro en Google Analytics requiere pegar un fragmento de código en tu sitio. Si no te sientes cómodo pegando código y no tienes a un desarrollador que te ayude, Klaviyo cuenta con una amplia red de socios en nuestro Directorio de socios. 

Haz el seguimiento de los registros enviados mediante un formulario de Klaviyo

Puedes hacer el seguimiento de la actividad de formularios de Klaviyo en Google Analytics agregando un detector de eventos al evento klaviyoForms y luego ejecutando diferentes llamadas de seguimiento de GA para cada tipo de evento. Este código se debe pegar en el archivo principal del tema del sitio.

• Si usas Shopify, pega el fragmento en el archivo theme.liquid en una nueva línea, arriba de la etiqueta de cierre </body>. Ten en cuenta que, si usas páginas de producto personalizadas, es posible que debas agregar este fragmento a un archivo de tema diferente o a tus páginas de producto personalizadas individuales.
• Si usas Shopify 2.0, agrega el código a un bloque de Liquid personalizado.
• Si usas BigCommerce, ve a Storefront > Footer Scripts desde el panel de Administrador de BigCommerce y pega el fragmento en el cuadro de código del pie de página en una nueva línea.

A continuación se muestra el código genérico para el seguimiento de todos los tipos de eventos de klaviyoForms en Google Analytics. Este código también se debe usar si usas gtag.js para cargar Google Analytics:

<script>
  window.addEventListener("klaviyoForms", function(e) { 
    if (e.detail.type == 'open' || e.detail.type == 'embedOpen') {
      gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'submit') {
      gtag('event', 'form_submit', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'stepSubmit') {
      gtag('event', 'form_step_submit', {'form': 'Klaviyo form', 'step_name': e.detail.metaData.$step_name});
    }
    if (e.detail.type == 'redirectedToUrl') {
      gtag('event', 'form_url_redirect', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'close') {
      gtag('event', 'form_close', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
  });
</script>

Si quieres hacer el seguimiento de diferentes versiones de formularios o variantes, modifica el fragmento de código para

gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId, 'form_version_id': e.detail.formVersionId })

con el/la form_id correspondiente en lugar de

gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId })

Si estás haciendo seguimiento de envíos de formularios para un formulario de varios pasos, ten en cuenta que solo se activará 1 evento submit cada vez que se complete el formulario. El evento de envío se activará en las siguientes circunstancias:

• En los formularios con acciones de suscripción por correo electrónico o SMS, enviar un correo electrónico o un número de teléfono activa un evento de envío.
• Para formularios que contienen campos de correo electrónico y SMS en varios pasos, enviar el que aparezca primero en el formulario activa un evento de envío.
• Para formularios sin una acción de suscripción por correo electrónico o SMS (por ejemplo, un formulario que solo contenga campos de texto), hacer clic en un botón con Acción configurada como Enviar formulario activa un evento de envío.

El evento stepSubmit se activará cuando se envíe cada paso.

Prueba el código de seguimiento

Una vez que hayas instalado el código de seguimiento en el sitio, puedes probarlo para asegurarte de que se esté dando seguimiento a los datos. Para probar el código:

1. Ve a tu sitio web e interactúa con el formulario (p. ej., envíalo o ciérralo).
2. Abre Google Analytics y abre Informes > En tiempo real.
3. En Recuento de eventos por nombre del evento, deberías ver un desglose de los datos que registró el formulario. Las métricas de cada evento deben reflejar un recuento preciso en función de la acción que realizaste (por ejemplo, si cerraste el formulario, verás esto reflejado en el Recuento de eventos para form_close).

Si no ves los eventos, asegúrate de que Google Analytics esté configurado correctamente y de que el fragmento de código que usaste sea el correcto. También ten en cuenta que los eventos solo serán visibles en En tiempo real durante 30 minutos. Consulta [GA4] Informe En tiempo real para obtener más detalles.

Configura eventos para que se marquen como conversión

Después de configurar el seguimiento de eventos de registro nuevos en Google Analytics, puedes configurar los eventos correspondientes para que se marquen como conversiones y así ayudarte a monitorear cómo interactúan los usuarios con tus formularios.

Desde la tabla de eventos existentes en Google Analytics (Administrador > Eventos), activa el interruptor en Marcar como conversión para cualquier evento que quieras rastrear. Si un evento no está en la lista existente, tendrás que crear un nuevo evento y marcarlo como una conversión. Si solo quieres que tu evento se marque como una conversión cuando se cumpla una determinada condición (por ejemplo, un ID de formulario específico), deberás configurar una conversión en función de los valores de los parámetros de tu evento.

Cuando marcas un evento como una conversión, Google Analytics registrará una conversión cada vez que vea tu event_name (p. ej., form_open). Rastrea las conversiones de los datos de formularios de Klaviyo en el reporte de conversión.

Recursos adicionales