Google बटन UX से साइन इन करें

बटन रेंडरिंग

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

अगर दिलचस्पी के मुताबिक बटन दिखाया जाता है, तो उपयोगकर्ता को इन बातों की जानकारी होती है:

  • कम से कम एक Google सेशन चालू है.
  • आपकी वेबसाइट पर उससे जुड़ा एक खाता मौजूद है.

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

सत्र की स्थिति को बताने के लिए, मनमुताबिक बनाया गया बटन इन तरीकों से दिखाया जाता है:

  • एक सेशन: Google की ओर से सिर्फ़ एक सेशन है. उस सेशन से क्लाइंट को अनुमति मिलती है और आपकी वेबसाइट पर उससे जुड़ा एक खाता होता है.

    आपके हिसाब से बनाया गया बटन, जो Google खाते का नाम दिखाता है.

  • एक से ज़्यादा सेशन: Google की ओर से कई सेशन हैं. उन सेशन से क्लाइंट को मंज़ूरी मिलती है. यह मंज़ूरी, दिखाए गए खाते के बगल में दिए गए लिस्ट ऐरो से दिखती है. आपकी वेबसाइट पर कम से कम एक सेशन से जुड़ा खाता हो.

    लिस्ट ऐरो के साथ अपने हिसाब से बनाया गया बटन.

  • कोई सेशन नहीं: Google की ओर से कोई सेशन नहीं है या किसी भी सेशन से अभी तक क्लाइंट को मंज़ूरी नहीं मिली है.

    एक बटन, जिस पर निजी जानकारी के बिना 'Google से साइन इन करें' लिखा हुआ है.

सेशन की स्थिति सही होने पर, आपके हिसाब से बनाया गया बटन अपने-आप दिखने लगता है. हालांकि, ऐसा तब नहीं होता, जब आपके बटन की सेटिंग से, यह बटन दिखाने की अनुमति न मिलती हो. आपके हिसाब से बनाया गया बटन नहीं दिखता है, अगर:

  • data-type एट्रिब्यूट icon है.
  • data-size एट्रिब्यूट को medium या small पर सेट किया गया है.
  • data-width एट्रिब्यूट को 200 पिक्सल से छोटी संख्या पर सेट किया गया है.

नाम या ईमेल पते को तब एलिप्स किया जाता है, जब बटन के अंदर दिखाने के लिए ये काफ़ी लंबे होते हैं.

अपनी पसंद के हिसाब से बनाया गया बटन, जिसमें नाम और ईमेल पते की जानकारी दी गई होती है.

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

इन स्थितियों के आधार पर उपयोगकर्ता की गतिविधियां अलग-अलग होती हैं.

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

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

    • नया उपयोगकर्ता: चुने गए खाते से आपकी वेबसाइट को अनुमति नहीं मिली है.
    • लौटने वाले उपयोगकर्ता: चुने गए खाते ने पहले ही आपकी वेबसाइट को अनुमति दी है.

Google-सेशन में नए उपयोगकर्ता की गतिविधि मौजूद है

  1. 'Google से साइन इन करें' बटन.

    एक बटन, जिस पर निजी जानकारी के बिना 'Google से साइन इन करें' लिखा हुआ है.

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

    शुरुआती सेशन वाला खाता चुनने वाला पेज.

  3. उपयोगकर्ता की सहमति वाला नया पेज.

    'Google से साइन इन करें' बटन को सहमति दें और साइन इन करें.

  4. जब उपयोगकर्ता पुष्टि कर देता है, तब आपकी वेबसाइट के साथ आईडी टोकन शेयर किया जाता है.

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

Google सेशन में लौटने वाले उपयोगकर्ता की गतिविधि मौजूद है

  1. 'Google से साइन इन करें' बटन.

    आपके हिसाब से बनाया गया बटन, जो Google खाते का नाम दिखाता है.

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

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

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

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

Google-सेशन के बिना, नए उपयोगकर्ता के होने की जानकारी

  1. 'Google से साइन इन करें' बटन.

    एक बटन, जिस पर निजी जानकारी के बिना 'Google से साइन इन करें' लिखा हुआ है.

  2. नया Google सेशन जोड़ने वाला पहला पेज.

    Google खाता ईमेल

  3. नया Google सेशन जोड़ने के लिए दूसरा पेज.

    Google खाते में साइन इन करें

  4. उपयोगकर्ता की सहमति वाला नया पेज.

    'Google से साइन इन करें' बटन को सहमति दें और साइन इन करें.

  5. जब उपयोगकर्ता पुष्टि कर देता है, तब आपकी वेबसाइट के साथ आईडी टोकन शेयर किया जाता है.

बिना Google सेशन के, लौटने वाले उपयोगकर्ता की गतिविधि

  1. 'Google से साइन इन करें' बटन.

    एक बटन, जिस पर निजी जानकारी के बिना 'Google से साइन इन करें' लिखा हुआ है.

  2. नया Google सेशन जोड़ने वाला पहला पेज.

    Google खाता ईमेल

  3. नया Google सेशन जोड़ने के लिए दूसरा पेज.

    Google खाते में साइन इन करें

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