本參考頁面說明 <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" |