將下列程式碼片段放入要顯示 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 擷取的 ID 權杖
如需完整的資料屬性清單,請參閱 g_id_onload
參考資料頁面。
請勿遮蓋 Google One Tap
只有在啟用 FedCM 時,只有在啟用 FedCM 時, 瀏覽器在頁面頂端顯示使用者提示
為確保使用者能看到所有顯示資訊,Google One Tap 不得被任何其他內容遮蓋。否則,系統可能會觸發彈出式視窗 在某些情況下。
請仔細檢查頁面版面配置和元素的 z-index 屬性,確保 Google One Tap 不會在任何時間遭到任何其他內容遮蓋。使用者體驗流程 即使只有邊框中的單一像素,也可以觸發變更。