Upcoming feature

Form analytics

Form analytics lets you see exactly how many users complete each step, and what causes people to abandon your form

Conditional logic image

What is form analytics?

El análisis de formularios le permite ver exactamente qué hacen los usuarios en sus formularios.

Con una buena configuración de análisis de formularios, puede descubrir:

  • ¿Cuántas personas llegan a mi formulario?
  • ¿Cuántas personas empiezan a rellenar mi formulario?
  • ¿Cuántas personas abandonan mi formulario?
  • ¿En qué pasos abandona la gente?

Cómo realizar un seguimiento de los formularios de contacto con Google Analytics

Si ya dispone de Google Analytics, es posible que desee realizar un seguimiento de los eventos de éxito (es decir, los envíos de formularios). De este modo, podrá ver exactamente de dónde proceden los rellenos de formularios e informar sobre ellos fácilmente.

Esta guía sobre el seguimiento de formularios de Google Analytics le ayudará:

1.) Asegúrese de tener instalado Google Analytics

En primer lugar, debe asegurarse de tener instalado Google Analytics (parece obvio, pero muchos no lo tienen).

Para ello, compruebe si el código HTML de su sitio es similar al siguiente

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA....', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Tenga en cuenta que puede ser instalado por un complemento de terceros, como Google Tag Manager.

2.) Determinar el código que debe ejecutarse al enviar el formulario

El siguiente paso es “disparar un evento” cuando se envíe el formulario. Esto significa básicamente “dile a Google que ha ocurrido algo”.

Para disparar un evento de acción “enviar” para la categoría “formulario de contacto”, se ejecutaría el siguiente código:

<script>
ga('send', 'event', 'contact-form', 'submit');
}, false );
</script>

Desglosemos ese código:

  • El bloque de código se abre y se cierra con <script> bloques, lo que sólo significa que es JavaScript
  • “ga” es una referencia a Google Analytics
  • “enviar” y “evento” describen lo que está haciendo: está enviando un evento a Google Analytics
  • “formulario de contacto” es la categoría del evento. Puede cambiarlo por cualquier cosa, como “Lead-form”, “leadgen” o “website-leads”, usted decide.
  • “submit” es la acción del evento. De nuevo, puede cambiarle el nombre por cualquier cosa, como “añadir”, “completar” o “enviar”.

3.) Cómo ejecutar el código (por las malas)

Puede ejecutar literalmente el código anterior en su consola JavaScript para ver un evento que funciona en Google Analytics.

Pero, por supuesto, ejecutar el código en su consola JavaScript no es bueno – usted necesita que esto suceda cada vez que alguien envía un formulario.

Una opción es encontrar el ID del botón en el que los usuarios harán clic en enviar, y disparar el código entonces. Digamos que su botón tiene un ID de “mybutton123”, su código se vería así:

<script>

document.getElementById("mybutton123").addEventListener('click',function ()
{

ga('send', 'event', 'contact-form', 'submit');

}, false );

} ); </script>

Este código simplemente envuelve el código "enviar evento" de Google Analytics del paso 2 en un oyente de eventos que escucha un clic en "mybutton123".
3b.) Cómo ejecutar realmente el código (la manera fácil)
Si utiliza un creador de formularios como Growform, puede pegar el código del paso 2 en la opción "Ejecutar código al enviar el formulario" de la configuración del formulario.
4.) Cómo ver los envíos de formularios en Google Analytics
Para ver los eventos de envío de formularios en Google Analytics, vaya a Behaviour > Events > Overview.

Which plans allow for form analytics?

You can add form analytics onto any plan - it's not a restricted feature!

Hobbyist plan

  • Yes

Agency plan

  • Yes

It all starts here...

Start creating beautiful, multi-step forms that convert with a zero commitment free trial (no credit card required):

Start my 14 day free trial