موقعیت درخواست One Tap را تغییر دهید

به طور پیش فرض، درخواست One Tap در گوشه سمت راست بالای پنجره های مرورگر وب دسکتاپ نمایش داده می شود. هنگامی که از FedCM استفاده می شود، مرورگر به طور کامل مکان اعلان را کنترل می کند. بنابراین، طرح‌بندی‌های سفارشی پشتیبانی نمی‌شوند .

در غیر این صورت، One Tap را در داخل یک عنصر ظرف نمایش دهید تا موقعیت درخواست را تغییر دهید. برای انجام این کار، شناسه DOM عنصر کانتینر را در ویژگی data-prompt_parent_id مشخص کنید.

مثال کد زیر از عنصر g_id_onload به عنوان عنصر کانتینر مجددا استفاده می کند و اعلان One Tap را در موقعیت مشخص شده نمایش می دهد:

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-prompt_parent_id="g_id_onload"
     style="position: absolute; top: 100px; right: 30px;
            width: 0; height: 0; z-index: 1001;">
</div>

ویژگی data-prompt_parent_id در مرورگرهای وب تلفن همراه نادیده گرفته می شود.

،

به طور پیش فرض، درخواست One Tap در گوشه سمت راست بالای پنجره های مرورگر وب دسکتاپ نمایش داده می شود. هنگامی که از FedCM استفاده می شود، مرورگر به طور کامل مکان اعلان را کنترل می کند. بنابراین، طرح‌بندی‌های سفارشی پشتیبانی نمی‌شوند .

در غیر این صورت، One Tap را در داخل یک عنصر ظرف نمایش دهید تا موقعیت درخواست را تغییر دهید. برای انجام این کار، شناسه DOM عنصر کانتینر را در ویژگی data-prompt_parent_id مشخص کنید.

مثال کد زیر از عنصر g_id_onload به عنوان عنصر کانتینر مجددا استفاده می کند و اعلان One Tap را در موقعیت مشخص شده نمایش می دهد:

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-prompt_parent_id="g_id_onload"
     style="position: absolute; top: 100px; right: 30px;
            width: 0; height: 0; z-index: 1001;">
</div>

ویژگی data-prompt_parent_id در مرورگرهای وب تلفن همراه نادیده گرفته می شود.