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

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

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

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

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

अपने-आप साइन-इन होने के लिए, इन शर्तों का पालन करना ज़रूरी है:

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

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

उपयोगकर्ता अनुभव को बेहतर बनाने के लिए, अपने-आप साइन इन होने की हर कोशिश के बीच 10 मिनट का क्वायट पीरियड होता है. इस दौरान, इसकी जगह 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();
}

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

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

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

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

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

अपने-आप साइन-इन होने वाला पेज.

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

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

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

FedCM के बिना

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

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

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

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

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

    FedCM खाता चुनने का पेज

    FedCM के बिना

    खाता चुनने की सुविधा का पेज

  • एक Google सेशन

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

    FedCM खाता चुनने का पेज

    FedCM के बिना

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