العروض التوضيحية لملفات تعريف الارتباط في HTTP

توضّح العروض التوضيحية التالية طريقة تعامل المتصفّح مع ملفات تعريف الارتباط، وذلك حسب طريقة استخدامها:

  • ملفات تعريف الارتباط الخاصة بالطرف الأول: يتم ضبطها من خلال الموقع الإلكتروني الذي تزوره.
  • ملفات تعريف الارتباط الخارجية: يتم ضبطها من خلال موقع إلكتروني مختلف.

العرض التوضيحي: 1pc.glitch.me

تتضمّن الصفحة التجريبية صورة وإطار iframe من الموقع الإلكتروني نفسه الذي تنتمي إليه الصفحة ذات المستوى الأعلى.

يتم تضمين عنوان Set-Cookie مع الرد على طلبات كل من الصورة وإطار iframe، ولكن لعناوين Set-Cookie قيم مختلفة Path وMax-Age.

الموقع التجريبي لملفات تعريف الارتباط الخاصة بالطرف الأول 1pc.glitch.me

العرض التوضيحي: 3pc.glitch.me

الصورة وإطار iframe في الصفحة التجريبية مأخوذان من موقع إلكتروني مختلف: 3p-site.glitch.me.

يتم تضمين عنوان Set-Cookie مع الرد على طلب الصورة وإطار iframe. ومع ذلك، يختلف عنوان الاستجابة Set-Cookie لكل من الصورة وإطار iframe في قيمة SameSite، ويؤثر ذلك في طريقة تعامل المتصفّح معهما.

يوضّح هذا العرض التوضيحي كيف يمكن أن يتم حظر ملفات تعريف الارتباط التابعة لجهات خارجية بسبب قيود المتصفّح أو إعدادات المستخدم أو علامات المطوّرين أو سياسة المؤسسة.

مزيد من المعلومات:

الموقع التجريبي لملفات تعريف الارتباط التابعة لجهات خارجية 3pc.glitch.me

العرض التوضيحي: javascript-cookie.glitch.me

يضبط رمز JavaScript المُضمّن في الصفحة التجريبية ملف تعريف ارتباط:

document.cookie = 'cat=tabby';

بعد ضبط ملف تعريف الارتباط، يتم تضمينه في الطلبات المقدَّمة إلى الموارد على javascript-cookie.glitch.me. ويُعدّ هذا النوع من ملفات تعريف الارتباط من ملفات تعريف الارتباط الخاصة بالطرف الأول لأنّ الموقع الإلكتروني الذي تزوره هو الذي يضبطها. في حال تم استدعاء JavaScript نفسه في إطار iframe متعدد المواقع، سيتعامل المتصفّح مع ذلك على أنّه ملف تعريف ارتباط تابع لجهة خارجية.

موقع إلكتروني تجريبي لملفات تعريف الارتباط في JavaScript‏ javascript-cookie.glitch.me

يتألف هذا العرض التوضيحي من صفحتَي ويب، كلّ منهما على موقع إلكتروني مختلف.

تتضمّن كل صفحة من هذه الصفحات ما يلي:

  • صورة من الموقع الإلكتروني الآخر
  • رابط يؤدي إلى الموقع الإلكتروني الآخر

يضبط كلا الموقعَين ملف تعريف ارتباط استجابةً للطلبات، وذلك باستخدام القيمة التلقائية Lax SameSite.

تسمح السمة SameSite=Lax بضبط ملفات تعريف الارتباط استجابةً لطلبات التنقّل على عدة مواقع إلكترونية (بعد النقر على رابط)، ولكن ليس في الطلبات الأخرى على عدة مواقع إلكترونية (مثل تحميل صورة).

يمكنك الانتقال إلى الصفحات التجريبية لمعرفة كيف يتعامل المتصفّح بشكل مختلف مع ملفات تعريف الارتباط SameSite=Lax عند اتّباع رابط وعند تحميل صورة.

الموقع الإلكتروني التجريبي لملفات تعريف الارتباط SameSite‏: samesite-a.glitch.me

يتألف هذا العرض التوضيحي من موقعَين إلكترونيَين:

تتضمّن الصفحتان الرئيسيتان على example-a.glitch.me وexample-b.glitch.me إطارًا مضمّنًا (iframe) من tracker-site.glitch.me، يستخدم ملف تعريف ارتباط لتتبُّع نشاط التصفّح على الصفحات التي تم تضمين الإطار المضمّن فيها.

أثناء التنقّل بين example-a.glitch.me وexample-b.glitch.me، يتم تعديل محتوى إطار iframe الخاص بأداة التتبُّع لعرض أنّ tracker-site.glitch.me يتتبّع نشاطك على هذين الموقعَين. (لا يتم تضمينه في أي مواقع إلكترونية أخرى).

يوضّح هذا العرض التوضيحي كيف يمكن لأداة التتبُّع استخدام ملفات تعريف الارتباط لتسجيل نشاطك على مواقع إلكترونية مختلفة.

عرض توضيحي لتتبُّع ملفات تعريف الارتباط على مواقع إلكترونية متعددة: example-a.glitch.me

عرض توضيحي لبكسل التتبُّع

يتألف هذا العرض التوضيحي من موقعَين إلكترونيَين:

يتضمّن كلاهما صورة ذات بكسل واحد من tracking-pixel-server.glitch.me، ما يسمح باستخدام ملف تعريف ارتباط لتتبُّع نشاطك على المواقع الإلكترونية التي تتضمّن الصورة.

تتضمّن كلتا الصفحتَين أيضًا إطار iframe من tracking-pixel-server.glitch.me يعرض زيارات الصفحات المسجّلة للصفحات التي تتضمّن بكسل التتبُّع.

يوضّح هذا العرض التوضيحي كيف يمكن استخدام بكسل التتبُّع مع ملفات تعريف الارتباط لتسجيل نشاطك على مواقع إلكترونية متعددة.

عرض توضيحي لبكسل التتبُّع: tracking-pixel-a.glitch.me

العرض التوضيحي: fetch-cookie.glitch.me

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

عرض توضيحي لملف تعريف الارتباط الذي يتم جلبه من مواقع إلكترونية متعددة: fetch-cookie.glitch.me

تعرَّف على مزيد من المعلومات