このリファレンス ページでは、<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" |
レイアウト
この属性は AMP コンポーネントのレイアウトです。これは AMP コンポーネントの必須属性です。<amp-onetap-google> コンポーネントでは、「nodisplay」のみが許可されます。詳しくは、以下の表をご覧ください。
| タイプ | 必須 | 例 |
|---|---|---|
| 文字列 | はい | layout="nondisplay" |