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-색인 속성을 사용하여 다른 어떤 콘텐츠도 Google 원탭에 적용되지 않습니다. 테두리의 픽셀 하나만 가려져도 UX 흐름 변경이 트리거될 수 있습니다.