Síguenos en redes sociales

+

Trackear formularios de Contact Form 7 en Google Analytics



Si tienes una web o blog creada con wordpress y para tus formularios has utilizado el plugin Contact Form 7, entonces este post te será de utilidad.

Para poder medir los formularios o conversiones a través de Google Analytics, hay dos maneras muy sencillas de hacerlo:

Cómo medir los formularios recibidos a través de una página de «Thank you»:

¿Qué es una página de Thank you? En Marketing online, llamamos coloquialmente a este tipo de páginas, a aquellas que aparecen tras haber enviado un formulario. Se trata de esas páginas que suelen decir «gracias, nos pondremos en contacto con usted en la mayor brevedad posible» o «Le confirmamos que su formulario ha sido enviado con éxito»…etc.

Si no dispones de una página de Thank you, no te preocupes, no necesitas desarrollarla puesto que hay soluciones muy sencillas que pasan por crear páginas virtuales, que en realidad no existen como tales pero que se pueden medir en google analytics.

¿Por dónde empezamos?

Como decía anteriormente, este truco es para formularios realizados con Contact Form 7.

1. Entra en «formulario» y edítalo:

editar formulario en wordpess

2. Una vez dentro, vete hasta el final y verás que hay un apartado que dice «Configuraciones adicionales».

3. En la caja de texto, introduce la siguiente línea de código:

on_sent_ok: "_gaq.push(['_trackPageview', '/thankyou.htm']);"

Puedes llamarlo como quieras, como por ejemplo:

on_sent_ok: "_gaq.push(['_trackPageview', '/gracias.htm']);"

o como quieras identificarla:

/formulario.htm

/form.htm

configuraciones adicionales - contact form 7

4. Después en los objetivos de tu cuenta de google analytics, añade esta página creada virtualmente como página de cumplimiento del objetivo. Recuerda que tienes seleccionar «URL de destino».

configuracion objetivos analytics

5. Lo guardas y listo!! Acuérdate que dependiendo del nombre que hayas dado a esta página virtual, tendrás que utilizar el mismo nombre para analytics.

Medir los formularios a través de un evento

1. Si prefieres medir el formulario como un evento, entonces tendrás que añadir la siguiente línea de código en «Configuraciones Adicionales»:

on_sent_ok: "_gaq.push(['_trackEvent', 'Form', 'Form-Submission']);"

Actualización para Universal Analytics:

on_sent_ok: "ga('send', 'event', 'Contact Form', 'submit');"

Como sucedía anteriormente, puedes asignarle el nombre que quieras, como por ejemplo:

on_sent_ok: "_gaq.push(['_trackEvent', 'Formulario', 'Envio-formulario']);"

Actualización para Universal Analytics:

on_sent_ok: "ga('send', 'event', 'Formualrio', 'Envio-formulario');"

2. En google analytics, seleccionaremos como objetivo un «Evento»  y en información del objetivo le diremos que:

Categoría » es igual» a Form

Acción «es igual» a Form-Submission

medir un formulario como evento

3. Lo guardas y listo!

A mí personalmente me gusta más a través de URL pero ambas son válidas. La ventaja de trackear por URL es que si para realizar el envío del formulario, existen diferentes pasos hasta convertir, podemos medir el embudo de conversión.

Espero que os resulte de ayuda!

Twitter LinkedIn Google+ YouTube 

Tageado bajo:

