Les démonstrations suivantes montrent comment le navigateur traite les cookies, en fonction de leur utilisation :
- Cookies propriétaires : définis par le site que vous consultez.
- Cookies tiers : définis par un autre site.
Démonstration de cookie propriétaire
Démonstration : 1pc.glitch.me
La page de démonstration inclut une image et un iFrame, provenant du même site que la page de premier niveau.
Un en-tête Set-Cookie est inclus dans la réponse aux requêtes concernant l'image et l'iFrame, mais les en-têtes Set-Cookie ont des valeurs Path et Max-Age différentes.
Démonstration des cookies tiers
Démonstration : 3pc.glitch.me
L'image et l'iframe de la page de démonstration proviennent d'un autre site : 3p-site.glitch.me.
Un en-tête Set-Cookie est inclus dans la réponse à la requête pour l'image et l'iFrame. Toutefois, l'en-tête de réponse Set-Cookie pour l'image et l'iframe ont chacun une valeur SameSite différente, ce qui affecte la façon dont ils sont gérés par le navigateur.
Cette démo montre comment les cookies tiers peuvent être bloqués par les restrictions du navigateur, les paramètres utilisateur, les indicateurs de développeur ou les règles d'entreprise.
En savoir plus :
Démonstration des cookies JavaScript
Démonstration : javascript-cookie.glitch.me
Le code JavaScript inclus sur la page de démonstration définit un cookie :
document.cookie = 'cat=tabby';
Une fois défini, le cookie est inclus dans les requêtes adressées aux ressources sur javascript-cookie.glitch.me. Il s'agit d'un cookie propriétaire, car il est défini par le site que vous consultez. Si le même code JavaScript était appelé dans un iFrame multisite, le navigateur le traiterait comme un cookie tiers.
Démonstration des cookies SameSite
Cette démo se compose de deux pages Web, chacune sur un site différent.
Chacune de ces pages inclut les éléments suivants :
- Une image provenant de l'autre site.
- Un lien vers l'autre site.
Les deux sites définissent un cookie en réponse aux requêtes, en utilisant la valeur par défaut Lax de SameSite.
SameSite=Lax permet de définir des cookies en réponse aux demandes de navigation multisite (en suivant un lien), mais pas dans d'autres requêtes multisites (comme le chargement d'une image).
Consultez les pages de démonstration pour voir comment les cookies SameSite=Lax sont gérés différemment par le navigateur lorsque vous suivez un lien et lorsque vous chargez une image.
Démonstration du suivi des cookies multisites
Cette démo se compose de deux sites :
Les pages d'accueil de example-a.glitch.me et example-b.glitch.me incluent toutes les deux un iFrame provenant de tracker-site.glitch.me, qui utilise un cookie pour suivre l'activité de navigation sur les pages où l'iFrame est intégré.
Lorsque vous naviguez entre example-a.glitch.me et example-b.glitch.me, le contenu de l'iframe du suivi est mis à jour pour indiquer que tracker-site.glitch.me suit votre activité sur ces deux sites. (Il n'est intégré à aucun autre site.)
Cette démo montre comment un outil de suivi peut utiliser des cookies pour enregistrer votre activité sur différents sites.
Démonstration de pixel de suivi
Cette démo se compose de deux sites :
Les deux incluent une image d'un pixel provenant de tracking-pixel-server.glitch.me, ce qui permet d'utiliser un cookie pour suivre votre activité sur les sites qui incluent l'image.
Les deux pages incluent également un iFrame provenant de tracking-pixel-server.glitch.me qui affiche les visites de pages enregistrées pour les pages incluant le pixel de suivi.
Cette démonstration montre comment un pixel de suivi peut être utilisé avec des cookies pour enregistrer votre activité sur plusieurs sites.
Démonstration de récupération des cookies
Démonstration : fetch-cookie.glitch.me
Le code JavaScript inclus sur cette page effectue un appel fetch() multisite à 3p-site.glitch.me/fetch, qui définit un cookie fetch=true en réponse.
En savoir plus
- Que sont les cookies ?
- Que sont les cookies tiers ?
- Attributs des cookies
- Requête et réponse HTTP
- Outils pour les cookies
- Utiliser des cookies HTTP
- Explication des cookies SameSite