Si lleváis tráfico a vuestro sitio web para captación de leads con campañas de Google AdWords y habéis configurado correctamente el seguimiento de conversiones de la propia plataforma podréis ver la cantidad de objetivos conseguidos en los informes y estadísticas.
Pero bien, supongamos que queremos ir un paso más allá, por ejemplo que los envíos de formularios incorporen “algo” que nos diga si esa persona que nos ha contactado lo ha hecho a través de una campaña de AdWords o no.
Esto es muy interesante cuando queremos tener un control absoluto del origen de nuestros leads, ya sea para posteriormente poder sacar informes de rendimiento más detallados o bien para tener toda la información posible en un CRM asociada a cada uno de los contactos.
Vamos a aprender a hacer esta implementación con Google Tag Manager de forma que podamos leer si una visita es a través de un anuncio de AdWords y podamos mandar toda esta información a través de los formularios de contacto.
Contenidos
El parámetro GCLID
Cuando alguien accede a vuestro sitio web a través de un clic en un anuncio, si tenéis activo el etiquetado automático de los enlaces veréis que en vuestra URL aparece un parámetro que se llama gclid. Por ejemplo, si llevase un anuncio a la home de mi sitio web este, tras ser clicado llevaría a https://www.juanignacioalberola.com?gclid=XXXXXXXXXXXX.
Este parámetro lo que hace es mandar a Google Analytics mucha más información que el simple etiquetado manual con parámetros utm. Aquí tenéis el listado de toda la información que este parámetro incorpora.
Esta es la piedra angular de este proceso, identificar si en algún momento el usuario ha entrado a nuestro sitio web a través de un anuncio de AdWords.
Una cookie, si estás leyendo esta entrada, seguro que sabes lo que es, pero por si las moscas te diré que son pequeños fragmentos de información que un sitio web puede mandar a tu navegador para que la almacene.
Esta información suele estar relacionada con preferencias del usuario, por ejemplo, un idioma elegido en la navegación, para que en posteriores visitas al sitio web siga apareciendo en el idioma elegido anteriormente, o cuando se inicia una sesión de usuario y se vuelve a la web dentro de un periodo de tiempo no sea necesario volver a introducir las credenciales de acceso.
Podemos llevar esta teoría a la práctica con el parámetro gclid. La base de este proceso consiste en almacenar en una cookie el parámetro gclid que se encuentra en la URL.
Seguimiento con Google Tag Manager
Como decía vamos a hacer esto con Google Tag Manager.
1. Crear una etiqueta HTML Personalizado
Lo primero que tenemos que hacer es crear una etiqueta del tipo HTML personalizado donde introduciremos el código Javascript que se encargará de crear la cookie en el navegador.
<script type="text/javascript">
function setCookie(name, value, days){
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
var expires = "; expires=" + date.toGMTString();
document.cookie = name + "=" + value + expires + ";path=/";
}
function getParam(p){
var url = new URL({{Page URL}});
return url.searchParams.get(p);
}
var gclid = getParam("gclid");
if(gclid){
var gclsrc = getParam('gclsrc');
if(!gclsrc || gclsrc.indexOf('aw') !== -1){
setCookie('gclid', gclid, 90);
}
}
</script>
Este código es una pequeña variación del código oficial ofrecido por la documentación de Google.
En él se hace uso de la variable Page URL de GTM para obtener el parámetro pasado como argumento de la función.
A destacar el tiempo de expiración de la cookie, establecido a 90 días, pero ese valor internamente en la función setCookie se pasa a milisegundos.
2. Crear disparador cuando la URL contenga gclid
Esta etiqueta solamente queremos que se dispare cuando la URL contiene el parámetro gclid, así tenemos que crear un trigger de Página vista cuando se cumpla una condición.
Una vez guardada la etiqueta y publicada cuando accedemos a nuestra web a través de un anuncio veremos como se guarda la cookie en el navegador.
3. Preparando los formularios
Ya hemos dejado la “huella” en el navegador del usuario, ahora solo hace falta leer la cookie. Vamos a asumir que esta información la vamos a mandar a través del formulario de contacto https://www.juanignacioalberola.com/contacto/
En mi caso, uso Contact Form 7 como plugin para la generación de formularios en WordPress, aunque podéis ajustarlo a cualquier otro plugin e incluso con formularios personalizados. Lo único a tener en cuenta y para tenerlo más sencillo, es que si solamente váis a tener un formulario por URL al campo oculto del formulario le pongáis una ID. En mi caso le he llamado gclid_field.
Para montar un campo oculto con CF7 se debe poner:
[hidden gclid id:gclid_field]
Con esto el propio plugin nos genera este campo oculto con la ID especificada.
4. Leyendo la Cookie con GTM
Esto lo podemos hacer de dos maneras, a mi me gusta lanzar la etiqueta de lectura de la cookie en el momento en que el usuario hace clic en el formulario para rellenarlo, esto tiene el problema de que si el usuario se desplaza al formulario a través de la tecla de tabulación el tag no se ejecutará.
La alternativa es lanzarlo en todas las páginas aunque no exista formulario o especificar las URLs concretas.
La etiqueta, al igual que la anterior debe ser del tipo HTML Personalizado ya que vamos a introducir un snippet de código javascript.
<script>
function readCookie(name) {
var n = name + "=";
var cookie = document.cookie.split(';');
for(var i=0;i < cookie.length;i++) {
var c = cookie[i];
while (c.charAt(0)==' '){c = c.substring(1,c.length);}
if (c.indexOf(n) == 0){return c.substring(n.length,c.length);}
}
return null;
}
document.getElementById('gclid_field').value = readCookie('gclid');
</script>
Con este código se asigna el valor de la cookie al parámetro oculto que se ha creado en el formulario.
El trigger en este caso, como comentaba, puede ser de Página vista configurando que solamente se lance en las URLs que nosotros queremos, la otra alternativa es la de ejecutarlo una vez por página cuando se hace clic en un formulario que tiene una determinada clase CSS.
Con este trigger no os olvidéis de que la etiqueta se ejecute “Once per Page”.
De esta manera, cuando un usuario entra a la URL con el parámetro gclid se guardará la cookie durante 90 días, y si no las borra, en cualquier momento que entre en la web y vaya a rellenar un formulario de CF7 al cual se le haya añadido el campo oculto este se autorellenará y cuando el usuario le de a Enviar, la información nos llegará por correo electrónico.
Lo ideal sería conectarlo con un CRM o base de datos para saber que esos usuarios vinieron desde un anuncio de AdWords. En una entrada posterior veremos como integrar un CF7 con ZohoCRM a través de la API del mismo.
Con esto ya tendríamos controlado qué usuarios han venido directamente desde algún anuncio de AdWords por si posteriormente queremos tratar a este segmento de la base de datos de una manera diferente.
No os olvidéis de indicar que vais a usar esta cookie en vuestra política de cookies, y más ahora que a partir del día 25 de mayo entra en vigor la nueva ley.
Mucha gente no conoce qué es Disavow y lo confunde con la directriz Disallow del fichero robots.txt.
