Google বোতাম UX দিয়ে সাইন ইন করুন

বোতাম রেন্ডারিং

একটি ব্যক্তিগতকৃত বোতাম প্রথম Google সেশনের প্রোফাইল তথ্য প্রদর্শন করে যা আপনার ওয়েবসাইট অনুমোদন করে। একটি অনুমোদিত Google সেশনের আপনার ওয়েবসাইটে একটি সংশ্লিষ্ট অ্যাকাউন্ট রয়েছে যিনি আগে Google এর সাথে সাইন ইন ব্যবহার করে সাইন ইন করেছেন৷

যদি একটি ব্যক্তিগতকৃত বোতাম প্রদর্শিত হয়, ব্যবহারকারী নিম্নলিখিত জানেন:

  • অন্তত একটি সক্রিয় Google সেশন আছে।
  • আপনার ওয়েবসাইটে একটি সংশ্লিষ্ট অ্যাকাউন্ট আছে।

একটি ব্যক্তিগতকৃত বোতাম ব্যবহারকারীরা বোতামটি ক্লিক করার আগে, Google এর পাশে এবং আপনার ওয়েবসাইটে উভয়ই সেশনের অবস্থার একটি দ্রুত ইঙ্গিত দেয়৷ এটি বিশেষত শেষ ব্যবহারকারীদের জন্য সহায়ক যারা শুধুমাত্র মাঝে মাঝে আপনার ওয়েবসাইট পরিদর্শন করেন। তারা ভুলে যেতে পারে যে একটি অ্যাকাউন্ট তৈরি করা হয়েছে কি না এবং কোন উপায়ে। একটি ব্যক্তিগতকৃত বোতাম তাদের মনে করিয়ে দেয় যে Google এর সাথে সাইন ইন আগে ব্যবহার করা হয়েছে৷ সুতরাং, এটি আপনার ওয়েবসাইটে অপ্রয়োজনীয় ডুপ্লিকেট অ্যাকাউন্ট তৈরি রোধ করতে সহায়তা করে।

সেশনের অবস্থা নির্দেশ করতে, ব্যক্তিগতকৃত বোতামটি নিম্নলিখিত উপায়ে প্রদর্শিত হয়:

  • একটি সেশন: Google এর পক্ষ থেকে শুধুমাত্র একটি সেশন আছে। সেই সেশনটি ক্লায়েন্টকে অনুমোদন করে এবং আপনার ওয়েবসাইটে একটি সংশ্লিষ্ট অ্যাকাউন্ট রয়েছে।

    একটি ব্যক্তিগতকৃত বোতাম যা একটি একক Google অ্যাকাউন্টের নাম প্রদর্শন করে৷

  • একাধিক সেশন: গুগলের পাশে একাধিক সেশন রয়েছে। সেই সেশনগুলি ক্লায়েন্টকে অনুমোদন করে। প্রদর্শিত অ্যাকাউন্টের পাশে তালিকা তীর দ্বারা অনুমোদন নির্দেশিত হয়। অন্তত একটি সেশন আপনার ওয়েবসাইটে একটি সংশ্লিষ্ট অ্যাকাউন্ট আছে.

    একটি তালিকা তীর সহ একটি ব্যক্তিগতকৃত বোতাম।

  • কোনো সেশন নেই: Google-এর পক্ষ থেকে কোনো সেশন নেই, অথবা কোনো সেশন এখনও ক্লায়েন্টকে অনুমোদন করেনি।

    ব্যক্তিগতকৃত তথ্য ছাড়াই 'Google দিয়ে সাইন ইন করুন' বলে একটি বোতাম।

ব্যক্তিগতকৃত বোতামটি স্বয়ংক্রিয়ভাবে প্রদর্শিত হয় যখন সেশনের স্থিতি উপযুক্ত হয়, যদি না আপনার বোতাম সেটিংস ব্যক্তিগতকৃত বোতামটি প্রদর্শনের অনুমতি না দেয়। ব্যক্তিগতকৃত বোতামটি প্রদর্শিত হয় না যদি:

  • data-type অ্যাট্রিবিউট হল icon
  • data-size বৈশিষ্ট্যটি medium বা small সেট করা হয়েছে।
  • data-width বৈশিষ্ট্যটি 200px-এর চেয়ে ছোট একটি সংখ্যায় সেট করা হয়েছে।

নাম বা ইমেল ঠিকানা উপবৃত্তাকার হয় যখন সেগুলি বোতামের ভিতরে প্রদর্শিত হওয়ার জন্য খুব দীর্ঘ হয়।

উপবৃত্তাকার নাম এবং ইমেল সহ একটি ব্যক্তিগতকৃত বোতাম।

মূল ব্যবহারকারীর যাত্রা

