अपने-आप साइन इन और साइन आउट होना

इस पेज पर, Google One Tap की मदद से उपयोगकर्ताओं के साइन इन या साइन आउट करने के तरीके से जुड़ी सुविधाओं को लागू करने का तरीका बताया गया है.

उपयोगकर्ताओं को अपने-आप साइन इन कराना

Google One Tap की मदद से, अपने-आप साइन इन होने की सुविधा का इस्तेमाल किया जा सकता है. इससे उपयोगकर्ताओं को आपकी साइट पर वापस आने के लिए, मैन्युअल तरीके से साइन इन करने की ज़रूरत नहीं पड़ती. इससे उन्हें बेहतर उपयोगकर्ता अनुभव (यूएक्स) मिलता है. उपयोगकर्ताओं को यह याद रखने की ज़रूरत नहीं होती कि उन्होंने पिछली बार किस Google खाते से साइन इन किया था. इससे आपके प्लैटफ़ॉर्म पर, ज़रूरत के बिना डुप्लीकेट खाते बनने की संभावना कम हो जाती है.

अपने-आप साइन इन होने की सुविधा, 'Google से साइन इन करें' बटन और One Tap डायलॉग के साथ काम करती है. इसे आपकी पूरी साइट पर इस्तेमाल करने के लिए डिज़ाइन किया गया है. इसमें, उपयोगकर्ता के साइन-आउट करने के बाद ही, मैन्युअल तरीके से साइन अप करने या खाते स्विच करने की सुविधा मिलती है.

अपने-आप साइन-इन होने की सुविधा के लिए, ये शर्तें पूरी करनी होंगी:

  • उपयोगकर्ताओं को पहले अपने Google खाते में साइन इन करना होगा और
  • आपके ऐप्लिकेशन के साथ अपने खाते की प्रोफ़ाइल शेयर करने की सहमति पहले दी हो, और
  • FedCM का इस्तेमाल करते समय, पिछले 10 मिनट में सिर्फ़ एक बार साइन इन करने की कोशिश की गई हो. इस विंडो में बार-बार साइन इन करने की कोशिश किए जाने पर, One Tap की सुविधा दिखती है.
  • FedCM का इस्तेमाल करते समय, Chrome उपयोगकर्ताओं से फिर से पुष्टि करता है कि क्या वे हर Chrome इंस्टेंस में, Google खाते से वेबसाइट में साइन इन करना चाहते हैं. भले ही, उपयोगकर्ता ने FedCM के रोल आउट से पहले वेबसाइट को अनुमति दी हो. इस बदलाव से, One Tap का इस्तेमाल करने वाली आपकी मौजूदा साइट के कन्वर्ज़न रेट पर असर पड़ सकता है. Chrome M121 अपडेट में, अपने-आप साइन इन करने की सुविधा को बेहतर बनाने से, कन्वर्ज़न रेट में गिरावट की समस्या कम हो जाती है.

जिन पेजों पर अपने-आप साइन इन करने की सुविधा चालू है और इन शर्तों को पूरा किया जाता है उनके लिए, उपयोगकर्ता के इंटरैक्शन के बिना ही उसका आईडी टोकन क्रेडेंशियल अपने-आप वापस आ जाता है. अगर ये शर्तें पूरी नहीं होती हैं और पेज पर अपने-आप साइन इन होने की सुविधा चालू है, तो उपयोगकर्ता को साइन इन करने या सहमति देने के लिए, डिफ़ॉल्ट रूप से One Tap फ़्लो का इस्तेमाल करना होगा. अगर किसी उपयोगकर्ता के पास एक से ज़्यादा Google खाते हैं और वह आपकी साइट पर आता है, तो उसे सबसे पहले किसी एक Google खाते में साइन-इन करना होगा और उस खाते के लिए सहमति देनी होगी.

क्रेडेंशियल ऑब्जेक्ट के select_by फ़ील्ड में मौजूद auto वैल्यू का इस्तेमाल करके, अपने-आप साइन इन की सफलता दर को मेज़र किया जा सकता है.

अपने-आप साइन इन करने की सुविधा चालू करने के लिए, अपने कोड में data-auto_select="true" जोड़ें, जैसा कि नीचे दिए गए स्निपेट में दिखाया गया है:

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-auto_select="true">
</div>

साइन आउट करें

