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 원탭 가리지 않음

이 섹션은 FedCM이 사용 중지된 경우에만 적용됩니다. FedCM이 사용 설정된 경우 브라우저에서 페이지 콘텐츠 상단에 사용자 메시지를 표시합니다.

최종 사용자가 표시된 모든 정보를 볼 수 있도록 하려면 다른 콘텐츠가 Google 원탭을 가리지 않아야 합니다. 그렇지 않으면 경우에 따라 팝업 창이 트리거될 수 있습니다.

페이지 레이아웃 및 요소의 Z-색인 속성을 다시 확인하여 Google 원탭이 다른 콘텐츠로 가려지지 않도록 하세요. UX 흐름 변경은 테두리의 단일 픽셀만 덮여 있는 경우에도 트리거될 수 있습니다.