顯示 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

為確保使用者可以看到所有顯示的資訊,請勿以其他內容覆蓋 Google One Tap。否則,在某些情況下可能會觸發彈出式視窗。

請仔細檢查您的網頁版面配置和元素' Z-index 屬性,確保 Google One Tap 在任何內容均未覆蓋部分。即使涵蓋了邊框中的單一像素,系統仍可能觸發使用者體驗流程變更。