En las siguientes demostraciones, se muestra cómo el navegador trata las cookies, según cómo se usen:
- Cookies propias: Las establece el sitio que visitas.
- Cookies de terceros: Las establece un sitio diferente.
Demostración de cookies propias
Demostración: 1pc.glitch.me
La página de demostración incluye una imagen y un iframe del mismo sitio que la página de nivel superior.
Se incluye un encabezado Set-Cookie con la respuesta a las solicitudes de la imagen y el iframe, pero los encabezados Set-Cookie tienen diferentes valores de Path y Max-Age.
Demostración de cookies de terceros
Demostración: 3pc.glitch.me
La imagen y el iframe de la página de demostración provienen de un sitio diferente: 3p-site.glitch.me.
Se incluye un encabezado Set-Cookie con la respuesta a la solicitud de la imagen y el iframe. Sin embargo, el encabezado de respuesta Set-Cookie de la imagen y el iframe tienen un valor de SameSite diferente, lo que afecta la forma en que el navegador los controla.
En esta demostración, se muestra cómo las restricciones del navegador, la configuración del usuario, las marcas del desarrollador o la política empresarial pueden bloquear las cookies de terceros.
Más información:
Demostración de cookies de JavaScript
Demostración: javascript-cookie.glitch.me
El código JavaScript incluido en la página de demostración establece una cookie:
document.cookie = 'cat=tabby';
Una vez que se establece, la cookie se incluye en las solicitudes a los recursos en javascript-cookie.glitch.me. Esta se considera una cookie propia, ya que la establece el sitio que visitas. Si se llamara al mismo código de JavaScript en un iframe de sitios cruzados, el navegador lo trataría como una cookie de terceros.
Demostración de cookies de SameSite
Esta demostración consta de dos páginas web, cada una en un sitio diferente.
Cada una de estas páginas incluye lo siguiente:
- Una imagen del otro sitio
- Un vínculo al otro sitio
Ambos sitios establecen una cookie en respuesta a las solicitudes, con el valor predeterminado SameSite Lax.
SameSite=Lax permite que se establezcan cookies en respuesta a solicitudes de navegación entre sitios (después de hacer clic en un vínculo), pero no en otras solicitudes entre sitios (como la carga de una imagen).
Visita las páginas de demostración para ver cómo el navegador controla las cookies SameSite=Lax de diferentes maneras cuando se sigue un vínculo y cuando se carga una imagen.
Demostración del seguimiento de cookies en varios sitios
Esta demostración consta de dos sitios:
Las páginas principales de example-a.glitch.me y example-b.glitch.me incluyen un iframe de tracker-site.glitch.me, que usa una cookie para hacer un seguimiento de la actividad de navegación en las páginas en las que se incorpora el iframe.
A medida que navegas entre example-a.glitch.me y example-b.glitch.me, el contenido del iframe de seguimiento se actualiza para mostrar que tracker-site.glitch.me está haciendo un seguimiento de tu actividad en estos dos sitios. (No está incorporado en ningún otro sitio).
En esta demostración, se muestra cómo un rastreador puede usar cookies para registrar tu actividad en diferentes sitios.
Demostración del píxel de seguimiento
Esta demostración consta de dos sitios:
Ambos incluyen una imagen de un solo píxel de tracking-pixel-server.glitch.me, lo que permite que se use una cookie para hacer un seguimiento de tu actividad en los sitios que incluyen la imagen.
Ambas páginas también incluyen un iframe de tracking-pixel-server.glitch.me que muestra las visitas a la página registradas para las páginas que incluyen el píxel de seguimiento.
En esta demostración, se muestra cómo se puede usar un píxel de seguimiento con cookies para registrar tu actividad en varios sitios.
Demostración de recuperación de cookies
Demostración: fetch-cookie.glitch.me
El código JavaScript incluido en esta página realiza una llamada fetch() entre sitios a 3p-site.glitch.me/fetch, que establece una cookie fetch=true en la respuesta.
Más información
- ¿Qué son las cookies?
- ¿Qué son las cookies de terceros?
- Atributos de cookies
- Solicitud y respuesta HTTP
- Herramientas de cookies
- Uso de cookies HTTP
- Cookies de SameSite explicadas