توضِّح العروض التوضيحية التالية كيفية تعامل المتصفّح مع ملفات تعريف الارتباط:
- ملفات تعريف الارتباط الخاصة بالطرف الأول: ينشئها الموقع الإلكتروني الذي تزوره.
- ملفات تعريف الارتباط التابعة لجهات خارجية: يتم ضبطها من خلال موقع إلكتروني مختلف.
الإصدار التجريبي لملفات تعريف الارتباط الخاصة بالطرف الأول
👉 الإصدار التجريبي: 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 على مستوى مواقع إلكترونية متعددة، سيتعامل المتصفح مع ذلك كملف تعريف ارتباط تابع لجهة خارجية.

عرض توضيحي لملفات تعريف الارتباط التي تحمل سمة SameSite
يتألّف هذا العرض الترويجي من صفحتَي ويب، كلّ صفحة على موقع إلكتروني مختلف.
👉 samesite-a.glitch.me
👉 samesite-b.glitch.me
تتضمّن كل صفحة من هذه الصفحات ما يلي:
- صورة من الموقع الإلكتروني الآخر
- رابط يؤدي إلى الموقع الإلكتروني الآخر
يُنشئ كلا الموقعَين الإلكترونيَين ملفّ تعريف ارتباط استجابةً للطلبات، باستخدام القيمة Lax
SameSite
التلقائية.
يسمح SameSite=Lax
بضبط ملفات تعريف الارتباط استجابةً لطلبات التنقّل على عدة مواقع إلكترونية (اتّباع رابط)، ولكن ليس في طلبات التنقّل الأخرى على عدة مواقع إلكترونية (مثل تحميل صورة).
يُرجى الانتقال إلى الصفحات التجريبية لمعرفة كيفية معالجة ملفات تعريف الارتباط SameSite=Lax
بشكلٍ مختلف
من قِبل المتصفّح عند اتّباع رابط وعند تحميل صورة.

مثال على تتبُّع ملفات تعريف الارتباط على مواقع إلكترونية متعددة
يتألّف هذا العرض التوضيحي من موقعَين إلكترونيَّين:
👉 example-a.glitch.me
👉 example-b.glitch.me
تتضمّن كلّ من الصفحتَين الرئيسيتَين على 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 يتمهّل تتبُّع نشاطك على هذين الموقعَين الإلكترونيَين. (لا يتم تضمينها في أي مواقع إلكترونية أخرى).
يوضّح هذا العرض الترويجي كيف يمكن لتتبُّع استخدام ملفات تعريف الارتباط لتسجيل نشاطك على مواقع إلكترونية مختلفة.

الإصدار التجريبي لبكسل التتبّع
يتألّف هذا العرض التوضيحي من موقعَين إلكترونيَّين:
👉 tracking-pixel-a.glitch.me
👉 tracking-pixel-b.glitch.me
يتضمّن كلاهما صورة بكسل واحد من tracking-pixel-server.glitch.me، مما يسمح باستخدام ملف تعريف ارتباط لتتبُّع نشاطك على المواقع الإلكترونية التي تتضمّن الصورة.
تتضمّن كلتا الصفحتَين أيضًا إطار iframe من tracking-pixel-server.glitch.me الذي يعرض زيارات الصفحة المسجّلة للصفحات التي تتضمّن وحدة البكسل للتتبّع.
يوضّح هذا العرض التجريبي كيفية استخدام بكسل التتبّع مع ملفات تعريف الارتباط لتسجيل نشاطك على عدة مواقع إلكترونية.

عرض توضيحي لميزة "جلب ملفات تعريف الارتباط"
👉 الإصدار التجريبي: fetch-cookie.glitch.me
يُجري JavaScript المضمّن في هذه الصفحة طلبًا على مستوى الموقع الإلكتروني من أجل fetch()
3p-site.glitch.me/fetch
، ما يؤدي إلى ضبط ملف تعريف ارتباط fetch=true
استجابةً لذلك.
