このリファレンス ページでは、<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」のみを指定できます。 |
data-src
この属性は、ワンタップの中間 iframe の URI です。詳しくは、次の表をご覧ください。
| タイプ | 必須 | 例 |
|---|---|---|
| 文字列 | はい | data-src="https://example.com/onetap_iframe.html" |
layout
この属性は、AMP コンポーネントの必須属性である AMP コンポーネントのレイアウトです。<amp-onetap-google> コンポーネントの場合、「nodisplay」のみが許可されます。詳しくは、次の表をご覧ください。
| タイプ | 必須 | 例 |
|---|---|---|
| 文字列 | はい | layout="nondisplay" |