Trackear formularios de Contact Form 7 en Google Analytics

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!

20 Comentarios

  • Eugenio Bravo 31 marzo, 2013 11:13 am

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

    😉

    • admin 31 marzo, 2013 8:20 pm

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

  • Francisco 17 abril, 2013 8:58 am

    Interesante artículo.

    Gracias por tu aporte.

  • Cristiano 23 mayo, 2013 1:56 pm

    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!

    • Saray 23 mayo, 2013 5:18 pm

      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

  • Elisabeth 20 junio, 2013 4:05 pm

    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!

    • admin 9 julio, 2013 5:06 pm

      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!

  • Luis García 29 julio, 2013 9:37 am

    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

  • daniell 24 septiembre, 2013 8:47 pm

    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é 😀

    • Saray 25 septiembre, 2013 6:43 am

      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

  • Wilber O. Vanegas 12 febrero, 2014 5:25 pm

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

    • Saray 12 febrero, 2014 5:38 pm

      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.

  • Trackback: Actualización IBAN para Contact Form | seo
  • Xavier Champer 25 agosto, 2014 4:29 pm

    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.

  • intertoni 7 mayo, 2015 3:25 pm

    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

  • Vladimir 24 noviembre, 2015 12:52 pm

    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.

    • Vladimir 24 noviembre, 2015 1:00 pm

      Encontrado la solucion

      on_sent_ok: “location = ‘/gracias/’;”

      Un Saludo.

      • Saray 24 noviembre, 2015 7:35 pm

        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’);”

  • Edval 8 junio, 2016 3:58 am

    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!!

  • Trackback: ¿Cómo crear un evento en Google Analytics? | BuscoSEO | | Seo RSS

Deja un comentario

Esta web utiliza 'cookies' propias y de terceros Al navegar o utilizar la web acepta el uso que hacemos de las 'cookies'. Para más información consulte la Política de Cookies Más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar