AMP 원탭 구성요소는 지원 중단되었습니다. 즉, 새로운 웹 앱에서는 이 구성요소를 사용해서는 안 되며 기존 앱의 개발자는
이전 가이드에 따라 사용자가 웹사이트에 로그인할 때 부정적인 영향을 주지 않도록 필요한 변경사항을 적용해야 합니다.
AMP Component API 참조
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
이 참조 페이지에서는 <amp-onetap-google> AMP 구성요소의 API를 설명합니다.
중간 iframe을 사용하는 방법은 Iframe을 사용하여 원탭 통합 가이드를 참고하세요.
<amp-onetap-google> AMP 구성요소 로드
<amp-onetap-google> AMP 구성요소를 사용하려는 AMP 페이지에 다음 코드 스니펫을 배치합니다.
<script custom-element="amp-onetap-google" src="https://cdn.ampproject.org/v0/amp-onetap-google-0.1.js" async></script>
<amp-onetap-google> AMP 구성요소
다음 표에는 데이터 속성과 설명이 나와 있습니다.
| 속성 |
data-src |
원탭 중간 iframe의 URI |
layout |
AMP 구성요소의 레이아웃 'nodisplay'만 허용됩니다. |
데이터 소스
이 속성이 원탭 중간 iframe의 URI입니다. 자세한 내용은 다음 표를 참고하세요.
| 유형 |
필수 |
예 |
| 문자열 |
예 |
data-src="https://example.com/onetap_iframe.html" |
레이아웃
이 속성은 AMP 구성요소의 레이아웃으로, AMP 구성요소의 필수 속성입니다. <amp-onetap-google> 구성요소의 경우 'nodisplay'만 허용됩니다. 자세한 내용은 다음 표를 참고하세요.
| 유형 |
필수 |
예 |
| 문자열 |
예 |
layout="nondisplay" |
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2024-11-08(UTC)
[null,null,["최종 업데이트: 2024-11-08(UTC)"],[[["\u003cp\u003eThis reference page describes the API of the \u003ccode\u003e<amp-onetap-google>\u003c/code\u003e AMP component, which enables One Tap sign-up/sign-in on AMP pages.\u003c/p\u003e\n"],["\u003cp\u003eTo use this component, you need to place a specific script tag into your AMP pages and configure the component with \u003ccode\u003edata-src\u003c/code\u003e and \u003ccode\u003elayout\u003c/code\u003e attributes.\u003c/p\u003e\n"],["\u003cp\u003eThe \u003ccode\u003edata-src\u003c/code\u003e attribute specifies the URI of your One Tap intermediate iframe, while the \u003ccode\u003elayout\u003c/code\u003e attribute must be set to "nodisplay".\u003c/p\u003e\n"],["\u003cp\u003eRefer to the "Integrate One Tap using an Iframe" guide to learn how to use intermediate iframes for this implementation.\u003c/p\u003e\n"]]],[],null,["# AMP Component API reference\n\nThis reference page describes the API of the `\u003camp-onetap-google\u003e` AMP\ncomponent.\n\nSee the [Integrate One Tap using an Iframe](/identity/gsi/web/amp/intermediate-iframe) guide to learn how to use\nintermediate iframes.\n\nLoad the `\u003camp-onetap-google\u003e` AMP Component\n--------------------------------------------\n\nPlace the following code snippet into any AMP pages where you want to use the\n`\u003camp-onetap-google\u003e` AMP Component: \n\n \u003cscript custom-element=\"amp-onetap-google\" src=\"https://cdn.ampproject.org/v0/amp-onetap-google-0.1.js\" async\u003e\u003c/script\u003e\n\nThe `\u003camp-onetap-google\u003e` AMP Component\n---------------------------------------\n\nThe following table lists the data attributes with their descriptions:\n\n| Attribute ||\n|----------------------------------------------------------|---------------------------------------------------------------|\n| [data-src](/identity/gsi/web/amp/amp-reference#data-src) | The URI of your One Tap intermediate iframe |\n| [layout](/identity/gsi/web/amp/amp-reference#layout) | The layout of the AMP component. Only \"nodisplay\" is allowed. |\n\n### data-src\n\nThis attribute is the URI of your One Tap intermediate iframe. See the following\ntable for further information:\n\n| Type | Required | Example |\n|--------|----------|-----------------------------------------------------|\n| string | Yes | `data-src=\"https://example.com/onetap_iframe.html\"` |\n\n### layout\n\nThis attribute is the layout of the AMP component, which is a required attribute\nof AMP components. For the `\u003camp-onetap-google\u003e` component, only\n\"nodisplay\" is allowed. See the following table for further information:\n\n| Type | Required | Example |\n|--------|----------|-----------------------|\n| string | Yes | `layout=\"nondisplay\"` |"]]