নিম্নলিখিত অবস্থার উপর ভিত্তি করে ব্যবহারকারীর যাত্রা পরিবর্তিত হয়।

  • Google ওয়েবসাইটগুলিতে সেশনের অবস্থা। ব্যবহারকারীর যাত্রা শুরু হলে নিম্নলিখিত পদগুলি বিভিন্ন Google সেশনের স্থিতি নির্দেশ করতে ব্যবহৃত হয়।

    • আছে-গুগল-সেশন: Google ওয়েবসাইটগুলিতে অন্তত একটি সক্রিয় অধিবেশন আছে।
    • নো-গুগল-সেশন: গুগল ওয়েবসাইটে কোনো সক্রিয় সেশন নেই।
  • ব্যবহারকারীর যাত্রা শুরু হলে নির্বাচিত Google অ্যাকাউন্ট আপনার ওয়েবসাইট অনুমোদন করেছে কিনা। নিম্নলিখিত পদগুলি বিভিন্ন অনুমোদনের অবস্থা নির্দেশ করতে ব্যবহৃত হয়।

    • নতুন ব্যবহারকারী: নির্বাচিত অ্যাকাউন্টটি আপনার ওয়েবসাইট অনুমোদন করেনি।
    • রিটার্নিং ব্যবহারকারী: নির্বাচিত অ্যাকাউন্ট আগে আপনার ওয়েবসাইট অনুমোদন করেছে.

আছে-গুগল-সেশন নতুন ব্যবহারকারীর যাত্রা

  1. গুগল বোতাম দিয়ে সাইন ইন করুন।

    ব্যক্তিগতকৃত তথ্য ছাড়াই 'Google দিয়ে সাইন ইন করুন' বলে একটি বোতাম।

  2. অ্যাকাউন্ট চয়নকারী পৃষ্ঠা।

    আছে-প্রাথমিক-সেশন অ্যাকাউন্ট চয়নকারী পৃষ্ঠা।

  3. নতুন ব্যবহারকারীর সম্মতি পৃষ্ঠা।

    Google বোতামের সম্মতি দিয়ে সাইন ইন করুন এবং সাইন-ইন করুন।

  4. ব্যবহারকারী নিশ্চিত হওয়ার পরে, আপনার ওয়েবসাইটের সাথে একটি আইডি টোকেন ভাগ করা হয়।

ব্যবহারকারীরা অন্য একটি অ্যাকাউন্ট ব্যবহার করুন বোতামে ক্লিক করে একটি নতুন Google সেশন যোগ করতে পারেন, নিচে নো-গুগল-সেশন ব্যবহারকারীর যাত্রা দেখুন।

আছে-গুগল-সেশন রিটার্নিং ইউজার যাত্রা

  1. গুগল বোতাম দিয়ে সাইন ইন করুন।

    একটি ব্যক্তিগতকৃত বোতাম যা একটি একক Google অ্যাকাউন্টের নাম প্রদর্শন করে৷

  2. অ্যাকাউন্ট চয়নকারী পৃষ্ঠা।

    Google অ্যাকাউন্ট চয়নকারী

  3. ব্যবহারকারী একটি রিটার্নিং অ্যাকাউন্ট বেছে নেওয়ার পরে, একটি আইডি টোকেন আপনার ওয়েবসাইটের সাথে শেয়ার করা হয়।

ব্যবহারকারীরা অন্য অ্যাকাউন্ট ব্যবহার করুন বোতামে ক্লিক করে একটি নতুন Google সেশন যোগ করতে পারেন, নীচে 'নো-গুগল-সেশন' ব্যবহারকারীর যাত্রা দেখুন।

নো-গুগল-সেশন নতুন ব্যবহারকারীর যাত্রা

  1. গুগল বোতাম দিয়ে সাইন ইন করুন।

    ব্যক্তিগতকৃত তথ্য ছাড়াই 'Google দিয়ে সাইন ইন করুন' বলে একটি বোতাম।

  2. একটি নতুন Google সেশন যোগ করার জন্য প্রথম পৃষ্ঠা।

    Google অ্যাকাউন্ট ইমেল

  3. একটি নতুন Google সেশন যোগ করার জন্য দ্বিতীয় পৃষ্ঠা।

    Google অ্যাকাউন্ট সাইন-ইন করুন

  4. নতুন ব্যবহারকারীর সম্মতি পৃষ্ঠা।

    Google বোতামের সম্মতি দিয়ে সাইন ইন করুন এবং সাইন-ইন করুন।

  5. ব্যবহারকারী নিশ্চিত হওয়ার পরে, আপনার ওয়েবসাইটের সাথে একটি আইডি টোকেন ভাগ করা হয়।

নো-গুগল-সেশন রিটার্নিং ইউজার যাত্রা

  1. গুগল বোতাম দিয়ে সাইন ইন করুন।

    ব্যক্তিগতকৃত তথ্য ছাড়াই 'Google দিয়ে সাইন ইন করুন' বলে একটি বোতাম।

  2. একটি নতুন Google সেশন যোগ করার জন্য প্রথম পৃষ্ঠা।

    Google অ্যাকাউন্ট ইমেল

  3. একটি নতুন Google সেশন যোগ করার জন্য দ্বিতীয় পৃষ্ঠা।

    Google অ্যাকাউন্ট সাইন-ইন করুন

  4. ব্যবহারকারী পরবর্তী বোতামে ক্লিক করার পরে, একটি আইডি টোকেন আপনার ওয়েবসাইটের সাথে শেয়ার করা হয়।