Google One 탭을 표시하려는 페이지에 다음 코드 스니펫을 배치합니다.
<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 탭을 덮지 않음
최종 사용자에게 표시된 모든 정보를 볼 수 있도록 다른 콘텐츠에 Google One 탭을 포함해서는 안 됩니다. 그러지 않으면 팝업 창이 트리거될 수 있습니다.
페이지 레이아웃과 요소의 Z-색인 속성을 다시 확인하여 Google One Tap이 다른 콘텐츠에 가려지지 않도록 하세요. 테두리의 단일 픽셀만 가려도 UX 흐름 변경이 트리거될 수 있습니다.