顯示 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 擷取的 ID 權杖，將這些屬性傳送至登入端點。

如需完整的資料屬性清單，請參閱 g_id_onload 參考資料頁面。

請勿遮蓋 Google One Tap

只有在 FedCM 停用的情況下，瀏覽器在啟用 FedCM 後，才會在網頁內容頂端顯示使用者提示，才適用本節內容。

為確保使用者能看到所有顯示資訊，Google One Tap 不得被任何其他內容遮蓋。否則在某些情況下，系統可能會觸發彈出式視窗。

請仔細檢查網頁版面配置和元素的 Z-index 屬性，確保 Google One Tap 未涵蓋任何其他內容。即使邊框中只有一個像素遭到遮蓋，UX 流程變更也可能會觸發。