원탭 프롬프트 위치 변경

기본적으로 원탭 메시지는 데스크톱 웹브라우저 창의 오른쪽 상단에 표시됩니다. FedCM을 사용하면 브라우저에서 프롬프트 위치를 완전히 제어합니다. 따라서 맞춤 레이아웃은 지원되지 않습니다.

그 외의 경우 컨테이너 요소 내에 원탭을 표시하여 프롬프트 위치를 변경합니다. 이렇게 하려면 data-prompt_parent_id 속성에 컨테이너 요소의 DOM ID를 지정합니다.

다음 코드 예에서는 g_id_onload 요소를 컨테이너 요소로 재사용하고 지정된 위치에 원탭 메시지를 표시합니다.

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-prompt_parent_id="g_id_onload"
     style="position: absolute; top: 100px; right: 30px;
            width: 0; height: 0; z-index: 1001;">
</div>

data-prompt_parent_id 속성은 모바일 웹브라우저에서 무시됩니다.