Guides, demos and tools to help you understand how cookies work.
Understand HTTP cookies: how they're set by a web server, then stored and sent by a web browser.
A third-party cookie is from a site that's different from the site you're visiting. What does that mean in practice?
Cookies can be blocked by browser design, Enterprise policy, or user choice. This article explains how.
Chrome tools to help you understand cookie usage on your site.

In depth

Cookies can include attributes to control if they're set, and when they expire.
The web uses the HTTP protocol to transfer resources and set cookies. How does that work?
First-party cookies, third-party cookies, cross-site tracking.

Basic cookie
demos

cookie
Cookies are set in response to requests for the image and iframe on the demo page.
👉 1pc.glitch.me
more
The demo page includes an image and an iframe from a different (third-party) site.
👉 3pc.glitch.me
source
JavaScript included on this page sets a cookie.
👉 javascript-cookie.glitch.me
grading
Both sites set a cookie in response to requests, using the default SameSite value Lax.
👉 samesite-a.glitch.me
👉 samesite-b.glitch.me
filter_frames
These two pages demonstrate user tracking with an iframe.
👉 example-a.glitch.me
👉 example-b.glitch.me
visibility
Both pages include a single-pixel image, which allows a cookie to track activity on sites that include the image.
👉 tracking-pixel-a.glitch.me
👉 tracking-pixel-b.glitch.me
arrow_circle_right
JavaScript included on this page makes a cross-site fetch() call, which sets a cookie in response.
👉 fetch-cookie.glitch.me
Morty Proxy This is a proxified and sanitized view of the page, visit original site.