בהדגמות הבאות אפשר לראות איך הדפדפן מתייחס לקובצי Cookie, בהתאם לאופן השימוש בהם:
- קובצי Cookie מהדומיין הנוכחי: מוגדרים על ידי האתר שבו אתם מבקרים.
- קובצי Cookie של צד שלישי: קובצי Cookie שהוגדרו על ידי אתר אחר.
הדגמה של קובץ Cookie מהדומיין הנוכחי
הדגמה: 1pc.glitch.me
דף ההדגמה כולל תמונה ו-iframe, מאותו אתר כמו הדף ברמה העליונה.
כותרת Set-Cookie כלולה בתגובה לבקשות לתמונה ול-iframe, אבל לכותרות Set-Cookie יש ערכים שונים של Path ושל Max-Age.
הדגמה של קובצי Cookie של צד שלישי
הדגמה: 3pc.glitch.me
התמונה וה-iframe בדף ההדגמה הם מאתר אחר: 3p-site.glitch.me.
כותרת Set-Cookie נכללת בתשובה לבקשה גם לתמונה וגם ל-iframe. עם זאת, לכל אחד מהם יש ערך שונה של SameSite בכותרת התגובה Set-Cookie של התמונה ושל ה-iframe, וזה משפיע על האופן שבו הדפדפן מטפל בהם.
ההדגמה הזו מראה איך הגבלות בדפדפן, הגדרות משתמש, דגלים למפתחים או מדיניות ארגונית יכולים לחסום קובצי Cookie של צד שלישי.
למידע נוסף:
הדגמה של קובץ Cookie ב-JavaScript
הדגמה: javascript-cookie.glitch.me
קוד JavaScript שכלול בדף ההדגמה מגדיר קובץ Cookie:
document.cookie = 'cat=tabby';
אחרי שמגדירים את קובץ ה-Cookie, הוא נכלל בבקשות למשאבים בכתובת javascript-cookie.glitch.me. זה נחשב לקובץ Cookie מהדומיין הנוכחי כי הוא מוגדר על ידי האתר שבו אתם מבקרים. אם אותו קוד JavaScript נקרא ב-iframe חוצה-אתרים, הדפדפן יתייחס אליו כאל קובץ Cookie של צד שלישי.
הדגמה של קובץ Cookie עם מאפיין SameSite
ההדגמה הזו כוללת שני דפי אינטרנט, כל אחד באתר אחר
כל אחד מהדפים האלה כולל:
- תמונה מהאתר השני.
- קישור לאתר השני.
שני האתרים מגדירים קובץ Cookie בתגובה לבקשות, באמצעות ערך ברירת המחדל SameSite Lax.
SameSite=Lax מאפשר להגדיר קובצי Cookie בתגובה לבקשות ניווט בין אתרים (בעקבות לחיצה על קישור), אבל לא בבקשות אחרות בין אתרים (כמו טעינת תמונה).
כדאי להיכנס לדפי ההדגמה כדי לראות איך הדפדפן מטפל בקובצי Cookie מסוג SameSite=Lax באופן שונה כשלוחצים על קישור וכשטוענים תמונה.
הדגמה של מעקב אחר קובצי Cookie באתרים שונים
ההדגמה הזו כוללת שני אתרים:
דפי הבית בכתובות example-a.glitch.me ו-example-b.glitch.me כוללים שניהם iframe מ-tracker-site.glitch.me, שמשתמש בקובץ Cookie כדי לעקוב אחרי פעילות הגלישה בדפים שבהם ה-iframe מוטמע.
כשעוברים בין example-a.glitch.me לבין example-b.glitch.me, התוכן של ה-iframe של כלי המעקב מתעדכן כדי להראות ש-tracker-site.glitch.me עוקב אחרי הפעילות שלכם בשני האתרים האלה. (הסרטון לא מוטמע באתרים אחרים).
בהדגמה הזו אפשר לראות איך כלי מעקב יכול להשתמש בקובצי Cookie כדי לתעד את הפעילות שלכם באתרים שונים.
הדגמה של פיקסל למעקב
ההדגמה הזו כוללת שני אתרים:
שניהם כוללים תמונה של פיקסל יחיד מ-tracking-pixel-server.glitch.me, שמאפשרת שימוש בקובץ Cookie כדי לעקוב אחרי הפעילות שלכם באתרים שכוללים את התמונה.
שני הדפים כוללים גם iframe מהכתובת tracking-pixel-server.glitch.me שמציג את הביקורים בדפים שתועדו בדפים שכוללים את פיקסל המעקב.
בהדגמה הזו אפשר לראות איך אפשר להשתמש בפיקסל מעקב עם קובצי Cookie כדי לתעד את הפעילות שלכם בכמה אתרים.
הדגמה של שליפת קובצי Cookie
הדגמה: fetch-cookie.glitch.me
קוד JavaScript שכלול בדף הזה מבצע קריאה חוצת-אתרים fetch() אל 3p-site.glitch.me/fetch, שמגדיר קובץ Cookie מסוג fetch=true בתגובה.
למידע נוסף
- מהם קובצי Cookie?
- מהם קובצי Cookie של צד שלישי?
- מאפייני קובצי Cookie
- בקשת HTTP ותגובה
- כלים לניהול קובצי Cookie
- שימוש בקובצי Cookie של HTTP
- הסבר על קובצי Cookie מסוג SameSite