Con la entrada en vigor de Configuración de SameSite En las últimas versiones de Google Chrome, se ha convertido en una locura conseguir que las cookies funcionen en contextos propios y de terceros. Ya he hablado de este fenómeno en mi artículo Artículo de SameSiteasí como en mi guía para la configuración Seguimiento sin cookies para iframes.
Recientemente, Google analitico actualizó sus bibliotecas (Aplicación + Internet, gtag.jsy análisis.js) con un nuevo configuración: cookieFlags (analytics.js) o cookie_flags (Aplicación+Internet y gtag.js).
NOTA 25 de marzo de 2020:La función aún no se ha lanzado oficialmente y es posible que se agreguen funciones adicionales a la funcionalidad antes de que se documente oficialmente. Actualizaré este artículo con las actualizaciones que sean necesarias.
En este breve artículo te mostraré cómo usarlo para personalizar las cookies que utiliza Google Analytics.
X
El boletín informativo de Simmer
Suscríbete a la Boletín informativo de Simmer ¡Para recibir las últimas noticias y contenidos de Simo Ahava en tu bandeja de entrada de correo electrónico!
Directivas sobre cookies
Cuando creas una cookie, le das un nombre y un valor. Google Analytics, por ejemplo, crea una cookie llamada _ga con un ID de cliente pseudoaleatorio generado para la instancia del navegador precise.
Si crea una cookie con nada más que el nombre y el valor, tendrá las siguientes características de forma predeterminada:
- Será un sesión Cookie, lo que significa que no tiene fecha de caducidad. Cuando se cierra el navegador, se borran todas las cookies de sesión (aunque no siempre).
- Se escribirá en el dominio precise en el que se encuentra el navegador.
- Se escribirá en la ruta precise en la que se encuentra el navegador.
Además de esto, en la última versión del navegador Google Chrome, la cookie también se considerará como si tuviera la SameSite=Lax bandera. Esto significa la galleta No lo hará trabajar cuando se accede en un contexto de terceros.
Al configurar una cookie, puede configurar estos campos a su gusto. Las directivas disponibles para la configuración son:
| Directiva | Descripción | Valor de ejemplo | Campo de Google Analytics |
|---|---|---|---|
Expires |
Vida útil máxima de la cookie, especificada con una cadena de fecha. | Expires=Tue, 24 Mar 2020 13:37:28 GMT |
cookieExpires y cookie_expires |
Max-Age |
Vida útil máxima de la cookie, especificada en segundos. | Max-Age=7200 |
– |
Area |
El dominio en el que se escribe la cookie. | Area=simoahava.com |
cookieDomain y cookie_domain |
Path |
La ruta en la que se escribe la cookie. | Path=/ |
– |
Safe |
La cookie sólo se envía al servidor si la solicitud se realiza a través de HTTPS. | Safe |
– |
HttpOnly |
Evita que se acceda a la cookie con JavaScript. | HttpOnly |
– |
SameSite |
Especifica el contexto en el que se puede acceder a la cookie. | SameSite=Strict |
– |
Como puedes ver, hay alguno campos que ya puedes configurar con configuraciones preexistentes de Google Analytics, pero aún te falta la opción de configurar todo aspectos de la cookie.
El nuevo campo cookieFlags
El nuevo cookieFlags El campo le permite configurar cualquier Directiva de cookies cuando se crea la cookie de Google Analytics.
Naturalmente, esto excluye
HttpOnlyya que esto solo está disponible para las cookies configuradas en la respuesta HTTP.
El valor de esta configuración es una lista separada por punto y coma de directivas de cookies en minúscula y sus respectivos valores. Por ejemplo, este es un valor posible de cookieFlags:
max-age=7200;area=simoahava.com;path=/;safe;samesite=none
Si se establece como valor de cookieFlagscrearía la cookie de Google Analytics con una caducidad de dos horas (7200 segundos), la configuraría en el simoahava.com dominio y en la ruta raíz, y asegúrese de que solo se envíe con solicitudes HTTPS y ponerlo a disposición como una cookie de terceros.
En tono rimbombante, cookieFlags toma precedencia Si algunas de las banderas ya se han establecido con, por ejemplo, cookieExpires y cookieDomain. Si hay un conflicto, cookieFlags gana.
Establezca el campo en analytics.js
Para configurar el campo con Common Analytics donde estás usando un script en línea para recopilar datos (es decir, no Google Tag Supervisor), debes configurarlo de esta manera:
ga('create', 'UA-XXXXX-Y', {
cookieFlags: 'max-age=7200;safe;samesite=none'
});
El lugar correcto para el cookieFlags El parámetro está en el método de creación del rastreador, incrustado en un objeto que pasa como parámetro al ga() método.
Establezca el campo en gtag.js
También puedes configurar el campo con una implementación de gtag.js en línea. El nombre del campo es cookie_flags en vez de cookieFlags.
gtag('config', 'G-N2A3FMNDT5', {
cookie_flags: 'max-age=7200;safe;samesite=none'
});
Configurar el campo en Google Tag Supervisor
En Google Tag Supervisor, los principales lugares donde modificarías este campo son las etiquetas de Common Analytics y las etiquetas de configuración de aplicación y internet.
Etiqueta de Common Analytics
Esto incluye el Variable de configuración de Google Analytics.
El nombre del campo es cookieFlags y el valor es la cadena de directivas que desea establecer.
Etiqueta de configuración de la aplicación y la internet
El nombre del campo es cookie_flags.
Resumen
Esta es una actualización importante de las bibliotecas de recopilación de datos de Google Analytics. Tantos escenarios en los que es necesario acceder a las cookies de origen utilizadas por Google Analytics en un contexto de terceros.
Estos escenarios incluyen, por ejemplo, flujos de reserva integrados, formularios integrados y portales de inicio de sesión.
Sin configurar el samesite=none;safe banderas en la configuración de Google Analytics, las cookies creadas por GA no estarían disponibles en el contexto de terceros, lo que afectaría su capacidad para rastrear al mismo usuario en el sitio principal y en el recurso integrado.
Los demás campos también son útiles: Max-Age es mucho más fácil de usar que Expiresy configurar la cookie Safe Por defecto es simplemente una buena práctica.
¡Déjame saber en los comentarios si tienes preguntas sobre esta nueva configuración!