The AMP One Tap component is deprecated. This means that new web apps shouldn't use this component, and developers of the existing apps should follow the
migration guide to make any necessary changes to avoid negative impacts for user sign-in to their websites.
Send feedback
AMP Component API reference
Stay organized with collections
Save and categorize content based on your preferences.
This reference page describes the API of the <amp-onetap-google>
AMP
component.
See the Integrate One Tap using an Iframe guide to learn how to use
intermediate iframes.
Load the <amp-onetap-google>
AMP Component
Place the following code snippet into any AMP pages where you want to use the
<amp-onetap-google>
AMP Component:
<script custom - element = "amp - onetap - google " src = "https : //cdn.ampproject.org/v0/amp-onetap-google-0.1.js" async></script>
The <amp-onetap-google>
AMP Component
The following table lists the data attributes with their descriptions:
Attribute
data-src
The URI of your One Tap intermediate iframe
layout
The layout of the AMP component. Only "nodisplay" is allowed.
data-src
This attribute is the URI of your One Tap intermediate iframe. See the following
table for further information:
Type
Required
Example
string
Yes
data-src="https://example.com/onetap_iframe.html"
layout
This attribute is the layout of the AMP component, which is a required attribute
of AMP components. For the <amp-onetap-google>
component, only
"nodisplay" is allowed. See the following table for further information:
Type
Required
Example
string
Yes
layout="nondisplay"
Send feedback
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License , and code samples are licensed under the Apache 2.0 License . For details, see the Google Developers Site Policies . Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2024-04-11 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Missing the information I need"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Too complicated / too many steps"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Out of date"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Samples / code issue"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Other"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Easy to understand"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Solved my problem"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Other"
}]
Need to tell us more?
{"lastModified": "Last updated 2024-04-11 UTC."}
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-04-11 UTC."]]