Formulario de seguimiento de eventos con Google Tag Manager
Publicado: 2021-07-19Si está buscando una manera fácil de configurar el seguimiento de eventos para monitorear las conversiones en su sitio web, es posible que desee considerar el uso de Google Tag Manager.
En esta publicación, explicaré Google Tag Manager, le haré saber cómo instalarlo y describiré cómo configurar el seguimiento de eventos de formulario en su sitio.
¿Qué es Google Tag Manager?
Google Tag Manager (GTM) es una herramienta gratuita que facilita a los webmasters y especialistas en marketing agregar y actualizar etiquetas de sitios web. Hay muchas formas de utilizar GTM, pero la mayoría de las empresas lo utilizan para el seguimiento de eventos como un medio para medir el éxito de su estrategia de marketing digital. Para obtener una explicación más detallada de GTM, consulte nuestra publicación de blog introductoria.
¿Por qué utilizar GTM para el seguimiento de eventos?
GTM le brinda un control total de las etiquetas de sus eventos. Puede agregarlos a su sitio sin tener que pedirle a su desarrollador que realice ninguna codificación. Esto liberará su tiempo para trabajar en otros proyectos críticos.
GTM también le permite modificar y probar su seguimiento de eventos usted mismo, lo que obviamente hace que el proceso sea mucho más simple.
Además, estamos viendo un número creciente de sitios web donde los formularios se crean utilizando JavaScript. Estos sitios no usan URL de destino, lo que significa que no puede usar objetivos simples en Analytics. Con el fin de preparar la gestión de su sitio web para el futuro, es una buena idea considerar familiarizarse con GTM.
Instalación de GTM
La instalación de GTM es muy similar a la configuración de Google Analytics:
- Inicie sesión en Google Tag Manager con su cuenta de Google, idealmente la misma que usa para Analytics. Luego siga los pasos en pantalla:
Cree una cuenta en Google Tag Manager - Lea y acepte los términos y condiciones. A continuación, se le proporcionará el código de instalación. Deberá agregar este código a cada página de su sitio, inmediatamente después de la etiqueta de apertura <body>. Si no puede hacer esto usted mismo, su desarrollador debería poder ayudar:
Pegue el código GTM en cada página de su sitio web
Eso es. Ha configurado un contenedor de Tag Manager en su sitio. Este contenedor eventualmente contendrá todas las etiquetas que cree en el panel de GTM.
Ahora describiré cómo configurar el seguimiento de eventos usando GTM. Para ello, deberá habilitar varias variables integradas dentro de las páginas, los clics y los formularios. Estos no están habilitados de forma predeterminada cuando configura GTM. Entonces, antes de comenzar, navegue hasta las variables y verifique las siguientes opciones:
Seguimiento de eventos de formulario
El seguimiento de envío de formularios le permite controlar cuándo los visitantes envían un formulario en su sitio web. Este podría ser un formulario de contacto en su página de contacto o un formulario de consulta en el pie de página de la página. Casi todos los sitios web tienen un formulario, por lo que esta es una buena manera de familiarizarse con Tag Manager.
Es relativamente fácil configurar el seguimiento de eventos usando GTM, ya que puede usar etiquetas que ya están integradas en la interfaz de GTM. Un conocimiento básico del código HTML es útil, pero esta guía le explicará todo lo que necesita saber.
No se preocupe, es imposible romper su sitio web con Tag Manager, y puede probar todo antes de publicar sus etiquetas.
¡Hagámoslo!
Paso 1: identificar la URL
Tome nota de la URL en la que se encuentra su formulario:
Si tiene un formulario en más de una página, por ejemplo, un formulario de consulta en el pie de página, solo necesita conocer el dominio. En este caso, usamos hallam.co.uk .
Paso 2: identifique el ID del formulario
Busque el ID de formulario para el botón enviar. Si está utilizando Google Chrome o Firefox, puede hacerlo haciendo clic derecho en el formulario y seleccionando 'inspeccionar elemento'. Debe buscar el atributo 'id' en el <form>. A continuación, se muestra un ejemplo de cómo podría verse esto:
Consejo : presionar ctrl + f dentro del inspector le permite buscar cosas.
Nota : Si no hay una identificación única para su formulario, es posible que deba pedirle a su desarrollador que agregue una. Sin embargo, si su sitio web utiliza un complemento de formulario como el formulario de contacto 7 para WordPress, puede agregar una identificación usted mismo.
Paso 3: crea un disparador
En GTM, cree un nuevo disparador y asígnele un título que lo hará más fácil de identificar más adelante. Algo como 'enviar formulario de consulta' o 'enviar formulario de página de contacto' servirá.
En elegir evento, seleccione envío de formulario:
Haga clic en continuar y luego marque 'Esperar etiquetas' y 'Verificar validación' para asegurarse de que su activador se active para envíos de formularios exitosos (válidos):
Haga clic en continuar e ingrese la ruta URL que anotó anteriormente:
Si su formulario está en varias páginas, puede configurar su disparador para que se active en páginas que contienen su dominio:
Haga clic en continuar y luego seleccione 'Algunos formularios':
Para finalizar su Trigger, agregue el ID de formulario que anotó anteriormente (¡no use mi ID de formulario!):
Ahora ha especificado las condiciones requeridas para que su Trigger dispare. A continuación, crearemos una etiqueta.
Paso 4: crea una etiqueta
Cree una nueva etiqueta de Universal Analytics. Esta etiqueta enviará la información del evento a Google Analytics. Nuevamente, asegúrese de darle un nombre memorable:
Agregue su ID de seguimiento de Google Analytics en el siguiente campo:
Luego, complete el tipo de pista como un evento y determine sus parámetros de seguimiento para la categoría y la etiqueta:
Si está configurando esto para un formulario que se encuentra en varias páginas, como yo en este ejemplo, haga clic en el cuadro a la derecha de la etiqueta y seleccione {{Ruta de la página}} en el menú desplegable. Esto garantizará que pueda ver desde qué página se activó el evento de envío de formulario en sus informes de eventos de Analytics:
En "Hit sin interacción", puede seleccionar verdadero o falso. El hit de no interacción es un parámetro que le permite decidir si el evento que se activa afecta o no métricas como su tasa de rebote . Por ejemplo, si tiene una página en la que se reproduce automáticamente un video, debería seleccionar "verdadero". De lo contrario, todos los que lleguen a esa página desencadenarían un evento y la tasa de rebote sería cero.
Para el seguimiento del envío de formularios, recomiendo seleccionar "falso", especialmente si el formulario que está rastreando se encuentra en una página de destino donde el visitante ve toda la información que necesita y completa su formulario de consulta. Después de todo, incluso si no ven otra página en su sitio web, han interactuado y completado la acción deseada, por lo que debería ser un éxito de interacción:
A continuación, haga clic en continuar y seleccione 'más' en 'disparar'. Seleccione 'formulario' y luego navegue hasta el activador que creó anteriormente:
Haga clic en 'crear etiqueta' y su etiqueta terminada se verá así:
Paso 5: prueba
Dirígete al modo de vista previa y depuración para probar si tu nuevo seguimiento de eventos está funcionando:
En el mismo navegador, abra una nueva pestaña y navegue hasta su sitio web, donde Tag Manager abrirá el modo de depuración para usted. Desde aquí, puede obtener una vista previa de su contenedor y le dirá qué etiquetas se han activado o no en su página:
En el ejemplo anterior, ninguna de estas etiquetas se activó en mi página, incluidos los envíos de mi formulario de consulta. Ahora puedo probar el formulario directamente en la página y ver si la etiqueta correcta se mueve a 'etiquetas activadas en esta página':
Paso 6: publicar
Una vez que haya probado que su etiqueta funciona, regrese al panel de GTM y publique su versión. Recuerde, puede cambiar el nombre de las versiones y volver a las versiones si la siguiente versión no funciona del todo:
Ta-da : su nueva etiqueta de seguimiento de eventos y su activador ahora están activos.
Optimización de formularios
Es posible que desee mejorar los formularios de su sitio para aumentar sus conversiones. Puede utilizar GTM para realizar un seguimiento de cada campo de formulario y averiguar qué necesita probarse y mejorarse. Alternativamente, puede usar un servicio como Hotjar para brindarle un análisis de embudo útil para la optimización de la tasa de conversión.
Conclusión
Si desea mejorar la eficiencia y eliminar los dolores de cabeza de las pruebas cuando se trata de configurar el seguimiento de eventos, le recomiendo encarecidamente que utilice Google Tag Manager.
Descubrí que cuando los desarrolladores están ocupados trabajando en proyectos más grandes en curso en un sitio web, aprecian esta decisión, ya que les libera tiempo. En un nivel de entrada, puede usar las etiquetas integradas en Tag Manager y las funciones de control de versiones y modo de depuración le permiten probar todo usted mismo.
Si ha utilizado Google Tag Manager para implementar el seguimiento de eventos de formulario con esta guía, nos encantaría saberlo en los comentarios a continuación. Alternativamente, comuníquese conmigo en Twitter @Digital_Kym.
Si necesita ayuda con su no dude en contactarnos.