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 themigration guideto make any necessary changes to avoid negative impacts for user sign-in to their websites.
[[["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 2025-05-19 UTC."],[[["\u003cp\u003eGoogle One Tap can be integrated into Accelerated Mobile Pages (AMP) using an intermediate iframe hosted on your website.\u003c/p\u003e\n"],["\u003cp\u003eInstead of directly embedding One Tap, embed this intermediate iframe into your AMP pages using the \u003ccode\u003e<amp-onetap-google>\u003c/code\u003e component.\u003c/p\u003e\n"],["\u003cp\u003eYou need to include a specific script tag and the \u003ccode\u003e<amp-onetap-google>\u003c/code\u003e tag within your AMP pages, pointing the \u003ccode\u003edata-src\u003c/code\u003e attribute to your iframe's URL, for One Tap to function correctly.\u003c/p\u003e\n"]]],[],null,["# Display One Tap in AMP pages\n\nTo add One Tap to your Accelerated Mobile Pages,\n\n1. Add One Tap into an intermediate Iframe hosted by your own website.\n\n2. Embed the intermediate iframe, instead of One Tap, into your AMP pages using\n the `\u003camp-onetap-google\u003e` component.\n\n| **Note:** See the [Integrate One Tap using an Iframe](/identity/gsi/web/amp/intermediate-iframe) section for more.\n\nPlace the following code snippet into any AMP pages that you want Google One\nTap to display: \n\n \u003cscript custom-element=\"amp-onetap-google\" src=\"https://cdn.ampproject.org/v0/amp-onetap-google-0.1.js\" async\u003e\u003c/script\u003e\n \u003camp-onetap-google\n layout=\"nodisplay\"\n data-src=\"https://example.com/onetap_iframe.html\"\u003e\n \u003c/amp-onetap-google\u003e\n\nSet the `data-src` attribute to the URI of your intermediate iframe."]]
