Medición de formularios de Contact Form 7 con Tag Manager

Moderador: Juan Carlos Díaz

Avatar de Usuario
Myriam Navas
Colaborador ACD
Colaborador ACD
Mensajes: 45
Registrado: Jue, 28 Ene 2021, 13:03

Medición de formularios de Contact Form 7 con Tag Manager

Mensaje sin leer por Myriam Navas » Vie, 23 Abr 2021, 19:34

Hoy vengo con un tema que me ha generado un extremo dolor de cabeza en esta semana y quiero compartirlo con vosotros para ahorraros sufrimiento.

El tema es.... la medición de los formularios de Contact Form 7.

Hasta hace unos años (2017) los formularios de Contact Form 7 se taggeaban con la siguiente sentencia dentro del propio apartado de ajustes adicionales en la configuración del propio formulario: on_sent_ok quedando algo como lo que se muestra en esta imagen.
on_sent_ok.png
on_sent_ok.png (32.29 KiB) Visto 63 veces
En el 2017 esta forma de medir quedó obsoleta y se ha tenido que hacer un ejercicio de creatividad para seguir estas conversiones.

En general hay tres maneras para medir esta conversiones:

1) A través de una página de "gracias".
Se miden las llegadas a esas páginas de gracias y ya tenemos los leads. El problema que genera esta forma de medir es que a veces el usuario, especialmente si se hace desde móvil, no elimina la pestaña y al cargar de nuevo el navegador se recarga la página generando una nueva sesión. Esto produce una discrepancias entre los leads que medimos y los leads registrados realmente. Se puede solucionar con un segmento para analizar los usuarios vs sesiones y quedarnos sólo con los usuarios.

2) Midiendo los clics en el botón de enviar con una etiqueta en Tag Manager.
Con una etiqueta en Tag Manager de tipo evento que se active cuando el usuario haga clic en el botón. Esto es una buena opción pero también genera muchas discrepancias ya que muchas veces los usuarios no hacen clic en el checkbox de aceptar el tratamiento de los datos personales, se produce un error en el formulario pero el evento se ha disparado con el clic, generando un error en la medición.

3) Con una etiqueta HTML personalizada que dispare en las páginas donde tenemos el formulario.
Generamos en Tag Manager una etiqueta HTML personalizada con un EventListener que se queda "escuchando" a la espera de que se genere el evento wpcf7mailsent que se produce cuando el formulario Contact Form 7 revisa los campos y el checkbox obligatorios y envía el formulario.
En ese momento envía a la propiedad el evento con la categoría, acción y etiqueta que hayas definido. El código en la etiqueta sería algo así:

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
gtag('event', 'Suscripción_cf7', { 'event_category': 'Suscripcion', 'event_action': 'Newsletter', 'event_label': 'Contact Form 7'});
}, false );
</script>

Para comprobar que se está midiendo correctamente lo mejor es ir a Analytics al informe en tiempo real y observar felizmente como aparece el evento etiquetado.

Cualquier duda que os surja, os leo por aquí.
Saludos!
Myriam Navas
Analista digital y especialista SEM/PPC
www.myriamnavas.com

Avatar de Usuario
Juan Carlos Díaz
Profesor ACD
Profesor ACD
Mensajes: 14
Registrado: Vie, 13 Dic 2019, 21:20
Ubicación: Barcelona
Contactar:

Re: Medición de formularios de Contact Form 7 con Tag Manager

Mensaje sin leer por Juan Carlos Díaz » Sab, 24 Abr 2021, 18:36

Hola Myriam,


Esto sale explicado en curso o lo has hecho hace mucho. jejeje
Ese evento como bien dices quedó obsoleto en 2017.

Agradezco que compartas tu experiencia con nosotros.
Una puntualización en el punto 3 estas manado evento gtag a Tag manager no sería correcto.


Te voy a dar dos opciones más:
Si usas el plugin para insertar el GTM que recomiendo en el curso. https://es.wordpress.org/plugins/durace ... g-manager/
en la parte de integración está el contact form 7 adjunto imagen.

Te genera un evento cada vez que se mande un formulario correctamente. Creo que es la opción más fácil.

La otra es crear un oyente para cuando se mande un formulario genere un evento. Si te interesa esta opción puedo poner el código.


Saludos
Adjuntos
Captura de pantalla 2021-04-24 a las 18.31.04.png
Captura de pantalla 2021-04-24 a las 18.31.04.png (144.21 KiB) Visto 60 veces
Juan Carlos Díaz
Puedes saber más de mi en https://convertiam.com/

Avatar de Usuario
Myriam Navas
Colaborador ACD
Colaborador ACD
Mensajes: 45
Registrado: Jue, 28 Ene 2021, 13:03

Re: Medición de formularios de Contact Form 7 con Tag Manager

Mensaje sin leer por Myriam Navas » Sab, 24 Abr 2021, 18:45

Hola Juan Carlos,
Muchas gracias por tu comentario! Sobre todo por la aportación en cuanto a la configuración de Contact Form 7, no había visto que incluía esta opción.

El "oyente" que planteas es lo que comento en el punto 3 en mi post. Lo probé ayer y me funcionaba perfectamente. Es una etiqueta HTML personalizada con un script que incluye ese código que indico. Lo probé en dos webs y en las dos funciona perfectamente.

Claro que teniendo en cuenta que el plugin de Contac Form 7 incluye el data layer, ya está todo resuelto.
Gracias!
Myriam Navas
Analista digital y especialista SEM/PPC
www.myriamnavas.com

Avatar de Usuario
Juan Carlos Díaz
Profesor ACD
Profesor ACD
Mensajes: 14
Registrado: Vie, 13 Dic 2019, 21:20
Ubicación: Barcelona
Contactar:

Re: Medición de formularios de Contact Form 7 con Tag Manager

Mensaje sin leer por Juan Carlos Díaz » Sab, 24 Abr 2021, 19:48

Hola de nuevo,

Si no discuto que funcione pero yo que soy un purista del código estás usado un Gtag la documentación oficial habla de no mezclar.

Te dejo su documentación oficial, al final está remarcado en amarillo. https://support.google.com/tagmanager/a ... 2054?hl=es

En caso del Oyente yo te recomiendo este. Añadirlo como etiqueta personalizada en todas las páginas donde tengas forrmulario.
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
window.dataLayer.push({
"event" : "cf7submission",
"formId" : event.detail.contactFormId,
"response" : event.detail.inputs
})
});
</script>


Aunque la opción anterior creo que aún es más sencilla.

Saludos
Juan Carlos Díaz
Puedes saber más de mi en https://convertiam.com/

Avatar de Usuario
Myriam Navas
Colaborador ACD
Colaborador ACD
Mensajes: 45
Registrado: Jue, 28 Ene 2021, 13:03

Re: Medición de formularios de Contact Form 7 con Tag Manager

Mensaje sin leer por Myriam Navas » Dom, 25 Abr 2021, 17:56

Gracias Juan Carlos por la info, lo voy a implementar a ver que tal funciona. :-)
Myriam Navas
Analista digital y especialista SEM/PPC
www.myriamnavas.com

Responder