এই পৃষ্ঠায় বর্ণনা করা হয়েছে কীভাবে গুগল ওয়ান ট্যাপ ব্যবহার করে ব্যবহারকারীরা সাইন ইন বা সাইন আউট করার ফিচারগুলো বাস্তবায়ন করতে পারেন।
ব্যবহারকারীদের স্বয়ংক্রিয়ভাবে সাইন ইন করুন
গুগল ওয়ান ট্যাপ স্বয়ংক্রিয় সাইন-ইন সমর্থন করে, যা আপনার সাইটে ফিরে আসার সময় ব্যবহারকারীদের ম্যানুয়াল পদক্ষেপগুলো দূর করে একটি বাধাহীন ইউজার এক্সপেরিয়েন্স (UX) প্রদান করে। ব্যবহারকারীদের মনে রাখার প্রয়োজন হয় না যে তারা তাদের শেষ ভিজিটের সময় কোন গুগল অ্যাকাউন্টটি বেছে নিয়েছিলেন, ফলে আপনার প্ল্যাটফর্মে অপ্রয়োজনীয় ডুপ্লিকেট অ্যাকাউন্ট তৈরি হওয়ার সম্ভাবনা কমে যায়।
স্বয়ংক্রিয় সাইন-ইন ব্যবস্থাটি আমাদের 'গুগল দিয়ে সাইন ইন করুন' বাটন এবং 'ওয়ান ট্যাপ' ডায়ালগগুলোর পরিপূরক হিসেবে কাজ করে। এটি আপনার সম্পূর্ণ সাইট জুড়ে ব্যবহারের জন্য ডিজাইন করা হয়েছে এবং ব্যবহারকারী আপনার সাইট থেকে প্রথমবার সাইন-আউট করার পরেই কেবল ম্যানুয়াল সাইন-আপ বা অ্যাকাউন্ট পরিবর্তন করা যাবে।
স্বয়ংক্রিয় সাইন-ইন সম্পন্ন হওয়ার জন্য নিম্নলিখিত শর্তগুলো প্রয়োজন:
- ব্যবহারকারীদের প্রথমে তাদের গুগল অ্যাকাউন্টে সাইন-ইন করতে হবে, এবং
- পূর্বে আপনার অ্যাপের সাথে তাদের অ্যাকাউন্ট প্রোফাইল শেয়ার করার জন্য সম্মতি দিয়েছেন, এবং
- FedCM ব্যবহার করার সময়, গত ১০ মিনিটে শুধুমাত্র একবার সাইন-ইন করার চেষ্টা করা হয়েছে। এই সময়ের মধ্যে বারবার সাইন-ইন করার চেষ্টা করা হলে 'ওয়ান ট্যাপ' প্রদর্শিত হয়।
- ফেডসিএম (FedCM) ব্যবহার করার সময়, ক্রোম ব্যবহারকারীদের প্রতিটি ক্রোম ইনস্ট্যান্সে তাদের গুগল অ্যাকাউন্ট দিয়ে ওয়েবসাইটে সাইন ইন করার বিষয়টি পুনরায় নিশ্চিত করতে বলে, এমনকি যদি ব্যবহারকারী ফেডসিএম চালুর আগে ওয়েবসাইটটি অনুমোদন করেও থাকেন। এই পরিবর্তনটি ওয়ান ট্যাপ (One Tap) ব্যবহার করে আপনার বিদ্যমান সাইটের কনভার্সন রেটকে প্রভাবিত করতে পারে। ক্রোম এম১২১ (M121) আপডেটে, অটো সাইন-ইন (Auto Sign-in) এর উন্নতি কনভার্সন রেট কমে যাওয়ার সমস্যাটি প্রশমিত করে।
যেসব পেজে স্বয়ংক্রিয় সাইন-ইন চালু করা আছে, সেখানে এই শর্তগুলো পূরণ হলে ব্যবহারকারীর কোনো হস্তক্ষেপ ছাড়াই তার আইডি টোকেন ক্রেডেনশিয়াল স্বয়ংক্রিয়ভাবে ফেরত দেওয়া হয়। যদি এই শর্তগুলো পূরণ না হয়, এবং পেজটিতে স্বয়ংক্রিয় সাইন-ইন চালু থাকলেও, ব্যবহারকারী সাইন-ইন বা সম্মতির জন্য ডিফল্ট হিসেবে ওয়ান ট্যাপ পদ্ধতি ব্যবহার করেন। যদি কোনো ব্যবহারকারীর একাধিক গুগল অ্যাকাউন্ট থাকে এবং তিনি আপনার সাইট ভিজিট করেন, তবে তাকে প্রথমে একটিমাত্র গুগল অ্যাকাউন্টে সাইন-ইন করতে হবে এবং সেই অ্যাকাউন্টের জন্য সম্মতি প্রদান করতে হবে।
ফেরত আসা ক্রেডেনশিয়াল অবজেক্টের select_by ফিল্ডে থাকা auto ভ্যালুটি ব্যবহার করে আপনি স্বয়ংক্রিয় সাইন-ইন সফলতার হার পরিমাপ করতে পারেন।
স্বয়ংক্রিয় সাইন-ইন চালু করতে, আপনার কোডে data-auto_select="true" যোগ করুন, যেমনটি নিম্নলিখিত কোড স্নিপেটে দেখানো হয়েছে:
<div id="g_id_onload"
data-client_id="YOUR_GOOGLE_CLIENT_ID"
data-login_uri="https://your.domain/your_login_endpoint"
data-auto_select="true">
</div>
সাইন আউট
যখন কোনো ব্যবহারকারী আপনার ওয়েবসাইট থেকে সাইন আউট করেন, তখন তাকে এমন একটি পেজে পাঠানো হতে পারে যেখানে স্বয়ংক্রিয়ভাবে একটি গুগল ওয়ান ট্যাপ প্রম্পট প্রদর্শিত হয়। এই ধরনের সেটআপের জন্য, স্বয়ংক্রিয় নির্বাচন অবশ্যই নিষিদ্ধ করতে হবে। অন্যথায়, ব্যবহারকারী স্বয়ংক্রিয়ভাবে আবার সাইন ইন হয়ে যান, যা একটি ডেড-লুপ ইউএক্স (UX) তৈরি করে।
ফেডসিএম ব্যবহার করে
ব্যবহারকারীর অভিজ্ঞতা উন্নত করার জন্য, প্রতিটি স্বয়ংক্রিয় সাইন-ইন চেষ্টার মধ্যে ১০ মিনিটের একটি নীরব সময় থাকে। এই সময়কালে, এর পরিবর্তে ওয়ান ট্যাপ প্রম্পট প্রদর্শিত হয়। সাইন ইন করার জন্য ব্যবহারকারীদের স্পষ্টভাবে ওয়ান ট্যাপ-এ ক্লিক করতে হবে।
ফেডসিএম ছাড়া
ব্যবহারকারী সাইন আউট করার পর স্বয়ংক্রিয় নির্বাচন বন্ধ করতে, আপনার সমস্ত লগআউট লিঙ্ক এবং বোতামে g_id_signout ক্লাস নামটি যোগ করুন। নিম্নলিখিত কোড স্নিপেটটি দেখুন:
<div class="g_id_signout">Sign Out</div>
সাইন আউট করার জন্য নিম্নলিখিত জাভাস্ক্রিপ্ট কোড স্নিপেটটিও ব্যবহার করা যেতে পারে:
const button = document.getElementById('signout_button');
button.onclick = () => {
google.accounts.id.disableAutoSelect();
}
ডেড-লুপ ইউএক্স (UX) প্রতিরোধ করার জন্য, ব্যবহারকারীর সাইন-আউট করা স্ট্যাটাস g_state নামের একটি কুকিতে সংরক্ষণ করা হয়, যা গুগল আইডেন্টিটি সার্ভিসেস লাইব্রেরি দ্বারা সেট করা হয়। ডিফল্টরূপে কুকির ডোমেইনটি বর্তমান পেজের ডোমেইনে সেট করা থাকে। যদি ওয়ান ট্যাপ (One Tap) প্যারেন্ট ডোমেইন এবং সাবডোমেইনগুলোতে প্রদর্শিত হয়, তবে স্টেট কুকিটি আপনার সমস্ত ডোমেইন জুড়ে দৃশ্যমান হতে হবে। g_state কুকির ডোমেইনটি আপনার প্যারেন্ট ডোমেইনে সেট করতে data-state_cookie_domain অ্যাট্রিবিউটটি ব্যবহার করুন। উদাহরণস্বরূপ, example.com প্যারেন্ট ডোমেইন এবং webapp.example.com নামের সাবডোমেইনের জন্য g_id_onload এলিমেন্টে data-state_cookie_domain="example.com" যোগ করুন।
আপনার যদি এমন কোনো পরিষেবা থাকে যা আপনার ডোমেনে ব্যবহৃত সমস্ত কুকি নিরীক্ষণ করে, তাহলে আপনাকে তাদেরকে g_state কুকি সম্পর্কে অবহিত করতে হবে।
আপনি যদি আপনার লগইন-পরবর্তী পেজগুলোতে ক্লায়েন্ট লাইব্রেরি লোড করতে না চান, তাহলে লগ আউট হওয়ার পর একটি ডেড-লুপ ইউএক্স (UX) এড়াতে এই সমাধানগুলো ব্যবহার করুন:
- লগ আউট করার পর, ব্যবহারকারীদের এমন একটি পৃষ্ঠায় (যেমন,
https://example.com/logged_out) পুনঃনির্দেশিত করুন যেখানে ওয়ান ট্যাপ প্রদর্শিত হয় না, অথবা যেখানে স্বয়ংক্রিয় সাইন-ইন সর্বদা নিষ্ক্রিয় থাকে। - লগ আউট করার সময়, URL-এ একটি প্যারামিটার যোগ করুন। উদাহরণস্বরূপ,
logged_out=1। জাভাস্ক্রিপ্ট এপিআই (JavaScript API) দ্বারা ওয়ান ট্যাপ (One Tap) রেন্ডার করার সময়, সেই URL প্যারামিটারটি পরীক্ষা করুন এবং সেটি উপস্থিত থাকলে স্বয়ংক্রিয় সাইন-ইন নিষ্ক্রিয় করুন।
মূল ব্যবহারকারীর যাত্রা
স্বয়ংক্রিয় সাইন-ইন পৃষ্ঠা।
ফেডসিএম ব্যবহার করে

ব্যবহারকারীরা X বোতামে ক্লিক করে ওয়ান ট্যাপ প্রম্পটটি বন্ধ করতে পারেন। অ্যাক্সেসিবিলিটির কথা বিবেচনা করে, ব্যবহারকারীরা X বোতামে ক্লিক করলেও আপনার ওয়েবসাইটের সাথে একটি আইডি টোকেন শেয়ার করা হয়।
ব্যবহারকারীর অভিজ্ঞতা উন্নত করার জন্য, প্রতিটি স্বয়ংক্রিয় সাইন-ইন চেষ্টার মধ্যে ১০ মিনিটের একটি নীরব সময় থাকে। এই সময়কালে, এর পরিবর্তে ওয়ান ট্যাপ প্রম্পট প্রদর্শিত হয়। সাইন ইন করার জন্য ব্যবহারকারীদের স্পষ্টভাবে ওয়ান ট্যাপ-এ ক্লিক করতে হবে।
ফেডসিএম ছাড়া

ব্যবহারকারীরা ৫ সেকেন্ডের মধ্যে Cancel বাটনে ক্লিক না করলে, আপনার ওয়েবসাইটের সাথে একটি ID টোকেন শেয়ার করা হয়।
সাইন-ইন বাতিল করা হলে, সক্রিয় গুগল সেশনের সংখ্যার ওপর ভিত্তি করে হয় অ্যাকাউন্ট বাছাইয়ের পৃষ্ঠা অথবা পুরনো ব্যবহারকারীর পৃষ্ঠাটি প্রদর্শিত হয়।
- একাধিক গুগল সেশন

- একক গুগল সেশন
