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

Qué aprenderás

Descubre cómo configurar el seguimiento de eventos de Google Analytics para tus formulario de registro de Klaviyo y obtener detalles clave sobre acciones importantes de los usuarios con tus formularios. Puedes medir la actividad del formulario marcando los eventos de Klaviyo (p. ej., form_open, form_close, form_submit) como conversión en Google Analytics. Configúralo siguiendo este proceso de 2 pasos:

1. Añade un fragmento de código a tu sitio web para enviar los datos del formulario de registro de Klaviyo a Google Analytics.
2. Marca tus eventos como conversión 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 un desarrollador que te ayude, Klaviyo cuenta con una amplia red de socios en nuestro directorio de socios. 

Rastrear los registros enviados mediante un formulario de Klaviyo

Puedes hacer el seguimiento de la actividad de los formularios de Klaviyo en Google Analytics añadiendo un detector de eventos al evento klaviyoForms y, a continuación, ejecutando diferentes llamadas de seguimiento de GA para cada tipo de evento. Este código debe pegarse en el archivo principal del tema de tu sitio.

• Si estás usando Shopify, pega el fragmento de código en el archivo theme.liquid de tu tema, en una nueva línea sobre la etiqueta de cierre </body>. Ten en cuenta que, si utilizas páginas de producto personalizadas, puede que tengas que añadir este fragmento a un archivo de tema diferente o a tus páginas de producto personalizadas individuales.
• Si usas Shopify 2.0, añade el código a un bloque de Liquid personalizado.
• Si usas BigCommerce, ve a Tienda > Scripts de pie de página desde tu 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 incluye el código genérico para hacer el seguimiento de todos los tipos de eventos de klaviyoForms en Google Analytics. Este código también debe usarse si utilizas 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 un seguimiento de diferentes versiones o variantes de formularios, modifica tu 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 form_id correspondiente en lugar de

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

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

• En los formularios con acciones de suscripción por email o SMS, enviar un email o un teléfono desencadena un evento de envío.
• En el caso de los formularios que contengan campos de email y SMS en varios pasos, enviar el que aparezca primero en el formulario activa un evento de envío.
• En el caso de los formularios sin una acción de suscripción por email o SMS (p. ej., un formulario que solo contiene campos de texto), al hacer clic en un botón con la Acción configurada como Enviar formulario se activa un evento de envío.

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

Probar tu código de seguimiento

Una vez que hayas instalado el código de seguimiento en tu sitio, puedes probarlo para asegurarte de que se están registrando datos. Para probar tu código:

1. Ve a tu sitio web e interactúa con tu formulario (por ejemplo, enviarlo o cerrarlo).
2. Abre Google Analytics y abre Informes > Tiempo real.
3. En Recuento de eventos por nombre de evento, deberías ver un desglose de los datos que tu formulario ha registrado. Las métricas de cada evento deben reflejar un recuento preciso basado en la acción que hayas realizado (por ejemplo, si has cerrado el formulario, lo verás reflejado en el recuento de eventos para form_close).

Si no ves tus eventos, asegúrate de que Google Analytics esté configurado correctamente y de que el fragmento de código que has usado sea el correcto. Ten en cuenta también que tus eventos solo serán visibles en Realtime durante 30 minutos. Consulta el informe Realtime de [GA4] para obtener más información.

Configura los eventos para que se marquen como conversiones

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

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

Cuando marques un evento como conversión, Google Analytics registrará una conversión cada vez que vea tu event_name (p. ej., form_open). Haz el seguimiento de las conversiones de tus datos de formularios de Klaviyo en el informe de conversiones.

Recursos adicionales