जब कोई व्यक्ति आपकी वेबसाइट से साइन आउट करता है, तो उसे ऐसे पेज पर भेजा जा सकता है जहां Google One Tap का प्रॉम्प्ट अपने-आप दिखता है. इस सेटअप के लिए, अपने-आप चुनने की सुविधा पर पाबंदी होनी चाहिए. ऐसा न करने पर, उपयोगकर्ता फिर से अपने-आप साइन इन हो जाता है. इससे उपयोगकर्ता, खराब तरीके से काम करने वाला UX बन जाता है.

FedCM का इस्तेमाल करना

उपयोगकर्ता अनुभव को बेहतर बनाने के लिए, अपने-आप साइन इन करने की हर कोशिश के बीच 10 मिनट का समय होता है. इस दौरान, One Tap प्रॉम्प्ट दिखता है. साइन इन करने के लिए, उपयोगकर्ताओं को One Tap पर साफ़ तौर पर क्लिक करना होगा.

FedCM के बिना

किसी उपयोगकर्ता के साइन आउट करने के बाद, उसे अपने-आप नहीं चुनने के लिए, अपने सभी लॉग आउट लिंक और बटन पर g_id_signout क्लास का नाम जोड़ें. यह कोड स्निपेट देखें:

<div class="g_id_signout">Sign Out</div>

यहां दिए गए JavaScript कोड स्निपेट का इस्तेमाल, साइन आउट करने के लिए भी किया जा सकता है:

const button = document.getElementById('signout_button');
button.onclick = () => {
  google.accounts.id.disableAutoSelect();
}

इसलिए, साइन आउट करने की स्थिति को आपके डोमेन में कुकी की मदद से रिकॉर्ड किया जाता है, ताकि डेड-लूप यूज़र एक्सपीरियंस से बचा जा सके.

साइन-आउट की स्थिति, आपके डोमेन में g_state कुकी में सेव की जाती है. अगर आपके पास कोई ऐसी सेवा है जो आपके डोमेन में इस्तेमाल की गई सभी कुकी की निगरानी करती है, तो आपको उन्हें इस कुकी के बारे में सूचना देनी होगी.

अगर आपको लॉगिन के बाद के पेजों पर क्लाइंट लाइब्रेरी लोड नहीं करनी है, तो लॉग आउट होने के बाद, डेड-लूप UX से बचने के लिए, इन समाधानों का इस्तेमाल करें:

  • लॉग आउट करने पर, उपयोगकर्ताओं को किसी ऐसे पेज (उदाहरण के लिए, https://example.com/logged_out) पर रीडायरेक्ट करें जहां One Tap की सुविधा नहीं दिखती है या जहां अपने-आप साइन इन होने की सुविधा हमेशा के लिए बंद रहती है.
  • लॉग आउट करने पर, यूआरएल में कोई पैरामीटर जोड़ें. उदाहरण के लिए, logged_out=1. JavaScript API की मदद से One Tap को रेंडर करते समय, यूआरएल पैरामीटर की जांच करें और मौजूद होने पर, अपने-आप साइन इन होने की सुविधा बंद करें.

उपयोगकर्ता की मुख्य गतिविधियां

अपने-आप साइन इन होने की सुविधा वाला पेज.

FedCM का इस्तेमाल करना

FedCM के अपने-आप साइन इन होने की सुविधा का पॉप-अप

उपयोगकर्ता X बटन पर क्लिक करके, One Tap की सुविधा को बंद कर सकते हैं. ऐक्सेस करने के लिए, आपकी वेबसाइट के साथ एक आईडी टोकन शेयर किया जाता है. भले ही, उपयोगकर्ता X बटन पर क्लिक कर दें.

उपयोगकर्ता अनुभव को बेहतर बनाने के लिए, अपने-आप साइन इन करने की हर कोशिश के बीच 10 मिनट का समय होता है. इस दौरान, One Tap की सुविधा के बजाय एक टैप का प्रॉम्प्ट दिखता है. साइन इन करने के लिए, उपयोगकर्ताओं को साफ़ तौर पर 'एक टैप में साइन इन करें' पर क्लिक करना होगा.

FedCM के बिना

अपने-आप साइन इन होने की सुविधा का पॉप-अप.

अगर उपयोगकर्ता पांच सेकंड के अंदर रद्द करें बटन पर क्लिक नहीं करते, तो आपकी वेबसाइट के साथ एक आईडी टोकन शेयर किया जाता है.

साइन इन रद्द होने पर, चालू Google सेशन की संख्या के हिसाब से, खाता चुनने वाला पेज या लौटने वाला उपयोगकर्ता पेज दिखता है.

  • Google के एक से ज़्यादा सेशन

खाता चुनने वाला पेज

  • एक Google सेशन

One Tap का, लौटने वाले उपयोगकर्ताओं के लिए पेज