One Tap auf AMP-Seiten anzeigen

So fügst du One Tap zu deinen Accelerated Mobile Pages hinzu:

  1. Fügen Sie One Tap in einen zwischengeschalteten iFrame ein, der auf Ihrer eigenen Website gehostet wird.

  2. Betten Sie den dazwischenliegenden iFrame anstelle von One Tap mithilfe der Komponente <amp-onetap-google> in Ihre AMP-Seiten ein.

Füge das folgende Code-Snippet auf allen AMP-Seiten ein, die von Google One Tap angezeigt werden sollen:

<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>

Legen Sie für das Attribut data-src den URI des Zwischen-iFrames fest.