19 Comentarios
    Eugenio Bravo Mar 31, 2013

    Gracias por la info!! mañana no pruebo y te cuento

    😉

    Responder
      admin Mar 31, 2013

      Me alegro de que te haya servido. Ya me cuentas a ver qué tal!
      Saludos!
      Saray

      Responder
    Francisco Abr 17, 2013

    Interesante artículo.

    Gracias por tu aporte.

    Responder
    Cristiano May 23, 2013

    Hola Saray!
    Gracias por tu post!

    Tengo un problema… cuando uso cualquiera de los dos códigos en mi formulario, ese ya no carga el «mensaje de suceso», o sea, el usuario no tiene como saber si el mensaje ha sido enviado o no… alguna idea de lo que puede estar pasando?

    Mi WordPress esta actualizado y el Contact Form 7 también…

    Gracias!

    Responder
      Saray May 23, 2013

      Hola Cristiano!!
      En cuanto a tu problema. ¿Si no pones el código te aparece el mensaje de success y si lo introduces te desaparece?
      Es muy raro porque debería funcionar…y si pruebas de generar un formulario nuevo?
      Ya me cuentas. A ver si conseguimos que funcione!
      Saludos!
      Saray

      Responder
    Elisabeth Jun 20, 2013

    Hola Saray!
    Felicitaciones por tu post, es muy didáctico y útil!
    He intentado por las dos vías (evento y página thank you) trackear el envío del formulario de contacto, pero GA no lo contabiliza. Sabes si hay que tener en consideración algo más?
    Muchas gracias!

    Responder
      admin Jul 09, 2013

      Hola Elisabeth!

      Y no te funciona tal y como explico en el blog? Si quieres escribeme a info@buscoseo.com para que te pueda ayudar.
      Saludos!

      Responder
    Luis García Jul 29, 2013

    Muchas gracias por el post, voy a añadirlo en mi analytics y a ver como funciona, ahora mismo solo tengo un paso para la compra pero es verdad que debería añadir alguno más y así ver donde fallo. Un saludo

    Responder
    daniell Sep 24, 2013

    Tengo una cuestión, funcionaría igual con el código de conversión de Google Adwords? Es decir, pongo en configuraciones adicionales on_sent_ok: más mi código de conversión de google adwords? Lo he probado, si funciona os diré el qué 😀

    Responder
      Saray Sep 25, 2013

      Hola Daniell!

      Para que se ven reflejadas en adwords, tienes que importar las conversiones marcadas en google analytics y ya estaría listo.
      Espero que te ayude.
      Saludos,
      Saray

      Responder
    Wilber O. Vanegas Feb 12, 2014

    Hola Saray, Tu post es excelente. Simplifica mucho las cosas, es útil y efectivo. Muchas Gracias.

    Responder
      Saray Feb 12, 2014

      Muchísimas gracias Wilber! A ver si me animo a escribir otro que sea útil y que nos solucione estos pequeños problemas del día a día.

      Responder
    Actualización IBAN para Contact Form | seo Feb 20, 2014

    […] información sobre Contact Form puede serte de utilidad un post anterior hablábamos sobre como trackear este formulario con Analytics About Tweet (function() { var po = document.createElement('script'); po.type = […]

    Responder
    Xavier Champer Ago 25, 2014

    Buenas tardes Saray,

    A mi me pasa como a Cristiano, me funciona pero no carga el mensaje de success. Si lo quito, entonces si sale así que está claro que es el código de conversión. Alguien sabe como solucionarlo?

    Gracias.

    Responder
    intertoni May 07, 2015

    Hola,

    a mi me ocurre lo mismo que a Cristiano y Xavier Champer, me funciona pero no carga el mensaje de success. Sabe alguien cual es el motivo?

    Gracias

    Responder
    Vladimir Nov 24, 2015

    Buenas! He seguido los pasos, pero no se produce nada, ni redirige a la página gracias, ni muestra el mensaje de que se ha completado el mensaje con éxito.

    Lo he hecho en dos Blogs distintos y en ninguno me funciono, ¿qué puede estar pasando?

    ¡Gracias por la Ayuda!

    UN Saludo
    Vladimir.

    Responder
      Vladimir Nov 24, 2015

      Encontrado la solucion

      on_sent_ok: «location = ‘/gracias/’;»

      Un Saludo.

      Responder
        Saray Nov 24, 2015

        Me alegro! Justo te iba a responder que este artículo fue escrito antes de que apareciera Universal Analytics y que ahora por ejemplo si quieres trackear mediante evento un formualario tendrías que añadir en configuraciones adicionales del formulario:
        on_sent_ok: «ga(‘send’, ‘event’, ‘thankyou’);»

        Responder
    Edval Jun 08, 2016

    Gracias por la enseñanza tan clara! fue dos días en busca de artículos en Inglés, y cuando lo hice la búsqueda en español, he encontrado la solución aquí! ¡¡Muchas gracias mismo!!

    Responder

Déjanos tu Comentario

Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or it will be deleted. Let us have a personal and meaningful conversation instead.