توضح هذه الصفحة كيفية تنفيذ الميزات المرتبطة بكيفية تسجيل المستخدمين الدخول أو الخروج باستخدام Google One Tap.
تسجيل دخول المستخدمين تلقائيًا
يتيح Google One Tap إمكانية تسجيل الدخول تلقائيًا، ما يوفر تجربة سلسة للمستخدم من خلال إزالة الخطوات اليدوية التي يتعيّن على الزائرين اتخاذها عند العودة إلى موقعك. لا يحتاج المستخدمون إلى تذكر حساب Google الذي حددوه أثناء زيارتهم الأخيرة، مما يقلل من فرص إنشاء حسابات مكررة غير ضرورية على نظامك الأساسي.
تم تصميم تسجيل الدخول التلقائي ليتكامل مع زر تسجيل الدخول بحساب Google ومربعات حوار "النقرة الواحدة". وهي مصممة ليتم استخدامها عبر موقعك بالكامل، مع الاشتراك اليدوي أو تبديل الحسابات التي تحدث فقط بعد أن يسجل المستخدم الخروج لأول مرة من موقعك.
لكي يحدث تسجيل الدخول التلقائي، يجب استيفاء الشروط التالية:
- على المستخدم أولاً تسجيل الدخول إلى حسابه على Google
- منح الموافقة في السابق لمشاركة الملف الشخصي للحساب مع تطبيقك.
بالنسبة إلى الصفحات التي يتم فيها تمكين تسجيل الدخول التلقائي وفي حالة استيفاء هذه الشروط، يتم عرض بيانات اعتماد الرمز المميز للرقم التعريفي للزوار تلقائيًا بدون أي تفاعل من المستخدم. إذا لم يتم استيفاء هذه الشروط، وحتى إذا تم تمكين تسجيل الدخول التلقائي في الصفحة، فسيتخذ المستخدم تلقائيًا خطوات التدفق بنقرة واحدة لتسجيل الدخول أو الموافقة. إذا كان أحد المستخدمين لديه حسابات متعددة في Google وزار موقعك على الويب، فسيطلب منه أولاً تسجيل الدخول إلى حساب واحد في Google وتقديم موافقة لهذا الحساب.
يمكنك قياس معدّل نجاح تسجيل الدخول التلقائي باستخدام القيمة auto في الحقل
select_by
للكائن بيانات الاعتماد المعروضة.
لتمكين تسجيل الدخول التلقائي، أضف data-auto_select="true" إلى شفرتك،
كما هو موضح في المقتطف التالي:
<div id="g_id_onload"
data-client_id="YOUR_GOOGLE_CLIENT_ID"
data-auto_select="true"
data-login_uri="https://your.domain/your_login_endpoint">
</div>
تسجيل الخروج
عندما يسجّل المستخدم خروجه من موقعك الإلكتروني، يمكن توجيهه إلى صفحة يتم فيها عرض رسالة مطالبة بنقرة واحدة على Google One تلقائيًا. لهذا الإعداد، يجب حظر الاختيار التلقائي. وبخلاف ذلك، يتم تسجيل دخول المستخدم تلقائيًا مرة أخرى، ما يؤدي إلى تجربة مستخدم لم يتم حلّها.
لحظر الاختيار التلقائي بعد تسجيل خروج المستخدم، أضِف اسم الفئة
g_id_signout إلى جميع روابط تسجيل الخروج والأزرار. شاهد مقتطف الشفرة التالي:
<div class="g_id_signout">Sign Out</div>
يمكن أيضًا استخدام مقتطف شفرة جافا سكريبت التالي في الخروج:
const button = document.getElementById(‘signout_button’);
button.onclick = () => {
google.accounts.id.disableAutoSelect();
}
وبالتالي، يتم تسجيل حالة تسجيل الخروج من خلال ملف تعريف ارتباط في نطاقك حتى يتم تجنب تجربة المستخدم ذات المسار الميت.
يتم تخزين حالة تسجيل الخروج على ملف تعريف الارتباط g_state في نطاقك. إذا كانت لديك خدمة تراقب جميع ملفات تعريف الارتباط المستخدمة في نطاقك، فستحتاج إلى إشعارها بملف تعريف الارتباط هذا.
إذا كنت لا تريد تحميل مكتبة العميل على صفحات ما بعد تسجيل الدخول، فيمكنك استخدام بعض الحلول البسيطة كما هو موضح أدناه لمنع تجربة المستخدم المتطورة عند تسجيل الخروج.
- عند تسجيل الخروج، يُرجى إعادة توجيه المستخدمين إلى صفحة (على سبيل المثال،
https://example.com/logged_out) لا تظهر فيها ميزة "النقرة الواحدة" أو تكون ميزة "تسجيل الدخول التلقائي" غير مفعّلة دائمًا. - عند الخروج، أضف معلمة إلى عنوان URL. مثلاً:
logged_out=1عند عرض One Touch by JavaScript API، تحقّق من معلمة عنوان URL وأوقف تسجيل الدخول التلقائي عند توفّره.
رحلات المستخدم الأساسية
صفحة تسجيل الدخول التلقائي.
إذا لم ينقر المستخدمون على زر إلغاء في غضون 5 ثوانٍ، ستتم مشاركة رمز مميّز للرقم التعريفي مع موقعك الإلكتروني.
عند إلغاء تسجيل الدخول، بناءً على عدد جلسات Google النشطة، يتم عرض صفحة محدد الحساب أو صفحة المستخدم المتكرر.
جلسات Google المتعددة
جلسات Google واحدة
