Warning: This data is provided under the Google User Data Policy. Please review and comply with the policy. Failure to do so might result in project or account suspension.

Display One Tap in AMP pages

Stay organized with collections Save and categorize content based on your preferences.

To add One Tap to your Accelerated Mobile Pages,

  1. Add One Tap into an intermediate Iframe hosted by your own website.

  2. Embed the intermediate iframe, instead of One Tap, into your AMP pages via the component.

Place the following code snippet into any AMP pages that you want Google One Tap to display:

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

Set the data-src attribute to the URI of your intermediate iframe.