Tutorial de Google Tag Manager, parte 3: Seguimiento de envíos de formularios - Actualización 2020

En la Parte 2 de nuestro Tutorial actualizado de Google Tag Manager, cubrimos el seguimiento de los enlaces de descarga. Si se lo perdió, es posible que desee comenzar aquí . En esta tercera parte, analizaremos más de cerca un tema muy popular: el envío de formularios . La mayoría de los especialistas en marketing estarán interesados ​​en realizar un seguimiento de esto, ya que el objetivo de muchas campañas es generar clientes potenciales a través de formularios de contacto, por lo que estas son las conversiones que miden el éxito de una campaña.

Google Analytics no rastrea automáticamente esta actividad, pero Google Tag Manager (GTM) ofrece una solución automatizada para rastrear los envíos de formularios.

En este tutorial, asumimos que ya tiene una cuenta de Google Tag Manager, ha creado un contenedor y lo ha instalado en su sitio web. También debe tener una cuenta de Google Analytics configurada para su sitio web y haberla vinculado a GTM.

Configure el seguimiento de envío de formularios siguiendo los pasos a continuación.

Paso 1: busque un identificador único

Le mostraremos cómo configurar esto usando el ejemplo de un formulario de contacto. Los pasos a continuación describen el proceso general e indican qué partes deben cambiarse para su sitio web específico.

El primer paso es encontrar algo que ayude a identificar su formulario. Haremos esto mirando el elemento HTML del formulario y decidiendo qué ayudará a identificar este formulario de forma única.

Para inspeccionar el formulario en su sitio web, haga clic con el botón derecho para acceder a las herramientas de desarrollo de su navegador. (En Chrome, por ejemplo, haga clic con el botón derecho en el elemento que desea inspeccionar y seleccione "Inspeccionar"). Esto le mostrará varios atributos exclusivos del formulario, por ejemplo, su contenido, clase CSS y otros elementos.

En nuestro ejemplo a continuación, puede ver que el formulario tiene un formulario de contacto de identificación. Una identificación es un identificador adecuado que normalmente es único para el elemento y no se utiliza en ningún otro lugar del sitio web. Si su formulario no tiene una identificación única, también puede usar las clases de formulario, la URL de la página de la acción del formulario o el texto del formulario para identificar este formulario en particular. Usar id o clases es lo más fácil, por lo que recomendamos usarlos si es posible.

Como último recurso, simplemente puede usar la URL de la página en la que aparece el formulario para identificarlo, pero tenga cuidado con esto. Si tiene otro formulario en la página, como un cuadro de búsqueda, este formulario puede activar su evento de formulario de contacto.

Paso 2: habilite la variable de formulario incorporada

Para la configuración de su etiqueta de evento, necesitará la variable integrada Form ID (o Clases de formulario si su formulario tiene una clase única). Si no ha utilizado esta variable antes, debe seleccionarla y habilitarla. Para hacerlo, navegue hasta Variables en la interfaz de GTM, y en la sección Variables integradas haga clic en Configurar . Desplácese hasta las distintas Variables de formulario y establezca una marca de verificación por ID de formulario .

Paso 3: crear el activador de envío de formularios

Este activador define qué es exactamente el envío de un formulario de contacto. Escucha los envíos de formularios en páginas particulares de su sitio web y verifica si cumplen con las condiciones que ha establecido específicamente para su formulario de contacto.

Para la configuración del disparador, siga estos pasos:

• Navegue a Triggers en la barra lateral izquierda y cree uno nuevo.
• Reemplace Desencadenador sin título con un nombre descriptivo como Envío de formulario - Formulario de contacto .
• Elija Tipo de activador: Envío de formulario . Esto escuchará los formularios enviados.

Para la configuración del disparador, establecerá:

• No marque la casilla de verificación Esperar etiquetas . No recomendamos utilizar esta opción de forma predeterminada con los formularios, ya que puede interrumpir los envíos de formularios. Se puede utilizar si se prueba a fondo.
• Marque la casilla de verificación Comprobar validación . Esto verifica que el formulario se haya enviado realmente.
• Habilitar cuando:
  • La ruta de la página contiene el contacto .

