इस पेज पर, उपयोगकर्ताओं के लिए, Google One टैप की सुविधा से साइन इन या साइन आउट करने से जुड़ी सुविधाओं को लागू करने का तरीका बताया गया है.
उपयोगकर्ताओं को अपने-आप साइन इन होने दें
Google One की मदद से टैप करने की सुविधा, अपने-आप साइन इन की सुविधा देती है. इससे, आपके साइट पर आने वाले लोगों को मैन्युअल तरीके से साइन इन करने में परेशानी नहीं होती. उपयोगकर्ताओं को अपनी पिछली विज़िट के दौरान चुने गए Google खाते को याद रखने की ज़रूरत नहीं होती है. इससे आपके प्लैटफ़ॉर्म पर, ऐसे डुप्लीकेट खाते बनने की संभावना कम हो जाती है जो काम के नहीं हैं.
अपने-आप साइन इन करने की सुविधा को, 'Google से साइन इन करें' बटन और एक टैप वाले डायलॉग के साथ इस्तेमाल करने के लिए बनाया गया है. इसे आपकी पूरी साइट पर इस्तेमाल करने के लिए बनाया गया है. इसमें मैन्युअल साइन-अप या उपयोगकर्ता की ओर से पहली बार साइन आउट करने के बाद ही खाते स्विच किए जाते हैं.
अपने-आप साइन इन होने की सुविधा के लिए, इन शर्तों को पूरा करना ज़रूरी है:
- उपयोगकर्ता को पहले अपने Google खाते में साइन इन करना होगा और
- को आपके खाते के साथ अपनी प्रोफ़ाइल शेयर करने की सहमति मिल चुकी है.
जिन पेजों पर अपने-आप साइन इन होने की सुविधा चालू होती है और ये शर्तें पूरी होती हैं उनके लिए, विज़िटर आईडी टोकन क्रेडेंशियल, किसी भी उपयोगकर्ता के इंटरैक्शन के बिना अपने-आप दिख जाता है. अगर ये शर्तें पूरी नहीं होती हैं और पेज पर अपने-आप साइन-इन होने की सुविधा चालू होने पर भी, उपयोगकर्ता साइन-इन या सहमति के लिए, एक टैप वाले फ़्लो पर डिफ़ॉल्ट रूप से सेट होगा. अगर किसी उपयोगकर्ता के पास एक से ज़्यादा Google खाते हैं और वह आपकी साइट पर जाता है, तो उसे सबसे पहले किसी एक Google खाते में साइन इन करना होगा. साथ ही, उस खाते के लिए सहमति लेनी होगी.
दिए गए क्रेडेंशियल ऑब्जेक्ट के select_by फ़ील्ड में मौजूद auto वैल्यू का इस्तेमाल करके, साइन इन करने की सफलता की दर मापी जा सकती है.
अपने-आप साइन इन होने की सुविधा चालू करने के लिए, अपने कोड में 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>
नीचे दिए गए JavaScript कोड स्निपेट का इस्तेमाल साइन आउट करने के लिए भी किया जा सकता है:
const button = document.getElementById(‘signout_button’);
button.onclick = () => {
google.accounts.id.disableAutoSelect();
}
नतीजतन, साइन-आउट की स्थिति आपके डोमेन में एक कुकी के ज़रिए रिकॉर्ड की जाती है, ताकि मृत-लूप UX से बचा जा सके.
साइन-आउट स्टेटस को आपके डोमेन में g_state कुकी में स्टोर किया जाता है. अगर आपके पास कोई ऐसी सेवा है जो आपके डोमेन में इस्तेमाल की गई सभी कुकी पर नज़र रखती है, तो आपको उसे इस कुकी की सूचना देनी होगी.
अगर आप अपने पोस्ट-लॉग इन पेज पर क्लाइंट लाइब्रेरी लोड नहीं करना चाहते हैं, तो आप लॉग-आउट पर डेड-लूप UX को रोकने के लिए नीचे दिए गए आसान समाधानों का इस्तेमाल कर सकते हैं.
- लॉग आउट करने पर, उपयोगकर्ताओं को उस पेज पर रीडायरेक्ट करें (जैसे कि
https://example.com/logged_out) जहां एक बार टैप नहीं किया गया है या अपने-आप साइन इन होने की सुविधा हमेशा बंद है. - लॉग आउट करने पर, यूआरएल में एक पैरामीटर जोड़ दें. उदाहरण के लिए,
logged_out=1. JavaScript API से एक टैप को रेंडर करते समय, उस यूआरएल पैरामीटर की जांच करें और मौजूद होने पर अपने आप साइन-इन बंद करें.
उपयोगकर्ताओं के अनुभव
अपने-आप साइन इन करने वाला पेज.
अगर उपयोगकर्ता पांच सेकंड के अंदर रद्द करें बटन पर क्लिक नहीं करते, तो आपकी वेबसाइट के साथ एक आईडी टोकन शेयर किया जाता है.
जब साइन-इन रद्द किया जाता है, तब सक्रिय Google सेशन की संख्या के आधार पर, खाता चुनने वाला पेज या लौटने वाला उपयोगकर्ता पेज दिखता है.
Google के एक से ज़्यादा सेशन
एक Google सेशन
