本參考資料頁面說明 <amp-onetap-google> AMP 元件的 API。
如要瞭解如何使用中繼 iframe，請參閱「使用 iframe 整合 One Tap」指南。
載入 <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 |
One Tap 中繼 iframe 的 URI |
layout |
AMP 元件的版面配置。只能使用「nodisplay」。 |
data-src
這項屬性是 One Tap 中繼 iframe 的 URI。詳情請參閱下表：
| 類型 | 必要 | 範例 |
|---|---|---|
| 字串 | 是 | data-src="https://example.com/onetap_iframe.html" |
版面配置
這項屬性是 AMP 元件的版面配置，也是 AMP 元件的必填屬性。如果是 <amp-onetap-google> 元件，則僅允許使用「nodisplay」。詳情請參閱下表：
| 類型 | 必要 | 範例 |
|---|---|---|
| 字串 | 是 | layout="nondisplay" |