این صفحه نحوه پیاده‌سازی ویژگی‌های مربوط به نحوه ورود یا خروج کاربران با Google One Tap را شرح می‌دهد.
ورود کاربران به صورت خودکار
Google One Tap از ورود به سیستم خودکار پشتیبانی می‌کند، که با حذف مراحل دستی که بازدیدکنندگان هنگام بازگشت به سایت شما باید انجام دهند، تجربه کاربری بدون اصطکاک (UX) را فراهم می‌کند. نیازی نیست کاربران به خاطر بیاورند که در آخرین بازدید خود کدام حساب Google را انتخاب کرده‌اند و این باعث کاهش احتمال ایجاد حساب‌های تکراری غیرضروری در پلتفرم شما می‌شود.
ورود به سیستم خودکار برای تکمیل دکمه ورود با Google و گفتگوهای One Tap در نظر گرفته شده است. این برنامه برای استفاده در کل سایت شما طراحی شده است، با ثبت نام دستی یا تغییر حساب فقط پس از خروج کاربر از سایت شما.
برای اینکه ورود خودکار انجام شود شرایط زیر لازم است:
- کاربر ابتدا باید به حساب Google خود وارد شود و
- قبلاً برای اشتراک‌گذاری نمایه حساب خود با برنامه شما موافقت کرده‌اند.
برای صفحاتی که ورود به سیستم خودکار فعال است و در صورت رعایت این شرایط، شناسه شناسه بازدیدکننده به طور خودکار بدون هیچ گونه تعامل کاربر برگردانده می شود. اگر این شرایط رعایت نشود و حتی اگر ورود خودکار در صفحه فعال باشد، کاربر برای ورود به سیستم یا رضایت به طور پیش‌فرض از جریان یک ضربه‌ای استفاده می‌کند. اگر کاربری چندین حساب Google دارد و از سایت شما بازدید می کند، باید ابتدا به یک حساب Google وارد شود و رضایت خود را برای آن حساب ارائه دهد.
می‌توانید میزان موفقیت ورود خودکار را با استفاده از مقدار auto در فیلد select_by شیء اعتبار برگشتی اندازه‌گیری کنید.
برای فعال کردن ورود خودکار، همانطور که در قطعه زیر نشان داده شده است، data-auto_select="true" را به کد خود اضافه کنید:
<div id="g_id_onload"
data-client_id="YOUR_GOOGLE_CLIENT_ID"
data-auto_select="true"
data-login_uri="https://your.domain/your_login_endpoint">
</div>
خروج از سیستم
وقتی کاربر از وب‌سایت شما خارج می‌شود، می‌تواند به صفحه‌ای هدایت شود که در آن درخواست Google One Tap به طور خودکار نمایش داده می‌شود. برای این تنظیم، انتخاب خودکار باید ممنوع باشد. در غیر این صورت، کاربر به طور خودکار دوباره وارد سیستم می شود که منجر به 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 در دامنه شما ذخیره می شود. اگر سرویسی دارید که تمام کوکی های استفاده شده در دامنه شما را کنترل می کند، باید آنها را از این کوکی مطلع کنید.
اگر نمی خواهید کتابخانه مشتری را در صفحات پس از ورود به سیستم بارگیری کنید، می توانید از چند راه حل ساده مانند زیر برای جلوگیری از UX حلقه مرده در لحظه خروج استفاده کنید.
- در هنگام خروج، کاربران را به صفحه‌ای هدایت کنید (مثلاً
https://example.com/logged_out) که در آن One Tap نمایش داده نمی‌شود یا ورود خودکار همیشه غیرفعال است. - هنگام خروج از سیستم، یک پارامتر به URL اضافه کنید. به عنوان مثال،
logged_out=1. هنگام رندر کردن One Tap توسط JavaScript API، پارامتر URL را بررسی کنید و در صورت وجود، ورود خودکار را غیرفعال کنید.
سفرهای کاربر کلیدی
صفحه ورود خودکار
اگر کاربران در عرض 5 ثانیه روی دکمه لغو کلیک نکنند، یک رمز شناسه با وب سایت شما به اشتراک گذاشته می شود.
وقتی ورود به سیستم لغو می‌شود، بر اساس تعداد جلسات فعال Google، صفحه انتخابگر حساب یا صفحه کاربر بازگشتی نمایش داده می‌شود.
چندین جلسه گوگل
جلسات تک گوگل
