Google 원탭 표시

Google 원탭을 표시하려는 페이지에 다음 코드 스니펫을 배치합니다.

<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 원탭에 다른 콘텐츠가 가려지면 안 됩니다. 그러지 않으면 경우에 따라 팝업 창이 트리거될 수 있습니다.

페이지 레이아웃과 요소의 z-index 속성을 다시 한번 확인하여 Google One Tap이 다른 콘텐츠로 가려지지 않도록 합니다. 테두리의 픽셀 하나만 가려져도 UX 흐름 변경이 트리거될 수 있습니다.