इस पेज पर, Google One Tap की मदद से साइन इन या साइन आउट करने के तरीके से जुड़ी सुविधाओं को लागू करने का तरीका बताया गया है.
उपयोगकर्ताओं को अपने-आप साइन इन करने की सुविधा
Google One Tap की मदद से, अपने-आप साइन-इन होने की सुविधा इस्तेमाल की जा सकती है. इससे उपयोगकर्ताओं को बेहतरीन अनुभव (UX) मिलता है. इसमें, आपकी साइट पर वापस आने पर उपयोगकर्ताओं को मैन्युअल तरीके से साइन-इन करने की सुविधा नहीं मिलती. उपयोगकर्ताओं को यह याद रखने की ज़रूरत नहीं होती कि उन्होंने अपनी पिछली विज़िट के दौरान कौनसा 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();
}
ऐसे में, साइन आउट होने की स्थिति को आपके डोमेन में एक कुकी के ज़रिए रिकॉर्ड किया जाता है, ताकि डेड-लूप UX से बचा जा सके.
साइन आउट करने की स्थिति, आपके डोमेन की g_state
कुकी में सेव होती है. अगर आपके पास कोई ऐसी सेवा है जो आपके डोमेन में इस्तेमाल की गई सभी कुकी पर नज़र रखती है, तो आपको उन्हें इस कुकी के बारे में बताना होगा.
अगर आपको लॉगिन के बाद के पेजों पर क्लाइंट लाइब्रेरी लोड नहीं करनी है, तो लॉग आउट होने के बाद, डेड-लूप UX से बचने के लिए, इन समाधानों का इस्तेमाल करें:
- लॉग आउट करने पर, लोगों को किसी ऐसे पेज (जैसे,
https://example.com/logged_out
) पर रीडायरेक्ट करें जहां One Tap की सुविधा दिखती है या जहां अपने-आप साइन इन होने की सुविधा हमेशा बंद रहती है. - लॉग आउट करने पर, यूआरएल में कोई पैरामीटर जोड़ें. उदाहरण के लिए,
logged_out=1
. JavaScript API की मदद से One Tap की सुविधा को रेंडर करते समय, उस यूआरएल पैरामीटर की जांच करें. साथ ही, मौजूद होने पर अपने-आप साइन इन होने की सुविधा को बंद करें.
उपयोगकर्ता की मुख्य गतिविधियां
अपने-आप साइन इन होने की सुविधा वाला पेज.
FedCM का इस्तेमाल करना
उपयोगकर्ता X बटन पर क्लिक करके, One Tap की सुविधा को बंद कर सकते हैं. सुलभता सुविधाओं पर विचार करने के लिए, एक आईडी टोकन आपकी वेबसाइट के साथ शेयर किया जाता है, भले ही उपयोगकर्ता X बटन पर क्लिक करें.
उपयोगकर्ता अनुभव को बेहतर बनाने के लिए, अपने-आप साइन इन होने की हर कोशिश के बीच 10 मिनट का समय दिया जाता है. इस दौरान, One Tap की सुविधा के बजाय एक टैप का प्रॉम्प्ट दिखता है. साइन इन करने के लिए, उपयोगकर्ताओं को One Tap पर साफ़ तौर पर क्लिक करना होगा.
FedCM के बिना
अगर उपयोगकर्ता पांच सेकंड के अंदर रद्द करें बटन पर क्लिक नहीं करते, तो आपकी वेबसाइट के साथ एक आईडी टोकन शेयर किया जाता है.
साइन इन रद्द होने पर, चालू Google सेशन की संख्या के आधार पर खाता चुनने वाला पेज या लौटने वाला उपयोगकर्ता पेज दिखता है.
- Google के कई सेशन
- एक Google सेशन