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

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

उपयोगकर्ताओं को अपने-आप साइन इन होने की सुविधा देना

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

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

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

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

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

अपने-आप साइन इन होने की सुविधा के सक्सेस रेट को मेज़र किया जा सकता है. इसके लिए, JavaScript कॉलबैक (callback या data-callback) में रिस्पॉन्स को मैनेज करते समय, दिखाए गए CredentialResponse ऑब्जेक्ट के select_by फ़ील्ड में auto वैल्यू का इस्तेमाल करें. select_by को login_uri या data-login_uri पर भेजे गए एचटीटीपी POST अनुरोधों में शामिल नहीं किया जाता है.

अपने-आप साइन इन होने की सुविधा चालू करने के लिए, अपने कोड में 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 का प्रॉम्प्ट अपने-आप दिखता है. इस सेटअप के लिए, अपने-आप चुने जाने की सुविधा पर पाबंदी होनी चाहिए. ऐसा न करने पर, उपयोगकर्ता फिर से अपने-आप साइन इन हो जाता है. इससे, उपयोगकर्ता को डेड-लूप यूएक्स का अनुभव मिलता है.

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 नाम की कुकी में सेव किया जाता है. इसे Google Identity Services लाइब्रेरी सेट करती है. डिफ़ॉल्ट रूप से, कुकी डोमेन को मौजूदा पेज के डोमेन पर सेट किया जाता है. अगर One Tap को पैरंट डोमेन और सबडोमेन पर दिखाया जाता है, तो स्टेट कुकी आपके सभी डोमेन पर दिखनी चाहिए. data-state_cookie_domain एट्रिब्यूट का इस्तेमाल करके, g_state कुकी डोमेन को अपने पैरंट डोमेन पर सेट करें. उदाहरण के लिए, example.com के पैरंट डोमेन और webapp.example.com नाम के सबडोमेन के लिए, g_id_onload एलिमेंट में data-state_cookie_domain="example.com" जोड़ें.

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

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

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

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

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

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

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

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

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

FedCM के बिना

अपने-आप साइन इन होने की सुविधा वाले पॉप-अप का उदाहरण.

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

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

  • Google के कई सेशन

खाता चुनने की सुविधा पेज का उदाहरण

  • Google के सिंगल सेशन

One Tap की मदद से लौटने वाले उपयोगकर्ता का पेज