Guardar el GCLID aunque se navegue por la página

Hoy gracias a una pregunta surgida en Marketineo PPC y realizada por Javier Inojosa:

Hola a todos!! A ver si podéis guiarme un poco. Al hacer clic en un anuncio de ads te lleva a la landing donde se incluye el GCLID. Este lo usamos para más tarde subir las conversiones.
El problema es que si en la landing clicas en algún enlace, te lleva a otra url donde se pierde el código GCLID y por tanto si convierte no podemos informar a google de esta.
¿Sabéis alguna forma de que este código no se pierda cuando pasas de una url a otra?
Mil gracias

Javier Inojosa

Traemos una forma para capturar ese GCLID y guardarlo como cookie de primera parte y que después el CMS pueda recuperar ese valor al enviar el formulario. Esto es útil sobre todo cuando tenemos conversiones offline y necesitamos subirlas posteriormente a Google Ads (Se viene ladrillo técnico con muchos acrónimos, si algún dia actualizo esto pondré el glosario)

Extraer el parámetro de la URL con GTM

El primer paso es extraer el parámetro de la URL, como el GCLID nos llega como parámetro GET, lo único que tenemos que hacer es crear una variable en GTM del tipo query de URL en la que extraemos el GCLID

Incluir la librería con la que escribir las cookies (setear cookies)

Incluimos como HTML personalizado este código para que se dispare en todas las páginas, este código nos va a permitir guardar cookies permanentes o de sesión además de leerlas. Estas cookies serán de primera parte por lo que no tendríamos problemas de GDPR salvo que guardemos datos identificativos. En este caso el GCLID si lo es asi que cuidadito.

<script>
function setPersistentCookie(name, value, expires) {
 var cookie = name + "=" + value + "; path=/; domain=." + location.hostname.replace(/^www\./i, "");
if (typeof expires !== "undefined") {
var now = new Date();
now.setTime(now.getTime() + expires * 24 * 60 * 60 * 1000);
cookie += "; expires=" + now.toUTCString();
}
 
document.cookie = cookie;
}
 
function setSessionCookie(name, value) {
var cookie = name + "=" + value + "; path=/; domain=." + location.hostname.replace(/^www\./i, "");
 
document.cookie = cookie;
}
 
function getCookie(name) {
var cookies = document.cookie.split(";"),
toReturn;
 
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].trim();
if (cookie.indexOf(name + "=") === 0) {
toReturn = cookie.substring((name + "=").length, cookie.length);
}
}
 
return toReturn;
}
</script>

Código para guardar el GCLID en la cookie

Ahora necesitamos otro código que nos permita guardar esa cookie que llamaremos _GCLID

Este código lo ejecutaremos solo cuando la URL contenga el parámetro con el disparador correspondiente.

<script>
(function() {
 setSessionCookie("_GCLID", {{GCLID}}, 30);
})();
</script>

---

Pues con estos sencillos pasos lo tendríamos, ahora tenemos el GCLID guardado para que cuando se envíe el formulario lo podamos recuperar, por ejemplo podríamos sacarlo en el datalayer y tenerlo disponible, ahi ya es cuestión de gustos.
Seguimos!

Photo by Markus Spiske on Unsplash