Esto habilita el disparador en páginas que tienen contacto en la ruta, por ejemplo, https://amazeemetrics.com/contact. Debe cambiar esto para habilitar el disparador en la página o páginas de su sitio web que contienen el formulario de contacto. También puede habilitar el disparador en todas las páginas si es necesario.

• Disparar contra:
  • Seleccionar opciones: ID de formulario es igual a formulario de contacto .

Esto usa la variable que habilitó en el Paso 2 y la identificación única que identificó en el Paso 1 para especificar exactamente qué formulario desea rastrear como Envío de formulario de contacto .

• Cambie el ID del formulario por el identificador que encontró en el Paso 1 y la variable correspondiente que habilitó en el Paso 2.

Haga clic en Guardar para finalizar la configuración del disparador.

Paso 4: Cree la etiqueta de evento de envío de formulario

El último paso en el seguimiento de los envíos de formularios es simplemente crear una etiqueta que registrará el evento en Google Analytics con la información que desee. El evento se activará cuando se cumplan las condiciones del disparador que configuró en el paso anterior. Ahora, cree la etiqueta juntando todas las piezas:

• Vaya a> Etiquetas > Nuevo para crear una nueva etiqueta
• Nómbrelo GA - Evento - Envío de formulario de contacto
• Para la configuración de su etiqueta, elija Google Analytics: Universal Analytics como su tipo de etiqueta.
• Tipo de pista: Eventos
• Categoría: Ingresar formulario
• Acción: Ingrese el envío del formulario de contacto . Puede cambiar el nombre de la categoría y la acción del evento para que coincida con cualquier convención de nomenclatura de eventos que utilice.
• Etiqueta: Ingrese Exitoso . Esto es opcional y puede cambiarlo o dejar el campo en blanco.
• Hit sin interacción: déjelo en la configuración predeterminada falsa . Esto significa que este evento cambiará su tasa de rebote porque se contará como una interacción en su sitio.

Como último paso, seleccione el activador que creó en el paso 3 para activar la etiqueta cuando se cumpla una condición específica. Aquí hay una descripción general de la configuración final:

Paso 5: guarde una versión, pruebe y publique

¡Estas casi listo! La etiqueta que acaba de crear no comenzará a funcionar hasta que la publique, pero primero debe probar a fondo que funciona como se esperaba. Una vez que haya guardado su etiqueta, habilite el modo Vista previa (haga clic en Vista previa en la esquina superior derecha), vaya a su sitio web y actualice la página.

Asegúrese de cubrir estos escenarios de prueba para el seguimiento de envío de formularios:

• Haga clic en el botón enviar sin haber completado el formulario. La etiqueta no debe dispararse en este caso.
• Complete el formulario con los detalles correctos y luego haga clic en enviar. La etiqueta debería dispararse ahora.

El Informe de eventos en tiempo real de Google Analytics debería mostrar los hits de su evento si todo funciona correctamente. Lea nuestra publicación de blog sobre los problemas de prueba del Administrador de etiquetas de Google y cómo solucionarlos si tiene algún problema.

Si todas sus pruebas tienen éxito, puede hacer clic en el botón Enviar en GTM. Asigne a esta versión publicada un nombre descriptivo como evento de envío de formulario de contacto agregado y haga clic en Publicar .

Próximo tutorial

Usar el activador de envío de formularios es un método sencillo para dominar el seguimiento de formularios de contacto. Sin embargo, según la forma y la tecnología, es posible que esto no siempre funcione. Los formularios vienen en muchas formas y tamaños, por lo que pensamos que es adecuado presentarle diferentes técnicas de seguimiento para que sea flexible.

Estén atentos para nuestra próxima publicación de blog donde cubrimos un enfoque más avanzado para el seguimiento de formularios: El activador de visibilidad de elementos.