การสาธิตต่อไปนี้แสดงวิธีที่เบราว์เซอร์จัดการคุกกี้ โดยขึ้นอยู่กับวิธีใช้คุกกี้
- คุกกี้ของบุคคลที่หนึ่ง: เว็บไซต์ที่คุณเข้าชมเป็นผู้ตั้งค่า
- คุกกี้ของบุคคลที่สาม: เว็บไซต์อื่นเป็นผู้ตั้งค่า
เดโมคุกกี้ของบุคคลที่หนึ่ง
สาธิต: 1pc.glitch.me
หน้าเดโมมีรูปภาพและ iframe จากเว็บไซต์เดียวกันกับ หน้าเว็บระดับบนสุด
ส่วนหัว Set-Cookie จะรวมอยู่ในการตอบกลับคำขอสำหรับทั้งรูปภาพและ iframe แต่ส่วนหัว Set-Cookie จะมีค่า Path และ Max-Age ที่แตกต่างกัน
เดโมคุกกี้ของบุคคลที่สาม
สาธิต: 3pc.glitch.me
รูปภาพและ iframe ในหน้าเดโมมาจากเว็บไซต์อื่น ซึ่งก็คือ 3p-site.glitch.me
ส่วนหัว Set-Cookie จะรวมอยู่ในการตอบกลับคำขอสำหรับทั้งรูปภาพและ iframe อย่างไรก็ตาม Set-Cookieส่วนหัวการตอบกลับสำหรับรูปภาพ
และ iframe แต่ละรายการมีค่า SameSite
ที่แตกต่างกัน ซึ่งส่งผลต่อวิธีที่เบราว์เซอร์จัดการ
การสาธิตนี้แสดงให้เห็นว่าข้อจำกัดของเบราว์เซอร์ การตั้งค่าของผู้ใช้, แฟล็กของนักพัฒนาซอฟต์แวร์ หรือนโยบายขององค์กรอาจบล็อกคุกกี้ของบุคคลที่สามได้อย่างไร
ดูข้อมูลเพิ่มเติม
การสาธิตคุกกี้ JavaScript
สาธิต: javascript-cookie.glitch.me
JavaScript ที่รวมอยู่ในหน้าเดโมจะตั้งค่าคุกกี้ดังนี้
document.cookie = 'cat=tabby';
เมื่อตั้งค่าแล้ว ระบบจะรวมคุกกี้ไว้กับคำขอไปยังทรัพยากรใน javascript-cookie.glitch.me ระบบจะถือว่าเป็นคุกกี้ของบุคคลที่หนึ่งเนื่องจากเว็บไซต์ที่คุณเข้าชมเป็นผู้ตั้งค่า หากมีการเรียกใช้ JavaScript เดียวกันใน iframe ข้ามเว็บไซต์ เบราว์เซอร์จะถือว่า JavaScript นี้เป็นคุกกี้ของบุคคลที่สาม
การสาธิตคุกกี้ SameSite
การสาธิตนี้ประกอบด้วยหน้าเว็บ 2 หน้า โดยแต่ละหน้าอยู่บนเว็บไซต์ที่แตกต่างกัน
แต่ละหน้าประกอบด้วยข้อมูลต่อไปนี้
- รูปภาพจากเว็บไซต์อื่น
- ลิงก์ไปยังเว็บไซต์อื่น
ทั้ง 2 เว็บไซต์ตั้งค่าคุกกี้ในการตอบกลับคำขอ โดยใช้ค่าเริ่มต้น SameSite
Lax
SameSite=Lax อนุญาตให้ตั้งค่าคุกกี้ในการตอบกลับคำขอการนำทางแบบข้ามเว็บไซต์ (การคลิกลิงก์) แต่ไม่อนุญาตในคำขอแบบข้ามเว็บไซต์อื่นๆ (เช่น การโหลดรูปภาพ)
ไปที่หน้าเดโมเพื่อดูว่าเบราว์เซอร์จัดการคุกกี้ SameSite=Lax อย่างไร
เมื่อคลิกลิงก์และเมื่อโหลดรูปภาพ
การสาธิตการติดตามคุกกี้ข้ามเว็บไซต์
การสาธิตนี้ประกอบด้วย 2 เว็บไซต์ ได้แก่
หน้าแรกใน example-a.glitch.me และ example-b.glitch.me มี iframe จาก tracker-site.glitch.me ซึ่งใช้คุกกี้เพื่อติดตามกิจกรรมการท่องเว็บในหน้าที่ฝัง iframe
ขณะที่คุณไปยังส่วนต่างๆ ระหว่าง example-a.glitch.me กับ example-b.glitch.me ระบบจะอัปเดตเนื้อหาของ iframe ตัวติดตาม เพื่อแสดงว่า tracker-site.glitch.me กำลัง ติดตามกิจกรรมของคุณในเว็บไซต์ทั้ง 2 แห่งนี้ (ไม่ได้ฝังอยู่ในเว็บไซต์อื่น)
การสาธิตนี้แสดงให้เห็นว่าเครื่องมือติดตามใช้คุกกี้เพื่อบันทึกกิจกรรมของคุณในเว็บไซต์ต่างๆ ได้อย่างไร
การสาธิตพิกเซลการติดตาม
การสาธิตนี้ประกอบด้วย 2 เว็บไซต์ ได้แก่
ทั้ง 2 รายการมีรูปภาพ 1 พิกเซลจาก tracking-pixel-server.glitch.me ซึ่งอนุญาตให้ใช้คุกกี้เพื่อติดตามกิจกรรมของคุณในเว็บไซต์ที่มี รูปภาพดังกล่าว
นอกจากนี้ ทั้ง 2 หน้ายังมี iframe จาก tracking-pixel-server.glitch.me ซึ่ง แสดงการเข้าชมหน้าที่บันทึกไว้สำหรับหน้าที่รวมพิกเซลการติดตาม
การสาธิตนี้แสดงวิธีใช้พิกเซลการติดตามกับคุกกี้เพื่อบันทึกกิจกรรมของคุณในหลายเว็บไซต์
การสาธิตคุกกี้ Fetch
การสาธิต: fetch-cookie.glitch.me
JavaScript ที่รวมอยู่ในหน้านี้จะทําการเรียก fetch() ข้ามเว็บไซต์ไปยัง
3p-site.glitch.me/fetch ซึ่งจะตั้งค่าคุกกี้ fetch=true ในการตอบกลับ
ดูข้อมูลเพิ่มเติม
- คุกกี้คืออะไร
- คุกกี้ของบุคคลที่สามคืออะไร
- แอตทริบิวต์คุกกี้
- คำขอและการตอบกลับ HTTP
- เครื่องมือคุกกี้
- การใช้คุกกี้ HTTP
- คำอธิบายเกี่ยวกับคุกกี้ SameSite