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

সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।

এই পৃষ্ঠাটি Google বোতামের মাধ্যমে সাইন ইন করার ব্যবহারকারীর অভিজ্ঞতা (UX) বর্ণনা করে।

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

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

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

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

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

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

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

  

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

  

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

  

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

• data-type অ্যাট্রিবিউট হল icon ।
• data-size বৈশিষ্ট্যটি medium বা small সেট করা হয়েছে।
• data-width বৈশিষ্ট্যটি 200px-এর চেয়ে ছোট একটি সংখ্যায় সেট করা হয়েছে।
• তৃতীয় পক্ষের কুকি ব্লক করা হয়েছে, এবং বোতামের FedCM সংস্করণ সক্ষম করা নেই।

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

ফেডারেটেড ক্রেডেনশিয়াল ম্যানেজার (FedCM)

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

Federated Credentials Management API (FedCM) বোতাম ফ্লো সহ, ব্যবহারকারীরা আপনার সাইটে ব্যক্তিগতকৃত সাইন ইন Google বোতামটি দেখতে সক্ষম হবে। ডিফল্টরূপে, FedCM অক্ষম করা হয়, কিন্তু আপনি একটি বৈশিষ্ট্য ( HTML / JavaScript ) পরিবর্তন করে FedCM সক্ষম করতে পারেন৷ FedCM বোতামের সুবিধার মধ্যে রয়েছে:

• প্রত্যাবর্তনকারী ব্যবহারকারীর অভিজ্ঞতা উন্নত : ব্যবহারকারীরা তাদের বিদ্যমান অ্যাকাউন্টগুলি চিনতে পারে বলে প্রত্যাবর্তনকারী ব্যবহারকারীর সাইন-ইন প্রক্রিয়াটি সুগম করা হয়েছে। এই উন্নত স্বীকৃতি একটি উচ্চ ক্লিক-থ্রু রেট (CTR) নিয়ে যায় বলে প্রমাণিত হয়৷ উপরন্তু, FedCM সক্ষম না করে বোতাম প্রবাহের বিপরীতে, FedCM বোতাম ফ্লো স্বয়ংক্রিয় নির্বাচন বৈশিষ্ট্য সমর্থন করে - সক্রিয় Google সেশনের সাথে ফিরে আসা ব্যবহারকারীরা অ্যাকাউন্ট চয়নকারী প্রম্পটকে বাইপাস করে বোতামে ক্লিক করার পরে স্বয়ংক্রিয়ভাবে সাইন ইন হয়ে যাবে।

• উন্নত বৈশিষ্ট্য ইন্টিগ্রেশন : আমরা এক ট্যাপ এবং স্বয়ংক্রিয় সাইন-ইন কার্যকারিতাগুলিকে একীভূত করেছি, একটি একক নির্ভরকারী পার্টি (RP) থেকে কনসার্টে কাজ করার জন্য সমস্ত ফেডারেটেড ক্রেডেনশিয়াল ম্যানেজমেন্ট (FedCM) Google বৈশিষ্ট্যগুলির সাথে সাইন-ইন করতে সক্ষম করেছি৷ একটি ট্যাপ স্বয়ংক্রিয় সাইন-ইন প্রবাহের জন্য এককালীন পুনঃনিশ্চিতকরণ পূরণ করতে FedCM বোতাম প্রবাহে ব্যবহারকারীর অঙ্গভঙ্গিগুলি রেকর্ড করা হবে এবং Chrome দ্বারা সম্মানিত হবে৷ এটি সমস্ত বৈশিষ্ট্য জুড়ে একটি বিরামবিহীন অভিজ্ঞতা নিশ্চিত করে।

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

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

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

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

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

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

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

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

স্বয়ংক্রিয়ভাবে নির্বাচিত রিটার্নিং ইউজার যাত্রা সহ Google-সেশন আছে

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

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

Family Link অ্যাকাউন্টের মূল ব্যবহারকারীর যাত্রা

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

FedCM বোতাম প্রবাহের অতিরিক্ত তথ্য

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

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

• ক্রোমের কুলডাউন স্থিতি এবং তৃতীয় পক্ষের সাইন-ইন সেটিংস FedCM বোতাম প্রবাহের উপর কোন প্রভাব ফেলে না। স্ট্যাটাস (নিম্নলিখিত স্ক্রিনশটে দেখানো হয়েছে) শুধুমাত্র One Tap UX-কে প্রভাবিত করে।

  

