Các bản minh hoạ sau đây minh hoạ hành vi của trình duyệt khi cookie được đặt bởi trang web mà bạn đang truy cập (cookie của bên thứ nhất) hoặc từ một trang web khác (cookie của bên thứ ba).
Mỗi trang minh hoạ được liên kết sẽ cung cấp hướng dẫn đầy đủ.
Để hỗ trợ hoạt động kiểm thử, cookie của bên thứ ba bị hạn chế theo mặc định đối với 1% người dùng Chrome. Nếu bạn thuộc nhóm này, cookie của bên thứ ba sẽ bị hạn chế theo mặc định và sẽ bị chặn đối với các bản minh hoạ về cookie của bên thứ ba được liệt kê trên trang này. Trang chrome://settings/cookies của bạn sẽ xuất hiện như sau.
Bài viết Quản lý chế độ cài đặt cookie của bên thứ ba đối với người dùng thuộc nhóm kiểm thử trong Trung tâm trợ giúp của Chrome giải thích cách người dùng trong nhóm này có thể chặn hoàn toàn cookie của bên thứ ba.
Bản minh hoạ về cookie của bên thứ nhất
👉 Bản minh hoạ: 1pc.glitch.me
Trang minh hoạ bao gồm một hình ảnh và một iframe, từ cùng một trang web với trang cấp cao nhất. Tiêu đề Set-Cookie được đưa vào phản hồi cho các yêu cầu về cả hình ảnh và iframe, nhưng các tiêu đề Set-Cookie có các giá trị Path và Max-Age khác nhau.
Bản minh hoạ về cookie của bên thứ ba
👉 Bản minh hoạ: 3pc.glitch.me
Hình ảnh và iframe trên trang minh hoạ là của một trang web khác: 3p-site.glitch.me.
Tiêu đề Set-Cookie được đưa vào phản hồi cho yêu cầu về cả hình ảnh và iframe. Tuy nhiên, tiêu đề phản hồi Set-Cookie cho hình ảnh và iframe đều có giá trị SameSite khác nhau và điều này ảnh hưởng đến cách trình duyệt xử lý các tiêu đề này.
Bản minh hoạ này cho thấy cách cookie của bên thứ ba có thể bị chặn do các quy định hạn chế của trình duyệt, chế độ cài đặt của người dùng, cờ của nhà phát triển hoặc chính sách của doanh nghiệp.
Tìm hiểu thêm:
Bản minh hoạ về cookie JavaScript
👉 Bản minh hoạ: javascript-cookie.glitch.me
JavaScript có trong trang minh hoạ sẽ đặt một cookie:
document.cookie = 'cat=tabby';
Sau khi được đặt, cookie sẽ được đưa vào các yêu cầu đối với tài nguyên trên javascript-cookie.glitch.me. Đây được coi là cookie của bên thứ nhất vì do trang web mà bạn truy cập đặt. Nếu cùng một JavaScript được gọi trong một iframe trên nhiều trang web, thì trình duyệt sẽ coi đây là cookie của bên thứ ba.
Bản minh hoạ về cookie SameSite
Bản minh hoạ này bao gồm hai trang web, mỗi trang trên một trang web khác nhau
👉 samesite-a.glitch.me
👉 samesite-b.glitch.me
Mỗi trang này bao gồm:
- Hình ảnh trên trang web khác.
- Đường liên kết đến trang web khác.
Cả hai trang web đều đặt cookie để phản hồi các yêu cầu, sử dụng giá trị SameSite mặc định là Lax.
SameSite=Lax cho phép đặt cookie để phản hồi các yêu cầu điều hướng trên nhiều trang web (theo một đường liên kết) nhưng không cho phép đặt cookie trong các yêu cầu khác trên nhiều trang web (chẳng hạn như tải hình ảnh).
Truy cập vào các trang minh hoạ để xem cách trình duyệt xử lý cookie SameSite=Lax theo cách khác nhau khi theo một đường liên kết và khi tải hình ảnh.
Bản minh hoạ tính năng theo dõi cookie trên nhiều trang web
Bản minh hoạ này bao gồm hai trang web:
👉 example-a.glitch.me
👉 example-b.glitch.me
Trang chủ trên example-a.glitch.me và example-b.glitch.me đều có một iframe từ tracker-site.glitch.me. Trang này sử dụng cookie để theo dõi hoạt động duyệt web trên các trang có iframe được nhúng.
Khi bạn di chuyển giữa example-a.glitch.me và example-b.glitch.me, nội dung của iframe trình theo dõi sẽ được cập nhật để cho biết rằng tracker-site.glitch.me đang theo dõi hoạt động của bạn trên hai trang web này. (Không được nhúng trên bất kỳ trang web nào khác.)
Bản minh hoạ này cho thấy cách trình theo dõi có thể sử dụng cookie để ghi lại hoạt động của bạn trên nhiều trang web.
Bản minh hoạ về pixel theo dõi
Bản minh hoạ này bao gồm hai trang web:
👉 tracking-pixel-a.glitch.me
👉 tracking-pixel-b.glitch.me
Cả hai đều chứa một hình ảnh một pixel từ tracking-pixel-server.glitch.me, cho phép sử dụng cookie để theo dõi hoạt động của bạn trên các trang web có chứa hình ảnh đó.
Cả hai trang cũng bao gồm một iframe từ tracking-pixel-server.glitch.me cho biết số lượt truy cập trang được ghi lại cho các trang có chứa pixel theo dõi.
Bản minh hoạ này cho thấy cách sử dụng pixel theo dõi cùng với cookie để ghi lại hoạt động của bạn trên nhiều trang web.
Bản minh hoạ tìm nạp cookie
👉 Bản minh hoạ: fetch-cookie.glitch.me
JavaScript có trong trang này thực hiện lệnh gọi fetch() trên nhiều trang web đến 3p-site.glitch.me/fetch. Lệnh gọi này sẽ đặt cookie fetch=true để phản hồi.
