Cómo ver un formulario potencial de WordPress con Google Tag Manager

Esta es una publicación invitada por Jon Zimmerman. Si desea contribuir a nuestro blog, no dude en contactarnos. Para muchas compañías, su sitio web sirve como un caso de exhibición, representante de ventas y cajero en uno. El seguimiento de las ventas en su sitio puede ser una tarea compleja, pero muchas plataformas comerciales electrónicas como WooCommerce pueden hacerlo un poco más fácil con integración incorporada. Para los sitios web B2B que no usan su sitio para el comercio electrónico, es muy importante saber cómo los clientes interactúan con su sitio y de dónde provienen los clientes potenciales. Con la ayuda de Google Tag Manager y Google Analytics, puede integrar el formulario de seguimiento para saber qué clientes completan el formulario potencial del cliente.
Instale el administrador de etiquetas y el análisis de estos productos gratuitos de Google son fáciles de instalar y pueden trabajar juntos sin problemas, pero primero para comprender lo que hacen. Google Analytics (GA) es una plataforma de análisis gratuita que sigue su tráfico web y le permite combinarlo, analizarlo y analizarlo utilizando cualquier número de herramientas de informes incorporadas y personalizadas. Google Tag Manager (GTM) es una herramienta de administración de etiquetas gratuita que permite a los usuarios implementar scripts en un sitio web agregando un solo fragmento de JavaScript al código. Una vez que agregue el script GTM a su sitio, puede activar casi cualquier otra etiqueta a través de él sin agregar ningún código voluminoso adicional al sitio.
Para agregar GA y GTM a su sitio, primero, agregue el script GTM a cada página del sitio. Luego puede implementar el script GA en el contenedor de Google Tag Manager. Si lo encuentra griego, aquí hay información adicional de Google sobre cómo funciona. Siguiendo los eventos con Google Label Manager, hay muchas funciones GTM, pero por ahora nos centraremos en rastrear automáticamente los eventos. Esto nos permitirá definir un evento que queremos seguir y luego enviar datos a Google Analytics cuando un usuario complete ese evento. Para hacer esto, adoptamos un enfoque de tres pasos:
Defina lo que queremos seguir, en este caso, queremos seguir cuando un usuario completa un contacto de formulario.
Configurar eventos de seguimiento en Google Manager
Configurar el objetivo de ser rastreado en Google Analytics
Paso 1: Defina lo que queremos seguir para los formularios de contacto, hay tres formas principales de activar un evento cuando un usuario envía un formulario de contacto:
Cuente el evento al hacer clic en el botón Enviar
Cuente el evento cuando se envía el formulario
Cuente un evento cuando el usuario acceda a una “página de gratitud”
Nos centraremos en rastrear los eventos en la página de agradecimiento, porque este es el método más simple, pero los tres métodos de seguimiento se pueden configurar en GTM. Para configurar esta búsqueda de la página de satisfacción, deberá conocer la URL de sus páginas, es decir, “www.domain.com/thak-you” o algo similar.
Paso 2: Configure los eventos de seguimiento en Google Label Manager ahora para la parte difícil. El administrador de etiquetas utiliza etiquetas, disparadores y variables para definir cómo desea implementar las etiquetas en su sitio por ahora, trabajaremos con etiquetas y desencadenantes. Una etiqueta es el lugar donde define la información que desea enviar a Google Analytics. Un desencadenante es el lugar donde define la interacción del usuario que “activará” la información de la etiqueta que se enviará. Primero creemos la etiqueta: Tipo de etiqueta: Universal Analytics
Debido a que nuestro objetivo final es enviar datos sobre eventos en Google Analytics, lo primero que haremos es elegir “Universal Analytics” como un tipo de etiqueta. Tipo de pieza: Evento de parámetros del evento Evento: use campos de categoría, acción y etiqueta para nombrar los datos del evento que se envían a Google Analytics. Aquí definimos la “categoría” como “formulario de envío” y “acción” como una “página de satisfacción para enviar el formulario”, pero puede llamarlos a lo que desee, siempre que sea único y fácil de reconocer. Google Analytics Property Property IDENTIFICACIÓN. Esta es la forma en que GTM sabe qué propiedad de análisis enviar los datos.