এই পৃষ্ঠাটি Google বোতামের মাধ্যমে সাইন ইন করার ব্যবহারকারীর অভিজ্ঞতা (UX) বর্ণনা করে।

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

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

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

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

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

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

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

  

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

  

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

  

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

• data-type অ্যাট্রিবিউট হল icon ।
• data-size বৈশিষ্ট্যটি medium বা small সেট করা হয়েছে।
• data-width বৈশিষ্ট্যটি 200px-এর চেয়ে ছোট একটি সংখ্যায় সেট করা হয়েছে।
• তৃতীয় পক্ষের কুকি ব্লক করা হয়েছে, এবং বোতামের FedCM সংস্করণ সক্ষম করা নেই।

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

ফেডারেটেড ক্রেডেনশিয়াল ম্যানেজার (FedCM)

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

Federated Credentials Management API (FedCM) বোতাম ফ্লো সহ, ব্যবহারকারীরা আপনার সাইটে ব্যক্তিগতকৃত সাইন ইন Google বোতামটি দেখতে সক্ষম হবে। ডিফল্টরূপে, FedCM অক্ষম করা হয়, কিন্তু আপনি একটি বৈশিষ্ট্য ( HTML / JavaScript ) পরিবর্তন করে FedCM সক্ষম করতে পারেন৷ FedCM বোতামের সুবিধার মধ্যে রয়েছে:

• প্রত্যাবর্তনকারী ব্যবহারকারীর অভিজ্ঞতা উন্নত : ব্যবহারকারীরা তাদের বিদ্যমান অ্যাকাউন্টগুলি চিনতে পারে বলে প্রত্যাবর্তনকারী ব্যবহারকারীর সাইন-ইন প্রক্রিয়াটি সুগম করা হয়েছে। এই উন্নত স্বীকৃতি একটি উচ্চ ক্লিক-থ্রু রেট (CTR) নিয়ে যায় বলে প্রমাণিত হয়৷ উপরন্তু, FedCM সক্ষম না করে বোতাম প্রবাহের বিপরীতে, FedCM বোতাম ফ্লো স্বয়ংক্রিয় নির্বাচন বৈশিষ্ট্য সমর্থন করে - সক্রিয় Google সেশনের সাথে ফিরে আসা ব্যবহারকারীরা অ্যাকাউন্ট চয়নকারী প্রম্পটকে বাইপাস করে বোতামে ক্লিক করার পরে স্বয়ংক্রিয়ভাবে সাইন ইন হয়ে যাবে।

• উন্নত বৈশিষ্ট্য ইন্টিগ্রেশন : আমরা এক ট্যাপ এবং স্বয়ংক্রিয় সাইন-ইন কার্যকারিতাগুলিকে একীভূত করেছি, একটি একক নির্ভরকারী পার্টি (RP) থেকে কনসার্টে কাজ করার জন্য সমস্ত ফেডারেটেড ক্রেডেনশিয়াল ম্যানেজমেন্ট (FedCM) Google বৈশিষ্ট্যগুলির সাথে সাইন-ইন করতে সক্ষম করেছি৷ একটি ট্যাপ স্বয়ংক্রিয় সাইন-ইন প্রবাহের জন্য এককালীন পুনঃনিশ্চিতকরণ পূরণ করতে FedCM বোতাম প্রবাহে ব্যবহারকারীর অঙ্গভঙ্গিগুলি রেকর্ড করা হবে এবং Chrome দ্বারা সম্মানিত হবে৷ এটি সমস্ত বৈশিষ্ট্য জুড়ে একটি বিরামবিহীন অভিজ্ঞতা নিশ্চিত করে।

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

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

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

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

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

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

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

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

স্বয়ংক্রিয়ভাবে নির্বাচিত রিটার্নিং ইউজার যাত্রা সহ Google-সেশন আছে

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

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

Family Link অ্যাকাউন্টের মূল ব্যবহারকারীর যাত্রা

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

FedCM বোতাম প্রবাহের অতিরিক্ত তথ্য

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

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

• ক্রোমের কুলডাউন স্থিতি এবং তৃতীয় পক্ষের সাইন-ইন সেটিংস FedCM বোতাম প্রবাহের উপর কোন প্রভাব ফেলে না। স্ট্যাটাস (নিম্নলিখিত স্ক্রিনশটে দেখানো হয়েছে) শুধুমাত্র One Tap UX-কে প্রভাবিত করে।