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

এই পৃষ্ঠায় ‘Sign in with Google’ বাটনটির ব্যবহারকারীর অভিজ্ঞতা (UX) বর্ণনা করা হয়েছে।

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

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

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

• অন্তত একটি সক্রিয় গুগল সেশন রয়েছে।
• There's a corresponding account on your website.

A personalized button gives users a quick indication of the session status, both on Google's side and on your website, before they click the button. This is especially helpful to end users who visit your website only occasionally. They may forget whether an account has been created or not, and in which way. A personalized button reminds them that Sign In With Google has been used before. Thus, it helps to prevent unnecessary duplicate account creation on your website.

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

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

  

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

  

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

  

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

• The data-type attribute is icon .
• data-size অ্যাট্রিবিউটটি medium বা small এ সেট করা হয়।
• data-width অ্যাট্রিবিউটটি 200px-এর চেয়ে ছোট একটি সংখ্যায় সেট করা হয়েছে।
• থার্ড-পার্টি কুকি ব্লক করা আছে, এবং বাটনটির FedCM সংস্করণ সক্রিয় করা নেই।

নাম বা ইমেল ঠিকানা বাটনের ভিতরে প্রদর্শনের জন্য খুব দীর্ঘ হলে তা সংক্ষিপ্ত করা হয়।

Federated Credential Manager (FedCM)

ওয়েবের জন্য প্রাইভেসি স্যান্ডবক্স গুগল আইডেন্টিটি সার্ভিসেস এবং ব্যবহারকারীর সাইন-ইন-এ গুরুত্বপূর্ণ পরিবর্তন এনেছে। এটি ‘সাইন ইন উইথ গুগল’ পার্সোনালাইজড বাটনটিকে প্রভাবিত করে। যদিও বাটনটির ক্ষেত্রে সাইন-ইন প্রক্রিয়া প্রভাবিত হয় না, কিন্তু থার্ড-পার্টি কুকি ব্লক করা থাকলে আপনার পুরনো ব্যবহারকারীরা পার্সোনালাইজড বাটনটি দেখতে পাবেন না।

ফেডারেটেড ক্রেডেনশিয়ালস ম্যানেজমেন্ট এপিআই (FedCM) বাটন ফ্লো-এর মাধ্যমে ব্যবহারকারীরা আপনার সাইটে ব্যক্তিগতকৃত 'গুগল দিয়ে সাইন ইন করুন' বাটনটি দেখতে পাবেন। ডিফল্টরূপে, FedCM নিষ্ক্রিয় থাকে, কিন্তু আপনি একটি অ্যাট্রিবিউট ( HTML / JavaScript ) পরিবর্তন করে FedCM সক্রিয় করতে পারেন। FedCM বাটনের সুবিধাগুলোর মধ্যে রয়েছে:

• Improved Returning User Experience : The returning user sign-in process is streamlined because users can recognize their existing accounts. This improved recognition is proven to lead to a higher click-through rate (CTR). Furthermore, unlike the button flow without having FedCM enabled, the FedCM button flow supports the automatic select feature - returning users with an active Google session will be automatically signed in after clicking the button, bypassing the Account Chooser prompt.

• Enhanced Feature Integration : We've integrated One Tap and Auto Sign-in functionalities, enabling all Federated Credential Management (FedCM) Sign-in with Google features from a single Relying Party (RP) to work in concert. The user gestures in the FedCM button flow will be recorded and honored by Chrome to fulfill the one-time reconfirmation for One Tap auto sign-in flow. This ensures a seamless experience across all features.

Key user journeys

নিম্নলিখিত স্ট্যাটাসগুলোর উপর ভিত্তি করে ইউজার জার্নি ভিন্ন ভিন্ন হয়।

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

  • Has-Google-session : গুগল ওয়েবসাইটগুলোতে অন্তত একটি সক্রিয় সেশন রয়েছে।
  • গুগল সেশন নেই : গুগল ওয়েবসাইটগুলিতে কোনো সক্রিয় সেশন নেই।

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

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

Has-Google-session new user journey

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

স্বয়ংক্রিয়ভাবে প্রত্যাবর্তনকারী ব্যবহারকারীর যাত্রাপথ নির্বাচন সহ গুগল সেশন আছে

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

গুগল সেশন ছাড়া ফিরে আসা ব্যবহারকারীর যাত্রা

ফ্যামিলি লিঙ্ক অ্যাকাউন্টের মূল ব্যবহারকারীর যাত্রা

পূর্ববর্তী বিভাগের সাধারণ মূল ব্যবহারকারীর যাত্রাপথগুলো এখনও প্রযোজ্য। নিচে দেখানো হলো, শিশুর গুগল অ্যাকাউন্টে সাইন ইন করার সময় অতিরিক্ত কোন কার্যপ্রবাহটি প্রদর্শিত হবে।

ফেডসিএম বাটন প্রবাহ সম্পর্কে অতিরিক্ত তথ্য

• আপনার ওয়েব অ্যাপ যদি ক্রস-অরিজিন আইফ্রেম থেকে বাটন এপিআই কল করে, তাহলে প্যারেন্ট ফ্রেমে allow="identity-credentials-get" অ্যাট্রিবিউটটি যোগ করুন। আরও তথ্যের জন্য ধাপ ৭ দেখুন।

• আপনার সাইটের কন্টেন্ট সিকিউরিটি পলিসি (সিএসপি) সঠিকভাবে সেট আপ করুন। আরও তথ্যের জন্য ধাপ ৮ দেখুন।

• ক্রোমের কুলডাউন স্ট্যাটাস এবং থার্ড-পার্টি সাইন-ইন সেটিংস ফেডসিএম বাটন ফ্লো-এর উপর কোনো প্রভাব ফেলে না। এই স্ট্যাটাসটি (যেমনটি নিচের স্ক্রিনশটগুলোতে দেখানো হয়েছে) শুধুমাত্র ওয়ান ট্যাপ ইউএক্স-কে প্রভাবিত করে।