AMP ページにワンタップを表示する

Accelerated Mobile Pages にワンタップを追加するには、

  1. 独自のウェブサイトでホストされている中間 iframe にワンタップを追加します。

  2. <amp-onetap-google> コンポーネントを使用して、One Tap ではなく中間 iframe を AMP ページに埋め込みます。

で確認できます。

Google One でデプロイする AMP ページに次のコード スニペットを配置します。 タップして表示:

<script custom-element="amp-onetap-google" src="https://cdn.ampproject.org/v0/amp-onetap-google-0.1.js" async></script>
<amp-onetap-google
  layout="nodisplay"
  data-src="https://example.com/onetap_iframe.html">
</amp-onetap-google>

data-src 属性を中間 iframe の URI に設定します。