기본적으로 원탭 메시지는 데스크톱 웹브라우저 창의 오른쪽 상단에 표시됩니다. 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 속성이 무시됩니다.