इस पेज पर, 'Google से साइन इन करें' बटन के उपयोगकर्ता अनुभव (यूएक्स) के बारे में बताया गया है.
बटन रेंडर करना
दिलचस्पी के हिसाब से बने बटन में, उस Google सेशन के लिए प्रोफ़ाइल की जानकारी दिखती है जिसने आपकी वेबसाइट को मंज़ूरी दी है. मंज़ूरी पा चुके Google सेशन का मतलब है कि आपकी वेबसाइट पर उससे जुड़ा एक खाता है. इस खाते से पहले भी, 'Google से साइन इन करें' सुविधा का इस्तेमाल करके साइन इन किया गया है.
अगर उपयोगकर्ता के हिसाब से बटन दिखाया जाता है, तो उपयोगकर्ता को यह जानकारी मिलती है:
- कम से कम एक Google सेशन चालू हो.
- आपकी वेबसाइट पर, उससे जुड़ा खाता मौजूद हो.
उपयोगकर्ताओं के हिसाब से बने बटन से, उन्हें बटन पर क्लिक करने से पहले, Google और आपकी वेबसाइट, दोनों पर सेशन की स्थिति का तुरंत पता चल जाता है. यह सुविधा, खास तौर पर उन असली उपयोगकर्ताओं के लिए मददगार होती है जो आपकी वेबसाइट पर सिर्फ़ कभी-कभी आते हैं. हो सकता है कि वे यह भूल जाएं कि खाता बनाया गया है या नहीं और किस तरह से बनाया गया है. उपयोगकर्ता के हिसाब से बने बटन से उन्हें यह याद दिलाया जाता है कि 'Google से साइन इन करें' सुविधा का इस्तेमाल पहले किया जा चुका है. इससे, आपकी वेबसाइट पर डुप्लीकेट खाते बनाने से रोकने में मदद मिलती है.
सेशन का स्टेटस दिखाने के लिए, आपके हिसाब से बटन इन तरीकों से दिखाया जाता है:
एक सेशन: Google की ओर से सिर्फ़ एक सेशन होता है. उस सेशन से क्लाइंट को अनुमति मिलती है और आपकी वेबसाइट पर उससे जुड़ा खाता मौजूद होता है.
एक से ज़्यादा सेशन: Google की ओर से एक से ज़्यादा सेशन हैं. उन सेशन से क्लाइंट को अनुमति मिलती है. मंज़ूरी की जानकारी, दिखाए गए खाते के बगल में मौजूद सूची वाले ऐरो से मिलती है. आपकी वेबसाइट पर, कम से कम एक सेशन का कोई खाता हो.
कोई सेशन नहीं: Google की ओर से कोई सेशन नहीं है या किसी भी सेशन ने अब तक क्लाइंट को मंज़ूरी नहीं दी है.
जब सेशन का स्टेटस सही होता है, तब पसंद के मुताबिक बटन अपने-आप दिखता है. ऐसा तब तक होता है, जब तक आपकी बटन सेटिंग में, पसंद के मुताबिक बटन को दिखने की अनुमति नहीं दी जाती. आपके हिसाब से बटन तब नहीं दिखता, जब:
data-typeएट्रिब्यूट की वैल्यूiconहै.data-sizeएट्रिब्यूट कोmediumयाsmallपर सेट किया गया हो.data-widthएट्रिब्यूट की वैल्यू 200 पिक्सल से कम है.
अगर नाम या ईमेल पता बहुत लंबा है, तो बटन में उसे दिखाने के लिए, उसमें बिंदु लगाए जाते हैं.
उपयोगकर्ता की मुख्य गतिविधियां
उपयोगकर्ताओं के सफ़र, इन स्थितियों के आधार पर अलग-अलग होते हैं.
Google की वेबसाइटों पर सेशन की स्थिति. उपयोगकर्ता के सफ़र की शुरुआत होने पर, Google सेशन की अलग-अलग स्थिति दिखाने के लिए, इन शब्दों का इस्तेमाल किया जाता है.
- Has-Google-session: Google की वेबसाइटों पर कम से कम एक चालू सेशन है.
- No-Google-session: Google की वेबसाइटों पर कोई चालू सेशन नहीं है.
उपयोगकर्ता के सफ़र की शुरुआत के समय, चुने गए Google खाते ने आपकी वेबसाइट को अनुमति दी है या नहीं. अनुमति की अलग-अलग स्थितियों को दिखाने के लिए, इन शब्दों का इस्तेमाल किया जाता है.
- नया उपयोगकर्ता: चुने गए खाते ने आपकी वेबसाइट को मंज़ूरी नहीं दी है.
- लौटने वाला उपयोगकर्ता: चुने गए खाते ने आपकी वेबसाइट को पहले भी मंज़ूरी दी है.
Has-Google-session new user journey
'Google से साइन इन करें' बटन.
खाता चुनने वाला पेज.
उपयोगकर्ता की सहमति वाला नया पेज.
उपयोगकर्ता की पुष्टि करने के बाद, आपकी वेबसाइट के साथ एक आईडी टोकन शेयर किया जाता है.
उपयोगकर्ता, किसी दूसरे खाते का इस्तेमाल करें बटन पर क्लिक करके, नया Google सेशन जोड़ सकते हैं. इसके बारे में ज़्यादा जानने के लिए, नीचे Google सेशन नहीं है उपयोगकर्ता के सफ़र देखें.
Has-Google-session returning user journey
'Google से साइन इन करें' बटन.
खाता चुनने वाला पेज.
जब उपयोगकर्ता कोई खाता चुन लेता है, तो आपकी वेबसाइट के साथ एक आईडी टोकन शेयर किया जाता है.
उपयोगकर्ता, किसी दूसरे खाते का इस्तेमाल करें बटन पर क्लिक करके, नया Google सेशन जोड़ सकते हैं. इसके बारे में ज़्यादा जानने के लिए, नीचे 'Google सेशन नहीं है' उपयोगकर्ता के सफ़र देखें.
बिना Google सेशन वाले नए उपयोगकर्ता का सफ़र
'Google से साइन इन करें' बटन.
नया Google सेशन जोड़ने के लिए पहला पेज.
नया Google सेशन जोड़ने के लिए दूसरा पेज.
उपयोगकर्ता की सहमति वाला नया पेज.
उपयोगकर्ता की पुष्टि करने के बाद, आपकी वेबसाइट के साथ एक आईडी टोकन शेयर किया जाता है.
Google सेशन के बिना लौटने वाले उपयोगकर्ता का सफ़र
'Google से साइन इन करें' बटन.
नया Google सेशन जोड़ने के लिए पहला पेज.
नया Google सेशन जोड़ने के लिए दूसरा पेज.
उपयोगकर्ता के आगे बढ़ें बटन पर क्लिक करने के बाद, आपकी वेबसाइट के साथ एक आईडी टोकन शेयर किया जाता है.
Family Link खाते के मुख्य उपयोगकर्ताओं की गतिविधियां
पिछले सेक्शन में बताई गई, उपयोगकर्ता की सामान्य मुख्य यात्राएं अब भी लागू हैं. यहां दिखाया गया है कि साइन इन करते समय, बच्चे के Google खाते के लिए अतिरिक्त फ़्लो दिखाया जाएगा.
No-Google-session
'Google से साइन इन करें' बटन.
बच्चे का नया Google सेशन (बच्चे के Google खाते का ईमेल पता) जोड़ने के लिए पहला पेज.
बच्चे का नया Google सेशन जोड़ने के लिए दूसरा पेज (बच्चे के Google खाते का पासवर्ड).
बच्चे का नया Google सेशन जोड़ने के लिए, अभिभावक से अनुमति लेने वाला पहला पेज.
बच्चे का नया Google सेशन जोड़ने के लिए, माता-पिता से अनुमति लेने वाला दूसरा पेज.
बच्चे का नया Google सेशन जोड़ने के लिए, माता-पिता से अनुमति लेने वाला तीसरा पेज.
बच्चे के Google खाते से ऐप्लिकेशन में साइन इन करने के लिए, माता-पिता से अनुमति लेने वाला पहला पेज.
बच्चे के Google खाते से ऐप्लिकेशन में साइन इन करने के लिए, माता-पिता से अनुमति लेने वाला दूसरा पेज.
तीसरा पेज, जिसमें बच्चे के Google खाते से ऐप्लिकेशन में साइन इन करने के लिए, माता-पिता से अनुमति ली जाती है.
बच्चे के Google खाते से ऐप्लिकेशन में साइन इन करने के लिए, माता-पिता से अनुमति लेने का आखिरी पेज.
जब माता-पिता जारी रखें बटन पर क्लिक करते हैं, तो आपकी वेबसाइट के साथ एक आईडी टोकन शेयर किया जाता है.
Has-Google-session
'Google से साइन इन करें' बटन.
खाता चुनने वाला पेज.
बच्चे के Google खाते से ऐप्लिकेशन में साइन इन करने के लिए, माता-पिता से अनुमति लेने वाला पहला पेज.
बच्चे के Google खाते से ऐप्लिकेशन में साइन इन करने के लिए, माता-पिता से अनुमति लेने वाला दूसरा पेज.
तीसरा पेज, जिसमें बच्चे के Google खाते से ऐप्लिकेशन में साइन इन करने के लिए, माता-पिता से अनुमति ली जाती है.
बच्चे के Google खाते से ऐप्लिकेशन में साइन इन करने के लिए, माता-पिता से अनुमति लेने का आखिरी पेज.
जब माता-पिता जारी रखें बटन पर क्लिक करते हैं, तो आपकी वेबसाइट के साथ एक आईडी टोकन शेयर किया जाता है.