Nos guste o no, existen muchísimas páginas web creadas con WordPress y muchísimas más que seguro se van a continuar haciendo con esta herramienta.
A mi me parece una buena herramienta y muchos de los clientes a los que les gestiono campañas de adwords tienen creada su web a través de ella.
El problema viene cuando se utiliza el plugin de Contact Form 7 al crear un formulario de contacto, ya que no genera una página de Gracias en donde colocar el código de Conversión de Adwords.
Este plugin funciona con AJAX y al rellenar todos los campos del formulario y darle aceptar te muestra un mensaje de «mucha gracias» en la misma página.
Para solucionar esto, se han escrito muchas soluciones y yo voy a exponer aquí una más.
Esta solución es para la gente que no quiere crearse una Página de Gracias o no quiere generar una página virtual con Analytics, para pasarla a objetivo y posteriormente importarla como conversión, o para cualquier otra solución que no le resulte fácil de realizar.
Consiste en lo siguiente:
Cuando creas una conversión en Google Adwords, al final te da un código que es el que se debe inserta en la página de destino final, el «gracias.html».
Este código tan solo hace una llamada a Adwords pasándole un serie de parámetro en javascript.
Este es un código de ejemplo:
——————————————————————————————————————————–
<script type=»text/javascript»>
/* <![CDATA[ */
var google_conversion_id = 966678206;
var google_conversion_language = «en»;
var google_conversion_format = «2»;
var google_conversion_color = «ffffff»;
var google_conversion_label = «sk3_CPLTtAkQvq35zAM»;
var google_remarketing_only = false;
/* ]]> */
</script>
<script type=»text/javascript» src=»//www.googleadservices.com/pagead/conversion.js»>
</script>
<noscript>
<div style=»display:inline;»>
<img height=»1″ width=»1″ style=»border-style:none;» alt=»» src=»//www.googleadservices.com/pagead/conversion/966678206/?label=sk3_CPLTtAkQvq35zAM&guid=ON&script=0″/>
</div>
</noscript>
——————————————————————————————————————————
Toda la parte que está dentro de la etiqueta <script> es la que se ejecuta normalmente (si tenemos javascript activado en el navegador) y la parte de <noscript> es la que se ejecutará si no lo tenemos activado.
Si os fijáis, dentro del código <noscript> hay una imagen <img> con una ruta que va a adwords pasándole todos los parámetro de nuestra conversión.
Esta es la imagen que vamos a usar para insertar dentro del mensaje de «muchas gracias» del Contact Form 7.
Para hacerlo, simplemente, dentro de la página de edición de un formulario añadiremos en el campo «Mensajes # El mensaje se ha enviado con éxito.» el texto que queramos y al lado, todo el HTML que tenemos entre las etiquetas <noscript> de nuestro código:
<div style=»display:inline;»>
<img height=»1″ width=»1″ style=»border-style:none;» alt=»» src=»//www.googleadservices.com/pagead/conversion/966678206/?label=sk3_CPLTtAkQvq35zAM&guid=ON&script=0″/>
</div>
Quedando este campo de la forma:
Su mensaje se ha enviado con éxito. Muchas gracias. <div style=»display:inline;»> <img height=»1″ width=»1″ style=»border-style:none;» alt=»» src=»//www.googleadservices.com/pagead/conversion/966678206/?label=5gprCJLQtAkQvq35zAM&guid=ON&script=0″/> </div>
Tranquilos que esta imagen no se ve, es una imagen de 1x1px que simplemente devuelve un pixel transparente y hace nuestra ansiada conversión.
Quisiera agradecer a Javir Arques, (experto programador) por su explicación
Aquí dejo además un hilo de la comunidad de adwords donde se habla de otras soluciones y de como realizar seguimiento en analytics
Me viene genial conocer este truco, gracias. Yo soy uno de esos adictos al ContactForm7 por su simpleza.
Según entiendo este 'tip' nos soluciona el seguimiento de conversiones u objetivos en Adwords pero.. ¿hay alguna manera de "llevarnos" esa métrica a Analytics?
Yo la solución que he implementado es creando un evento en el formulario y convirtiendo a este en objetivo desde Analytics que posteriormente importo a Adwords. Suena más complejo que llevarlo a cabo: http://contactform7.com/tracking-form-submissions-with-google-analytics/