نمایش Google One Tap

قطعه کد زیر را در هر صفحه ای که می خواهید Google One Tap نمایش داده شود قرار دهید:

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-your_own_param_1_to_login="any_value"
     data-your_own_param_2_to_login="any_value">
</div>

ویژگی data-login_uri URI نقطه پایانی ورود به برنامه وب شما است. می‌توانید ویژگی‌های داده سفارشی را اضافه کنید که با شناسه بازیابی شده از Google به نقطه پایانی ورود به سیستم شما ارسال می‌شوند.

برای لیست کامل ویژگی های داده، به صفحه مرجع g_id_onload مراجعه کنید.

Google One Tap را پوشش ندهید

این بخش فقط زمانی اعمال می شود که FedCM غیرفعال باشد، وقتی FedCM فعال باشد، مرورگر درخواست های کاربر را در بالای محتوای صفحه نمایش می دهد.

برای اطمینان از مشاهده تمام اطلاعات نمایش داده شده توسط کاربران نهایی، Google One Tap نباید تحت پوشش هیچ محتوای دیگری قرار گیرد. در غیر این صورت، پنجره های پاپ آپ ممکن است در برخی موارد فعال شوند.

طرح‌بندی صفحه‌تان و ویژگی‌های z-index عناصر را دوباره بررسی کنید تا مطمئن شوید که Google One Tap در هر زمانی تحت پوشش هیچ محتوای دیگری قرار نمی‌گیرد. تغییر جریان UX ممکن است حتی زمانی که تنها یک پیکسل در مرزها پوشانده شده باشد، فعال شود.