توضّح هذه الصفحة تجربة المستخدم (UX) لزر "تسجيل الدخول باستخدام حساب Google".
عرض الأزرار
يتم عرض زر مخصّص يعرض معلومات الملف الشخصي لأول جلسة على Google توافق على موقعك الإلكتروني. تتضمّن جلسة Google التي تمت الموافقة عليها حسابًا مطابقًا على موقعك الإلكتروني سجّل الدخول باستخدام ميزة "تسجيل الدخول باستخدام Google" من قبل.
إذا ظهر زر مخصّص، سيعرف المستخدم ما يلي:
- تتوفّر جلسة واحدة نشطة على الأقل على Google.
- يجب أن يكون هناك حساب مطابق على موقعك الإلكتروني.
يقدّم الزر المخصّص للمستخدمين إشارة سريعة إلى حالة الجلسة، سواء على مستوى Google أو على موقعك الإلكتروني، قبل النقر على الزر. ويفيد ذلك بشكل خاص المستخدمين النهائيين الذين يزورون موقعك الإلكتروني بشكل غير منتظم. وقد ينسون ما إذا تم إنشاء حساب أم لا، والطريقة التي تم بها ذلك. يذكّرهم زر مخصّص بأنّهم استخدموا ميزة "تسجيل الدخول باستخدام حساب Google" من قبل. وبالتالي، يساعد ذلك في منع إنشاء حسابات مكرّرة غير ضرورية على موقعك الإلكتروني.
لتحديد حالة الجلسة، يتم عرض الزر المخصّص بالطرق التالية:
جلسة واحدة: لا تتوفّر سوى جلسة واحدة من جهة Google. تتم الموافقة على العميل في هذه الجلسة، ويكون هناك حساب مطابق على موقعك الإلكتروني.
جلسات متعدّدة: هناك جلسات متعدّدة من جهة Google. وتوافق هذه الجلسات على العميل. تظهر الموافقة من خلال سهم القائمة بجانب الحساب المعروض. تتضمّن جلسة واحدة على الأقل حسابًا مطابقًا على موقعك الإلكتروني.
ما مِن جلسة: ما مِن جلسة على جهة Google، أو لم توافق أي من الجلسات على العميل بعد.
يتم عرض الزر المخصّص تلقائيًا عندما تكون حالة الجلسة مناسبة، ما لم تكن إعدادات الزر لا تسمح بعرض الزر المخصّص. لا يظهر الزر المخصّص في الحالات التالية:
- قيمة السمة
data-typeهيicon. - يتم ضبط السمة
data-sizeعلىmediumأوsmall. - تم ضبط السمة
data-widthعلى رقم أصغر من 200 بكسل. - تم حظر ملف تعريف الارتباط التابع لجهة خارجية، ولم يتم تفعيل إصدار FedCM للزر.
يتم حذف الاسم أو عنوان البريد الإلكتروني عندما يكونان أطول من أن يتم عرضهما داخل الزر.
Federated Credential Manager (FedCM)
تُجري مبادرة حماية الخصوصية على الويب تغييرات مهمة على "خدمات الهوية من Google" وعملية تسجيل الدخول. ويؤثّر ذلك في الزر المخصّص لميزة "تسجيل الدخول باستخدام حساب Google". في حين أنّ عملية تسجيل الدخول لا تتأثر بالزر، لن يظهر الزر المخصّص للمستخدمين العائدين إذا تم حظر ملفات تعريف الارتباط التابعة لجهات خارجية.
باستخدام مسار زر واجهة برمجة التطبيقات Federated Credentials Management (FedCM)، سيتمكّن المستخدمون من رؤية زر "تسجيل الدخول باستخدام Google" المخصّص على موقعك الإلكتروني. يكون FedCM غير مفعّل تلقائيًا، ولكن يمكنك تفعيله من خلال تغيير إحدى السمات (HTML/JavaScript). تشمل مزايا زر FedCM ما يلي:
تحسين تجربة المستخدم المكرر الزيارة: تم تبسيط عملية تسجيل الدخول للمستخدمين المكرري الزيارة لأنّه يمكنهم التعرّف على حساباتهم الحالية. وقد ثبت أنّ هذا التعرّف المحسّن يؤدي إلى زيادة نسبة النقر إلى الظهور. بالإضافة إلى ذلك، على عكس مسار الزر بدون تفعيل FedCM، يتيح مسار زر FedCM ميزة الاختيار التلقائي، إذ يتم تلقائيًا تسجيل دخول المستخدمين العائدين الذين لديهم جلسة نشطة على Google بعد النقر على الزر، ما يؤدي إلى تجاوز طلب "محدد الحساب".
تكامل محسّن للميزات: لقد دمَجنا وظائف One Tap و"تسجيل الدخول التلقائي"، ما يتيح لجميع ميزات Federated Credential Management (FedCM) "تسجيل الدخول باستخدام حساب Google" من جهة معتمِدة واحدة العمل معًا. سيسجّل Chrome إيماءات المستخدمين في مسار زر FedCM وسيتعامل معها لتنفيذ عملية إعادة التأكيد لمرة واحدة في مسار تسجيل الدخول التلقائي باستخدام One Tap. يضمن ذلك تجربة سلسة في جميع الميزات.
رحلات المستخدمين الرئيسية
تختلف رحلات المستخدمين استنادًا إلى الحالات التالية.
حالة الجلسة على مواقع Google الإلكترونية تُستخدَم المصطلحات التالية للإشارة إلى حالات مختلفة لجلسة Google عند بدء رحلة المستخدم.
- Has-Google-session: هناك جلسة نشطة واحدة على الأقل على مواقع Google الإلكترونية.
- No-Google-session: ما مِن جلسة نشطة على مواقع Google الإلكترونية.
تُستخدَم لتحديد ما إذا كان حساب Google المحدّد قد وافق على موقعك الإلكتروني عند بدء رحلة المستخدم. تُستخدَم المصطلحات التالية للإشارة إلى حالات الموافقة المختلفة.
- مستخدم جديد: لم يوافق الحساب المحدّد على موقعك الإلكتروني.
- المستخدم المكرّر الزيارة: سبق أن وافق الحساب المحدّد على موقعك الإلكتروني.
رحلة المستخدم الجديد الذي لديه جلسة على Google
الزر بدون FedCM
زر "تسجيل الدخول باستخدام حساب Google"
صفحة "أداة اختيار الحساب"
صفحة موافقة المستخدم الجديدة
بعد أن يؤكّد المستخدم، تتم مشاركة رمز مميّز للمعرّف مع موقعك الإلكتروني.
يمكن للمستخدمين إضافة جلسة Google جديدة من خلال النقر على الزر استخدام حساب آخر، راجِع قسم رحلات المستخدمين بدون جلسة Google.
زرّ يستخدم FedCM
آخر شاشة قبل الأخيرة في المسار هي شاشة التحميل، والتي تعيد توجيه المستخدمين تلقائيًا إلى نقطة نهاية تسجيل الدخول بدون أن يتّخذ المستخدمون أي إجراء.
رحلة المستخدم المكرّر الزيارة الذي لديه جلسة Google
الزر بدون FedCM
زر "تسجيل الدخول باستخدام حساب Google"
صفحة "أداة اختيار الحساب"
بعد أن يختار المستخدم حسابًا متكرّرًا، تتم مشاركة رمز مميّز للمعرّف مع موقعك الإلكتروني.
يمكن للمستخدمين إضافة جلسة Google جديدة من خلال النقر على الزر استخدام حساب آخر، راجِع قسم رحلات المستخدمين "بدون جلسة Google".
زرّ يستخدم FedCM
آخر شاشة قبل الأخيرة في المسار هي شاشة التحميل، والتي تعيد توجيه المستخدمين تلقائيًا إلى نقطة نهاية تسجيل الدخول بدون أن يتّخذ المستخدمون أي إجراء.
Has-Google-session with auto select returning user journey
الزر بدون FedCM
لا يتضمّن زر "تسجيل الدخول باستخدام حساب Google" بدون FedCM ميزة الاختيار التلقائي.
زرّ يستخدم FedCM
سيتم تلقائيًا اختيار المستخدمين المكرري الزيارة الذين لديهم جلسة نشطة على Google بعد النقر على الزر، ما يؤدي إلى تخطّي طلب محدد الحساب. اضبط قيمة السمة auto select على "صحيح" (HTML/JavaScript).
رحلة المستخدم الجديد الذي لا يملك حسابًا على Google
الزر بدون FedCM
زر "تسجيل الدخول باستخدام حساب Google"
الصفحة الأولى التي يمكنك من خلالها إضافة جلسة Google جديدة
الصفحة الثانية لإضافة جلسة Google جديدة
صفحة موافقة المستخدم الجديدة
بعد أن يؤكّد المستخدم، تتم مشاركة رمز مميّز للمعرّف مع موقعك الإلكتروني.
زرّ يستخدم FedCM
آخر شاشة قبل الأخيرة في المسار هي شاشة التحميل، والتي تعيد توجيه المستخدمين تلقائيًا إلى نقطة نهاية تسجيل الدخول بدون أن يتّخذ المستخدمون أي إجراء.
رحلة المستخدم المكرّر الزيارة الذي لم يسجّل الدخول إلى Google
الزر بدون FedCM
زر "تسجيل الدخول باستخدام حساب Google"
الصفحة الأولى التي يمكنك من خلالها إضافة جلسة Google جديدة
الصفحة الثانية لإضافة جلسة Google جديدة
بعد أن ينقر المستخدم على الزر التالي، تتم مشاركة رمز مميّز للمعرّف مع موقعك الإلكتروني.
زرّ يستخدم FedCM
رحلات المستخدمين الأساسية لحساب Family Link
لا تزال رحلات المستخدمين الرئيسية العامة من القسم السابق سارية. يوضّح ما يلي الخطوات الإضافية التي ستظهر عند تسجيل الدخول إلى حساب الطفل على Google.
الزر بدون FedCM
No-Google-session
زر "تسجيل الدخول باستخدام حساب Google"
الصفحة الأولى لإضافة جلسة جديدة على Google خاصة بالأطفال (البريد الإلكتروني لحساب Google الخاص بالطفل)
الصفحة الثانية لإضافة جلسة جديدة على Google للأطفال (كلمة مرور حساب Google الخاص بالطفل)
الصفحة الأولى التي يجب الحصول على موافقة أحد الوالدَين عليها لإضافة جلسة Google جديدة للأطفال
الصفحة الثانية التي يجب الحصول على موافقة أحد الوالدَين عليها لإضافة جلسة جديدة لطفل على Google
الصفحة الثالثة التي يجب الحصول على موافقة أحد الوالدَين عليها لإضافة جلسة جديدة على Google خاصة بالطفل
الصفحة الأولى التي يجب الحصول على موافقة أحد الوالدَين عليها لتسجيل الدخول إلى تطبيق باستخدام حساب طفل على Google
الصفحة الثانية للحصول على موافقة أحد الوالدَين لتسجيل الدخول إلى تطبيق باستخدام حساب طفل على Google
الصفحة الثالثة للحصول على موافقة أحد الوالدَين لتسجيل الدخول إلى تطبيق باستخدام حساب Google لطفل
الصفحة الأخيرة للحصول على موافقة أحد الوالدَين على تسجيل الدخول إلى تطبيق باستخدام حساب طفل على Google
بعد أن ينقر الوالد على الزر متابعة، تتم مشاركة رمز مميّز للمعرّف مع موقعك الإلكتروني.
Has-Google-session
زر "تسجيل الدخول باستخدام حساب Google"
صفحة "أداة اختيار الحساب"
الصفحة الأولى التي يجب الحصول على موافقة أحد الوالدَين عليها لتسجيل الدخول إلى تطبيق باستخدام حساب طفل على Google
الصفحة الثانية للحصول على موافقة أحد الوالدَين لتسجيل الدخول إلى تطبيق باستخدام حساب طفل على Google
الصفحة الثالثة للحصول على موافقة أحد الوالدَين لتسجيل الدخول إلى تطبيق باستخدام حساب Google لطفل
الصفحة الأخيرة للحصول على موافقة أحد الوالدَين على تسجيل الدخول إلى تطبيق باستخدام حساب طفل على Google
بعد أن ينقر الوالد على الزر متابعة، تتم مشاركة رمز مميّز للمعرّف مع موقعك الإلكتروني.
زرّ يستخدم FedCM
لا يتيح زر "تسجيل الدخول باستخدام Google" مع تفعيل FedCM استخدام حسابات Family Link في الوقت الحالي.
معلومات إضافية حول مسار زر FedCM
أضِف السمة
allow="identity-credentials-get"إلى الإطار الرئيسي إذا كان تطبيق الويب يستدعي Button API من إطارات iframe من مصادر متعددة. يمكنك الاطّلاع على الخطوة 7 لمزيد من المعلومات.إعداد "سياسة أمان المحتوى" (CSP) لموقعك الإلكتروني بشكل صحيح يمكنك الاطّلاع على الخطوة 8 لمزيد من المعلومات.
لا يؤثّر كلّ من حالة فترة الانتظار وإعدادات تسجيل الدخول من خلال جهة خارجية في Chrome على مسار زر FedCM. تؤثّر الحالة (كما هو موضّح في لقطات الشاشة التالية) في تجربة المستخدم في One Tap فقط.