Ahora, creará el disparador que definirá qué interacción del usuario activará la etiqueta.
Tipo de activación: Vista de página. Cuando un usuario ve la página “Gracias”, queremos que nuestra etiqueta se active. Este disparador se activa en: algunas vistas de página. Debido a que nuestro script GTM está en cada página de nuestro sitio, debemos restringir la página específica que queremos activar la etiqueta. En este caso, queremos que la etiqueta se active solo cuando un usuario ve la página de agradecimiento. Condiciones: la URL de la página: es igual a: http://www.domain.com/thank-you
Ahora publique el disparador y la etiqueta que acaba de crear haciendo clic en el botón “Enviar” en la esquina superior derecha de la interfaz GTM. Paso 3: Cree un objetivo de objetivo con su etiqueta publicada, GTM ahora enviará datos al evento a GA cada vez que un usuario completa un formulario de contacto y acceda a la página “Gracias”. El paso final es crear un objetivo en Google Analytics que contará y registrará cada vez que los datos del evento se envíen a GA. Para comenzar, explore la sección de administración de Google Analytics y seleccione los objetivos bajo la vista de análisis correcta que desea usar. Ahora usaremos los datos de eventos que GTM envía a GA para crear un objetivo.

Configuración del objetivo: Nombre del objetivo personalizado: Envío de Tipo de objetivo Formulario: Detalles del evento Objetivo: Establezca los campos de categoría, acción y etiqueta para que coincidan exactamente con la forma en que definió la etiqueta en GTM. El valor del evento: seleccione “Sí” si desea que se complete un objetivo para registrar un solo objetivo. De lo contrario, puede definir un valor personalizado para cada logro del objetivo. Seguimiento con el formulario de contacto 7 Muchos usuarios de WordPress usan el Formulario de contacto del complemento 7 y hay un truco GTM específico para rastrear estos formularios. En lugar de seguir cuando un usuario accede a la página de “agradecimiento”, podemos usar una integración que sigue la forma real de enviar el formulario. En la pantalla de edición del formulario de contacto, seleccione Configuración adicional y agregue el script a continuación en el campo: On_sent_ok: “dataLayer.push ({‘event’: ‘gtm4wp.contactform7subMitted’});

Esto impulsará un evento en DataLayer una vez que se envíe un formulario con éxito. Luego, deberá configurar un evento personalizado en el GTM para escuchar esta variable de caja de datos y enviar el evento para completarse a Google Analytics. Cree un activador de eventos personalizado en GTM en GTM, cree un activador de eventos personalizado. Esto permitirá que GTM escuche este evento específico en DataLayer y, cuando se lleva a cabo, podemos usar este desencadenante para activar nuestra etiqueta para enviar datos a GA.
Tipo de activación: Nombre del evento personalizado Evento: GTM4WP.ContactForm7SubMitted dispara incendios en: “Todos los eventos personalizados”

Cree su formulario completando el formulario en GTM, crearemos una nueva etiqueta utilizando el activador que acabamos de crear. Tipo de etiqueta: Universal Analytics Tipo de parte: Categoría de eventos, Acción, Etiqueta: Defina como piensa en el seguimiento de ID: Coloque la ID de Google Analytics aquí. Seleccione el disparador del evento personalizado que creó, como disparador de activación para esta etiqueta. Prueba de conversión Puede usar el modo de vista previa del administrador de etiquetas para ejecutar una conversión de prueba, para garantizar que la etiqueta y el activador que creó funcione correctamente. En la interfaz GTM, elija “Vista previa” en la esquina superior derecha.
En el mismo navegador, abra una nueva pestaña y cargue la URL de su sitio. Ahora debe ver un GTM en la ventana de vista previa en la parte inferior de la pantalla que muestra qué etiquetas se activan y lo que no lo hace.

Envíe un formulario de contacto y debería ver “GTM4WP.ContactForm7SubMitted” poblado en el lado izquierdo de la ventana de vista previa. Debería ver simultáneamente su etiqueta GTM para aparecer en “Etiquetas lanzadas en este evento” en la ventana de vista previa principal.