{ "query": "i'm a newbie so can you pls tell me what to do when i want to add this one tap feature in my app for web?", "namespace": "6856539a-ee00-4682-84a8-56520ee3c9e2", "messages": [ { "role": "assistant", "content": "\ud83e\udd16\u2728 Hallo, ich bin Simon, Ihr pers\u00f6nlicher Assistent! \ud83c\udf1f Wie kann ich Ihnen heute behilflich sein? Lassen Sie uns gemeinsam Ihre Fragen kl\u00e4ren, Herausforderungen meistern und Ihre Ziele erreichen! Einfach fragen, und ich bin f\u00fcr Sie da.\n\ni'm a newbie so can you pls tell me what to do when i want to add this one tap feature in my app for web?\n\n FOR ADDITIONAL CONTEXT:\n\nKnowledgebase name: OneTap (crawlers)\nKnowledgebase files:\n\nKnowledgebases crawlers:\nname: OneTap Jser Exp - url: https://developers.google.com/identity/gsi/web/guides/features\nname: OneTap guide - url: https://developers.google.com/identity/gsi/web/guides/display-google-one-tap" }, { "role": "user", "content": "Can you tell me what this is about?" }, { "role": "assistant", "content": "" }, { "role": "user", "content": "i'm a newbie so can you pls tell me what to do when i want to add this one tap feature in my app for web?" }, { "role": "assistant", "content": "" } ], "stream": true, "language_level": "", "chat_channel": ":4752:1728636708063", "language": "German", "tone": "neutral", "writing_style": "standard", "model": "gemini-1.5-flash", "knowledgebase": "ki-dev-large", "seed": 1054, "client_id": 1728636708063, "all_context": true, "follow_up_for": null, "knowledgebase_files_count": 2, "override_command": null, "disable_clarity_check": false, "custom_primer": "", "logging": true, "query_route": "" } INITIALIZATION Knowledgebase: ki-dev-large Base Query: i'm a newbie so can you pls tell me what to do when i want to add this one tap feature in my app for web? Model: gemini-1.5-flash **Elapsed Time: 0.00 seconds** ROUTING Query type: summary **Elapsed Time: 1.73 seconds** RAG PARAMETERS Max Context To Include: 120 Lowest Score to Consider: 0 ================================================== **Elapsed Time: 0.14 seconds** ================================================== VECTOR SEARCH ALGORITHM TO USE Use MMR search?: True Use Similarity search?: False ================================================== **Elapsed Time: 0.10 seconds** ================================================== VECTOR SEARCH DONE ================================================== **Elapsed Time: 1.92 seconds** ================================================== PRIMER Primer: You are Simon, a highly intelligent personal assistant in a system called KIOS. You are a chatbot that can read knowledgebases through the "CONTEXT" that is included in the user's chat message. In the "CONTEXT", prioritize information from data tagged "FEEDBACK:". Your role is to act as an expert at summarization and analysis. In your responses to enterprise users, prioritize clarity, trustworthiness, and appropriate formality. Be honest by admitting when a topic falls outside your scope of knowledge, and suggest alternative avenues for obtaining information when necessary. Make effective use of chat history to avoid redundancy and enhance response relevance, continuously adapting to integrate all necessary details in your interactions. Use as much tokens as possible to provide a detailed response. **Elapsed Time: 0.18 seconds** FINAL QUERY Final Query: CONTEXT: ########## File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: * [Display One Tap across subdomains](/identity/gsi/web/guides/subdomains) * [Toggle the One Tap display with cookies](/identity/gsi/web/guides/toggle-display-with-cookies) * [Change the One Tap prompt position](/identity/gsi/web/guides/change-position) * [Receive notifications on the prompt UI status](/identity/gsi/web/guides/receive-notifications-prompt-ui-status) * [Use the JavaScript API](/identity/gsi/web/guides/use-one-tap-js-api) * [Revoke an ID token](/identity/gsi/web/guides/revoke) * [Display the browser's native credential manager](/identity/gsi/web/guides/display-browsers-native-credential-manager) * [Handle credential responses with JavaScript functions](/identity/gsi/web/guides/handle-credential-responses-js-functions) * [Sign-In on TVs and Limited Input Devices](/identity/gsi/web/guides/devices) * [Integrate One Tap via an Iframe](/identity/gsi/web/amp/intermediate-iframe) * Resources * [Migrate to FedCM](/identity/gsi/web/guides/fedcm-migration) * [Migrating from Google Sign-In](/identity/gsi/web/guides/migration) * [Code Generator](/identity/gsi/web/tools/configurator) * Reference * [HTML API](/identity/gsi/web/reference/html-reference) * [JavaScript API](/identity/gsi/web/reference/js-reference) * [Intermediate Iframe API](/identity/gsi/web/amp/nonamp-reference) * [Intermediate Iframe Support API](/identity/gsi/web/amp/intermediate-support-reference) * [Release Notes](/identity/gsi/web/reference/release-notes) * Deprecated * Google Sign-In * [Deprecation and sunset](/identity/sign-in/web/deprecation-and-sunset) * Basics * [Integrate Google Sign-In](/identity/sign-in/web/sign-in) * [Get Profile Information](/identity/sign-in/web/people) * [Authenticate with a Backend Server](/identity/sign-in/web/backend-auth) * Additional Capabilities #################### File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: Info Chat API ## Page info bug\_reportfullscreen close\_fullscreen close ### On this page * On this page * [Do Not Cover Google One Tap](#do%5Fnot%5Fcover%5Fgoogle%5Fone%5Ftap) #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: ## Show a dialog to prevent unintended clicks **Objective:** It's important that users understand the purpose of One Tap. They should be fully aware of the call to action when they give their consent to create an account, since they must share some personal information, such as their first name, last name, email, and profile picture. One Tap now comes with different security measures to enforce the integrity of the dialog, but some browsers don't support these capabilities. Unsupported browsers include non-Chromium-based ones or those before v75\. In these cases, or if the dialog is covered with other content, a pop-up window is displayed that requests the user's consent to create an account. ## Upgraded UX on ITP browsers Due to[Intelligent Tracking Prevention](https://webkit.org/blog/9521/intelligent-tracking-prevention-2-3/) (ITP), the normal One Tap UX doesn't work on Chrome on iOS, Safari, or Firefox. A different UX is provided instead on these browsers. You have the option to disable this UX on ITP browsers by setting the [data-itp\_support](/identity/gsi/web/reference/html-reference#data-itp%5Fsupport) attribute. The upgraded One Tap UX on ITP browsers begins with a welcome page as shown below. After the user selects Continue, a pop-up window is opened. The UX in the pop-up window is very similar to normal One Tap. When there is no Google session, after the 'Continue' button is clicked, users must first sign in to their Google Account. See[One Tap support on ITP browsers](/identity/gsi/web/guides/itp) for more details. **Note:** To avoid the flashing pop-up issue, auto sign in isn't supported. ## Key user journeys **Note:** Refer to [Automatic sign-in key user journeys](/identity/gsi/web/guides/automatic-sign-in-sign-out#key%5Fuser%5Fjourneys) for the UX flow when automatic sign-in is enabled. The user journeys vary based on the following statuses. #################### File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: * [العربيّة](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=ar) * [فارسی](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=fa) * [हिंदी](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=hi) * [বাংলা](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=bn) * [ภาษาไทย](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=th) * [中文 – 简体](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=zh-cn) * [中文 – 繁體](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=zh-tw) * [日本語](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=ja) * [한국어](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=ko) #################### File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: To make sure end users see all the information displayed, Google One Tap must not be covered by any other content. Otherwise, pop-up windows may be triggered in some cases. Double check your page layout and elements' z-index properties, to make sure Google One Tap is not covered by any other content at any time. The UX flow change may be triggered even when only a single pixel in the borders is covered. **Key Point:** Don't cover Google One Tap by any other content. **Warning:** Don't hide any content of One Tap prompt. Don't obscure the perception that the content of the One Tap prompt is from a Google iframe. Failure to do so may result in project suspension or account suspension. Was this helpful? Send feedback Except as otherwise noted, the content of this page is licensed under the [Creative Commons Attribution 4.0 License](https://creativecommons.org/licenses/by/4.0/), and code samples are licensed under the [Apache 2.0 License](https://www.apache.org/licenses/LICENSE-2.0). For details, see the [Google Developers Site Policies](https://developers.google.com/site-policies). Java is a registered trademark of Oracle and/or its affiliates. Last updated 2023-09-18 UTC. Need to tell us more? \[\[\["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 2023-09-18 UTC."\],\[\],\[\]\] #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: [ Credential management](https://developers.google.com/identity/credential-management) [](#) * Android * [ Credential Manager ](https://developers.google.com/identity/android-credential-manager) * [ Blockstore ](https://developers.google.com/identity/blockstore/android) * [ Digital Asset Links ](https://developers.google.com/identity/smartlock-passwords/android/associate-apps-and-sites) * [ Android autofill framework ](https://developer.android.com/guide/topics/text/autofill) * Web * [ Autocomplete ](https://web.dev/sign-in-form-best-practices/) * Cross-platform * [ Seamless credential sharing ](https://developers.google.com/identity/credential-sharing) [ Credential verification](https://developers.google.com/identity/credential-verification) [](#) * Android * [ Verify users by SMS ](https://developers.google.com/identity/sms-retriever/overview) * [ Phone Number Hint ](https://developers.google.com/identity/phone-number-hint/android) * Web * [ Verify phone numbers on the web ](https://web.dev/web-otp/) [More](#) / #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: ## Globally opt out Users can opt out of One Tap if they disable the Google Account sign-in prompts flag in the [Apps with access to your account](https://myaccount.google.com/permissions) page. The opted-out sessions aren't shown in One Tap. If all Google sessions are opted out, One Tap doesn't display. If a user disables third-party sign-in on browsers with [FedCM enabled](/identity/gsi/web/guides/overview#federated%5Fcredential%5Fmanager%5Ffedcm), One Tap is not displayed. In Chrome settings under the Privacy and Security section users control the display of [third-party sign-in](https://support.google.com/chrome/answer/14264742) prompts either globally or for individual sites. ## Exponential cooldown If the user closes the One Tap prompt manually, the One Tap prompt is suppressed. A user closes One Tap when they tap **Close** close in the top-right corner of the prompt, after which One Tap wouldn't display in the same browser or the last website visited for a period of time. The following exponential time periods are used for cooldowns when FedCM is**not** enabled: | Consecutive times closed | Time period that One Tap is disabled | | ------------------------ | ------------------------------------ | | 1 | Two hours | | 2 | One day | | 3 | One week | | 4+ | Four weeks | The cooldown status resets after a successful sign-in using One Tap or the Sign in with Google button. When FedCM is enabled, browser vendors may define their own, different, cooldown time periods. **Note:** When FedCM is enabled, Chrome users can reset cooldown status by clicking on the lock icon in the address bar and clicking the _Reset Permission_ button. ## Auto-dismissal on mobile browsers On **mobile** browsers, and when FedCM is not enabled, Google One Tap closes automatically after a short time period unless the user directly interacts with the One Tap UI. The threshold for auto-dismissal is 90 seconds. This is subject to change. **Note:** Auto-dismissal doesn't trigger a cooldown. Auto-dismissal doesn't happen on desktop, iPad, and tablet browsers. ## Show a dialog to prevent unintended clicks #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: API ## Page info bug\_reportfullscreen close\_fullscreen close ### On this page * On this page * [Globally opt out](#globally%5Fopt%5Fout) * [Exponential cooldown](#exponential%5Fcooldown) * [Auto-dismissal on mobile browsers](#auto-dismissal%5Fon%5Fmobile%5Fbrowsers) * [Show a dialog to prevent unintended clicks](#dialog-to-prevent-unintended-clicks) * [Upgraded UX on ITP browsers](#upgraded%5Fux%5Fon%5Fitp%5Fbrowsers) * [Key user journeys](#key%5Fuser%5Fjourneys) * [Single-session new user journey](#single-session%5Fnew%5Fuser%5Fjourney) * [Single-session returning user journey](#single-session%5Freturning%5Fuser%5Fjourney) * [Multiple-session new user journey](#multiple-session%5Fnew%5Fuser%5Fjourney) * [Multiple-session returning user journey](#multiple-session%5Freturning%5Fuser%5Fjourney) #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: Last updated 2024-02-28 UTC. Need to tell us more? \[\[\["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-02-28 UTC."\],\[\],\[\]\] * [ GitHub ](//github.com/googlesamples/google-services) Fork our samples and try them yourself * [ Stack Overflow ](//stackoverflow.com/questions/tagged/google-signin) Ask a question under the google-signin tag * [ Blog ](//googledevelopers.blogspot.com/search/label/sign-in) The latest news on the Google Developers blog * [ Chromium Blog ](https://blog.chromium.org) The latest news on the Chromium blog. * ### Product Info * [ Terms of Service](/terms) * [ Branding Guidelines](/identity/branding-guidelines) * ### Help * [ Sign In With Google](//stackoverflow.com/questions/tagged/google-signin) * [ Google Identity](//stackoverflow.com/questions/tagged/google-identity) * ### Developer consoles * [ Google API Console](//console.developers.google.com) * [ Google Cloud Platform Console](//console.cloud.google.com) * [ Google Play Console](//play.google.com/apps/publish) * [ Firebase Console](//console.firebase.google.com) * [ Actions on Google Console](//console.actions.google.com) * [ Cast SDK Developer Console](//cast.google.com/publish) * [ Chrome Web Store Dashboard](//chrome.google.com/webstore/developer/dashboard) * [ Google Home Developer Console](//console.home.google.com) #################### File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: Google Identity Services is migrating to FedCM APIs. Follow the [migration guide](/identity/gsi/web/guides/fedcm-migration) to review potential changes and avoid negative impacts for user sign-in to your website. * [ Home](https://developers.google.com/) * [ Products](https://developers.google.com/products) * [ Google Identity](https://developers.google.com/identity) * [ Authentication](https://developers.google.com/identity/authentication) * [ Sign In with Google for Web](https://developers.google.com/identity/gsi/web/guides/overview) Was this helpful? Send feedback # Display Google One Tap bookmark\_borderbookmark Stay organized with collections Save and categorize content based on your preferences. * On this page * [Do Not Cover Google One Tap](#do%5Fnot%5Fcover%5Fgoogle%5Fone%5Ftap) Place the following code snippet into any pages where you want Google One Tap displayed: ```
``` The `data-login_uri` attribute is the URI of the login endpoint of your own web app. You can add custom data attributes, which are sent to your login endpoint with the ID token retrieved from Google. For the full list of data attributes, see the [g\_id\_onload reference](/identity/gsi/web/reference/html-reference#element%5Fwith%5Fid%5Fg%5Fid%5Fonload) page. **Key Point:** The [Code Generator](/identity/gsi/web/tools/configurator)developer tool can help you customize Google One Tap interactively and generate the code. ## Do Not Cover Google One Tap This section only applies when FedCM is disabled, when FedCM is enabled the browser displays user prompts on top of page content. #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: The user journeys vary based on the following statuses. * Session status on Google websites. The following terms are used to indicate different Google session status when the user journey starts. * Single-session: There is exactly one active session on Google websites. * Multiple-session: There are more than one active sessions on Google websites. **Key Point:** One Tap is not shown if there is no active session on Google websites. * Whether the selected Google Account has approved your website when the user journey starts. The following terms are used to indicate different approval status. * New user: The selected account hasn't approved your website. * Returning user: The selected account has approved your website before. ### Single-session new user journey 1. The new user consent page. 2. The second confirmation dialog in a pop-up window for non-Chromium browsers. 3. After users confirm, an ID token is shared with your website. ### Single-session returning user journey 1. The returning user page. 2. After users click the button, an ID token is shared with your website. ### Multiple-session new user journey 1. The account chooser page. 2. The consent page. For non-Chromium browsers, this confirmation dialog is displayed in a pop-up window: 3. After user consent, an ID token is shared with your website. ### Multiple-session returning user journey 1. The account chooser page. 2. After users select a returning account, an ID token is shared with your website. Was this helpful? Send feedback Except as otherwise noted, the content of this page is licensed under the [Creative Commons Attribution 4.0 License](https://creativecommons.org/licenses/by/4.0/), and code samples are licensed under the [Apache 2.0 License](https://www.apache.org/licenses/LICENSE-2.0). For details, see the [Google Developers Site Policies](https://developers.google.com/site-policies). Java is a registered trademark of Oracle and/or its affiliates. Last updated 2024-02-28 UTC. #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: Google Identity Services is migrating to FedCM APIs. Follow the [migration guide](/identity/gsi/web/guides/fedcm-migration) to review potential changes and avoid negative impacts for user sign-in to your website. * [ Home](https://developers.google.com/) * [ Products](https://developers.google.com/products) * [ Google Identity](https://developers.google.com/identity) * [ Authentication](https://developers.google.com/identity/authentication) * [ Sign In with Google for Web](https://developers.google.com/identity/gsi/web/guides/overview) Was this helpful? Send feedback # Understand the One Tap user experience bookmark\_borderbookmark Stay organized with collections Save and categorize content based on your preferences. * On this page * [Globally opt out](#globally%5Fopt%5Fout) * [Exponential cooldown](#exponential%5Fcooldown) * [Auto-dismissal on mobile browsers](#auto-dismissal%5Fon%5Fmobile%5Fbrowsers) * [Show a dialog to prevent unintended clicks](#dialog-to-prevent-unintended-clicks) * [Upgraded UX on ITP browsers](#upgraded%5Fux%5Fon%5Fitp%5Fbrowsers) * [Key user journeys](#key%5Fuser%5Fjourneys) * [Single-session new user journey](#single-session%5Fnew%5Fuser%5Fjourney) * [Single-session returning user journey](#single-session%5Freturning%5Fuser%5Fjourney) * [Multiple-session new user journey](#multiple-session%5Fnew%5Fuser%5Fjourney) * [Multiple-session returning user journey](#multiple-session%5Freturning%5Fuser%5Fjourney) This guide contains detailed descriptions of the One Tap user experience, including when One Tap is or is not displayed and user session behaviors. ## Globally opt out #################### File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: * [ Terms](/terms/site-terms) * [ Privacy](//policies.google.com/privacy) * [ Manage cookies](#) * Sign up for the Google for Developers newsletter [ Subscribe](/newsletter/subscribe) * [English](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap) * [Deutsch](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=de) * [Español](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=es) * [Español – América Latina](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=es-419) * [Français](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=fr) * [Indonesia](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=id) * [Italiano](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=it) * [Polski](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=pl) * [Português – Brasil](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=pt-br) * [Tiếng Việt](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=vi) * [Türkçe](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=tr) * [Русский](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=ru) * [עברית](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=he) #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: * Get started * [Overview](/identity/gsi/web/guides/overview) * [Features](/identity/gsi/web/guides/offerings) * [Integration considerations](/identity/gsi/web/guides/integrate) * [Supported browsers](/identity/gsi/web/guides/supported-browsers) * [Setup](/identity/gsi/web/guides/get-google-api-clientid) * [Load the client library](/identity/gsi/web/guides/client-library) * [Generate the integration code](/identity/gsi/web/tools/configurator) * Case studies * [Overview](/identity/sign-in/case-studies) * [Pinterest](/identity/sign-in/case-studies/pinterest) * [Reddit](/identity/sign-in/case-studies/reddit) * [Iron Company](/identity/sign-in/case-studies/iron-company) * [eBay](/identity/sign-in/case-studies/ebay) * [vikatan](/identity/sign-in/case-studies/vikatan) * [The News Minute](/identity/sign-in/case-studies/the-news-minute) * Sign in With Google button * [Understand personalized button](/identity/gsi/web/guides/personalized-button) * [Display the Sign in With Google button](/identity/gsi/web/guides/display-button) * One Tap guides * [Understand the One Tap user experience](/identity/gsi/web/guides/features) * [Automatic sign-in and sign-out](/identity/gsi/web/guides/automatic-sign-in-sign-out) * [Display the One Tap prompt](/identity/gsi/web/guides/display-google-one-tap) * [One Tap on ITP browsers](/identity/gsi/web/guides/itp) * Advanced topics * [Verify the Google ID token on your server side](/identity/gsi/web/guides/verify-google-id-token) * [Toggle outside tap to close One Tap](/identity/gsi/web/guides/toggle-outside-tap) * [Change the One Tap sign-in context](/identity/gsi/web/guides/change-sign-in-context) #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: * Additional Capabilities * [Customize the Sign-In Button](/identity/sign-in/web/build-button) * [Monitor the User's Session State](/identity/sign-in/web/session-state) * [Request Additional Permissions](/identity/sign-in/web/incremental-auth) * [Integrate Sign-In Using Listeners](/identity/sign-in/web/listeners) * [Google Sign-In for Server-Side Apps](/identity/sign-in/web/server-side-flow) * [Disconnect and Revoke Scopes](/identity/sign-in/web/disconnect) * Cross-Platform Integration * [Cross-Platform Single Sign-In](/identity/sign-in/web/cross-platform-sign-in) * Resources * [Troubleshooting](/identity/sign-in/web/troubleshooting) * [Migrate from Google+ Sign-In](/identity/sign-in/web/quick-migration-guide) * Reference * [JavaScript Client Reference](/identity/sign-in/web/reference) * Accelerated Mobile Pages * [Display One Tap in AMP pages](/identity/gsi/web/amp/amp) * [AMP Component API](/identity/gsi/web/amp/amp-reference) * Sign In with Google SDKs * [ Credential Manager for Android ](/identity/android-credential-manager) * [ Sign In with Google for Web (including One Tap) ](/identity/gsi/web/guides/overview) * [ Google Sign-In for iOS and macOS ](/identity/sign-in/ios/start) * Industry standards * [ Passkeys ](/identity/passkeys) * [ OpenID Connect ](/identity/openid-connect/openid-connect) * Legacy Sign In * [ One Tap sign-up/sign-in for Android ](/identity/one-tap/android/overview) * [ Google Sign-In for Android ](/identity/sign-in/android/legacy-start-integrating) * [ Google Sign-In for Web ](/identity/sign-in/web/sign-in) * Call Google APIs * [ Authorizing for Android ](/identity/sign-in/android/authorize-access) * [ Authorizing for Web ](/identity/oauth2/web/guides/overview) #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: [More](#) / * [English](https://developers.google.com/identity/gsi/web/guides/features) * [Deutsch](https://developers.google.com/identity/gsi/web/guides/features?hl=de) * [Español](https://developers.google.com/identity/gsi/web/guides/features?hl=es) * [Français](https://developers.google.com/identity/gsi/web/guides/features?hl=fr) * [Indonesia](https://developers.google.com/identity/gsi/web/guides/features?hl=id) * [Português – Brasil](https://developers.google.com/identity/gsi/web/guides/features?hl=pt-br) * [Русский](https://developers.google.com/identity/gsi/web/guides/features?hl=ru) * [中文 – 简体](https://developers.google.com/identity/gsi/web/guides/features?hl=zh-cn) * [日本語](https://developers.google.com/identity/gsi/web/guides/features?hl=ja) * [한국어](https://developers.google.com/identity/gsi/web/guides/features?hl=ko) [ Sign in](https://developers.google.com/%5Fd/signin?continue=https%3A%2F%2Fdevelopers.google.com%2Fidentity%2Fgsi%2Fweb%2Fguides%2Ffeatures&prompt=select%5Faccount) * [ Authentication](https://developers.google.com/identity/authentication) [ Credential Manager for Android](https://developers.google.com/identity/android-credential-manager) [ Sign In with Google for Web](https://developers.google.com/identity/gsi/web/guides/overview) [ Google Sign-In for iOS and macOS](https://developers.google.com/identity/sign-in/ios/start-integrating) [ Passkeys](https://developers.google.com/identity/passkeys) [ OpenID Connect](https://developers.google.com/identity/openid-connect/openid-connect) [More](#) #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: [ ](https://developers.google.com/) * [ Android](//developer.android.com) * [ Chrome](//developer.chrome.com/home) * [ Firebase](//firebase.google.com) * [ Google Cloud Platform](//cloud.google.com) * [ Google AI](//ai.google.dev/) * [ All products](/products) * [ Terms](/terms/site-terms) * [ Privacy](//policies.google.com/privacy) * [ Manage cookies](#) * Sign up for the Google for Developers newsletter [ Subscribe](/newsletter/subscribe) * [English](https://developers.google.com/identity/gsi/web/guides/features) * [Deutsch](https://developers.google.com/identity/gsi/web/guides/features?hl=de) * [Español](https://developers.google.com/identity/gsi/web/guides/features?hl=es) * [Français](https://developers.google.com/identity/gsi/web/guides/features?hl=fr) * [Indonesia](https://developers.google.com/identity/gsi/web/guides/features?hl=id) * [Português – Brasil](https://developers.google.com/identity/gsi/web/guides/features?hl=pt-br) * [Русский](https://developers.google.com/identity/gsi/web/guides/features?hl=ru) * [中文 – 简体](https://developers.google.com/identity/gsi/web/guides/features?hl=zh-cn) * [日本語](https://developers.google.com/identity/gsi/web/guides/features?hl=ja) * [한국어](https://developers.google.com/identity/gsi/web/guides/features?hl=ko) Info Chat API ## Page info bug\_reportfullscreen close\_fullscreen close ### On this page #################### File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: * [English](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap) * [Deutsch](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=de) * [Español](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=es) * [Español – América Latina](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=es-419) * [Français](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=fr) * [Indonesia](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=id) * [Italiano](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=it) * [Polski](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=pl) * [Português – Brasil](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=pt-br) * [Tiếng Việt](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=vi) * [Türkçe](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=tr) * [Русский](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=ru) * [עברית](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=he) * [العربيّة](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=ar) #################### File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: * [ Authorizing for Web ](/identity/oauth2/web/guides/overview) * [ Authorizing for iOS/macOS ](/identity/sign-in/ios/api-access) * [ Using OAuth 2.0 ](/identity/protocols/oauth2) * Share data with Google apps and devices * [ Google Account Linking ](/identity/account-linking) * Android * [ Credential Manager ](/identity/android-credential-manager) * [ Blockstore ](/identity/blockstore/android) * [ Digital Asset Links ](/identity/smartlock-passwords/android/associate-apps-and-sites) * [ Android autofill framework ](https://developer.android.com/guide/topics/text/autofill) * Web * [ Autocomplete ](https://web.dev/sign-in-form-best-practices/) * Cross-platform * [ Seamless credential sharing ](/identity/credential-sharing) * Android * [ Verify users by SMS ](/identity/sms-retriever/overview) * [ Phone Number Hint ](/identity/phone-number-hint/android) * Web * [ Verify phone numbers on the web ](https://web.dev/web-otp/) #################### File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: developers.google.com uses cookies from Google to deliver and enhance the quality of its services and to analyze traffic. [Learn more](https://policies.google.com/technologies/cookies?hl=en). Hide * [ Google Identity](https://developers.google.com/identity) [ Authentication](https://developers.google.com/identity/authentication) [](#) * Sign In with Google SDKs * [ Credential Manager for Android ](https://developers.google.com/identity/android-credential-manager) * [ Sign In with Google for Web (including One Tap) ](https://developers.google.com/identity/gsi/web/guides/overview) * [ Google Sign-In for iOS and macOS ](https://developers.google.com/identity/sign-in/ios/start) * Industry standards * [ Passkeys ](https://developers.google.com/identity/passkeys) * [ OpenID Connect ](https://developers.google.com/identity/openid-connect/openid-connect) * Legacy Sign In * [ One Tap sign-up/sign-in for Android ](https://developers.google.com/identity/one-tap/android/overview) * [ Google Sign-In for Android ](https://developers.google.com/identity/sign-in/android/legacy-start-integrating) * [ Google Sign-In for Web ](https://developers.google.com/identity/sign-in/web/sign-in) [ Authorization](https://developers.google.com/identity/authorization) [](#) * Call Google APIs * [ Authorizing for Android ](https://developers.google.com/identity/sign-in/android/authorize-access) * [ Authorizing for Web ](https://developers.google.com/identity/oauth2/web/guides/overview) * [ Authorizing for iOS/macOS ](https://developers.google.com/identity/sign-in/ios/api-access) * [ Using OAuth 2.0 ](https://developers.google.com/identity/protocols/oauth2) * Share data with Google apps and devices * [ Google Account Linking ](https://developers.google.com/identity/account-linking) [ Credential management](https://developers.google.com/identity/credential-management) [](#) #################### File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: [ Sign in](https://developers.google.com/%5Fd/signin?continue=https%3A%2F%2Fdevelopers.google.com%2Fidentity%2Fgsi%2Fweb%2Fguides%2Fdisplay-google-one-tap&prompt=select%5Faccount) * [ Authentication](https://developers.google.com/identity/authentication) [ Credential Manager for Android](https://developers.google.com/identity/android-credential-manager) [ Sign In with Google for Web](https://developers.google.com/identity/gsi/web/guides/overview) [ Google Sign-In for iOS and macOS](https://developers.google.com/identity/sign-in/ios/start-integrating) [ Passkeys](https://developers.google.com/identity/passkeys) [ OpenID Connect](https://developers.google.com/identity/openid-connect/openid-connect) [More](#) * [ Google Identity](https://developers.google.com/identity) * [ Authentication ](/identity/authentication) * More * [ Credential Manager for Android ](/identity/android-credential-manager) * [ Sign In with Google for Web ](/identity/gsi/web/guides/overview) * [ Google Sign-In for iOS and macOS ](/identity/sign-in/ios/start-integrating) * [ Passkeys ](/identity/passkeys) * [ OpenID Connect ](/identity/openid-connect/openid-connect) * [ Authorization ](/identity/authorization) * More * [ Credential management ](/identity/credential-management) * More * [ Credential verification ](/identity/credential-verification) * More #################### File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: * [فارسی](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=fa) * [हिंदी](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=hi) * [বাংলা](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=bn) * [ภาษาไทย](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=th) * [中文 – 简体](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=zh-cn) * [中文 – 繁體](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=zh-tw) * [日本語](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=ja) * [한국어](https://developers.google.com/identity/gsi/web/guides/display-google-one-tap?hl=ko) #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: * [Display One Tap across subdomains](/identity/gsi/web/guides/subdomains) * [Toggle the One Tap display with cookies](/identity/gsi/web/guides/toggle-display-with-cookies) * [Change the One Tap prompt position](/identity/gsi/web/guides/change-position) * [Receive notifications on the prompt UI status](/identity/gsi/web/guides/receive-notifications-prompt-ui-status) * [Use the JavaScript API](/identity/gsi/web/guides/use-one-tap-js-api) * [Revoke an ID token](/identity/gsi/web/guides/revoke) * [Display the browser's native credential manager](/identity/gsi/web/guides/display-browsers-native-credential-manager) * [Handle credential responses with JavaScript functions](/identity/gsi/web/guides/handle-credential-responses-js-functions) * [Sign-In on TVs and Limited Input Devices](/identity/gsi/web/guides/devices) * [Integrate One Tap via an Iframe](/identity/gsi/web/amp/intermediate-iframe) * Resources * [Migrate to FedCM](/identity/gsi/web/guides/fedcm-migration) * [Migrating from Google Sign-In](/identity/gsi/web/guides/migration) * [Code Generator](/identity/gsi/web/tools/configurator) * Reference * [HTML API](/identity/gsi/web/reference/html-reference) * [JavaScript API](/identity/gsi/web/reference/js-reference) * [Intermediate Iframe API](/identity/gsi/web/amp/nonamp-reference) * [Intermediate Iframe Support API](/identity/gsi/web/amp/intermediate-support-reference) * [Release Notes](/identity/gsi/web/reference/release-notes) * Deprecated * Google Sign-In * [Deprecation and sunset](/identity/sign-in/web/deprecation-and-sunset) * Basics * [Integrate Google Sign-In](/identity/sign-in/web/sign-in) * [Get Profile Information](/identity/sign-in/web/people) * [Authenticate with a Backend Server](/identity/sign-in/web/backend-auth) * Additional Capabilities #################### File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: * Get started * [Overview](/identity/gsi/web/guides/overview) * [Features](/identity/gsi/web/guides/offerings) * [Integration considerations](/identity/gsi/web/guides/integrate) * [Supported browsers](/identity/gsi/web/guides/supported-browsers) * [Setup](/identity/gsi/web/guides/get-google-api-clientid) * [Load the client library](/identity/gsi/web/guides/client-library) * [Generate the integration code](/identity/gsi/web/tools/configurator) * Case studies * [Overview](/identity/sign-in/case-studies) * [Pinterest](/identity/sign-in/case-studies/pinterest) * [Reddit](/identity/sign-in/case-studies/reddit) * [Iron Company](/identity/sign-in/case-studies/iron-company) * [eBay](/identity/sign-in/case-studies/ebay) * [vikatan](/identity/sign-in/case-studies/vikatan) * [The News Minute](/identity/sign-in/case-studies/the-news-minute) * Sign in With Google button * [Understand personalized button](/identity/gsi/web/guides/personalized-button) * [Display the Sign in With Google button](/identity/gsi/web/guides/display-button) * One Tap guides * [Understand the One Tap user experience](/identity/gsi/web/guides/features) * [Automatic sign-in and sign-out](/identity/gsi/web/guides/automatic-sign-in-sign-out) * [Display the One Tap prompt](/identity/gsi/web/guides/display-google-one-tap) * [One Tap on ITP browsers](/identity/gsi/web/guides/itp) * Advanced topics * [Verify the Google ID token on your server side](/identity/gsi/web/guides/verify-google-id-token) * [Toggle outside tap to close One Tap](/identity/gsi/web/guides/toggle-outside-tap) * [Change the One Tap sign-in context](/identity/gsi/web/guides/change-sign-in-context) #################### File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: * Additional Capabilities * [Customize the Sign-In Button](/identity/sign-in/web/build-button) * [Monitor the User's Session State](/identity/sign-in/web/session-state) * [Request Additional Permissions](/identity/sign-in/web/incremental-auth) * [Integrate Sign-In Using Listeners](/identity/sign-in/web/listeners) * [Google Sign-In for Server-Side Apps](/identity/sign-in/web/server-side-flow) * [Disconnect and Revoke Scopes](/identity/sign-in/web/disconnect) * Cross-Platform Integration * [Cross-Platform Single Sign-In](/identity/sign-in/web/cross-platform-sign-in) * Resources * [Troubleshooting](/identity/sign-in/web/troubleshooting) * [Migrate from Google+ Sign-In](/identity/sign-in/web/quick-migration-guide) * Reference * [JavaScript Client Reference](/identity/sign-in/web/reference) * Accelerated Mobile Pages * [Display One Tap in AMP pages](/identity/gsi/web/amp/amp) * [AMP Component API](/identity/gsi/web/amp/amp-reference) * Sign In with Google SDKs * [ Credential Manager for Android ](/identity/android-credential-manager) * [ Sign In with Google for Web (including One Tap) ](/identity/gsi/web/guides/overview) * [ Google Sign-In for iOS and macOS ](/identity/sign-in/ios/start) * Industry standards * [ Passkeys ](/identity/passkeys) * [ OpenID Connect ](/identity/openid-connect/openid-connect) * Legacy Sign In * [ One Tap sign-up/sign-in for Android ](/identity/one-tap/android/overview) * [ Google Sign-In for Android ](/identity/sign-in/android/legacy-start-integrating) * [ Google Sign-In for Web ](/identity/sign-in/web/sign-in) * Call Google APIs * [ Authorizing for Android ](/identity/sign-in/android/authorize-access) * [ Authorizing for Web ](/identity/oauth2/web/guides/overview) #################### File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: * [ GitHub ](//github.com/googlesamples/google-services) Fork our samples and try them yourself * [ Stack Overflow ](//stackoverflow.com/questions/tagged/google-signin) Ask a question under the google-signin tag * [ Blog ](//googledevelopers.blogspot.com/search/label/sign-in) The latest news on the Google Developers blog * [ Chromium Blog ](https://blog.chromium.org) The latest news on the Chromium blog. * ### Product Info * [ Terms of Service](/terms) * [ Branding Guidelines](/identity/branding-guidelines) * ### Help * [ Sign In With Google](//stackoverflow.com/questions/tagged/google-signin) * [ Google Identity](//stackoverflow.com/questions/tagged/google-identity) * ### Developer consoles * [ Google API Console](//console.developers.google.com) * [ Google Cloud Platform Console](//console.cloud.google.com) * [ Google Play Console](//play.google.com/apps/publish) * [ Firebase Console](//console.firebase.google.com) * [ Actions on Google Console](//console.actions.google.com) * [ Cast SDK Developer Console](//cast.google.com/publish) * [ Chrome Web Store Dashboard](//chrome.google.com/webstore/developer/dashboard) * [ Google Home Developer Console](//console.home.google.com) [ ](https://developers.google.com/) * [ Android](//developer.android.com) * [ Chrome](//developer.chrome.com/home) * [ Firebase](//firebase.google.com) * [ Google Cloud Platform](//cloud.google.com) * [ Google AI](//ai.google.dev/) * [ All products](/products) #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: * [ Authorizing for Web ](/identity/oauth2/web/guides/overview) * [ Authorizing for iOS/macOS ](/identity/sign-in/ios/api-access) * [ Using OAuth 2.0 ](/identity/protocols/oauth2) * Share data with Google apps and devices * [ Google Account Linking ](/identity/account-linking) * Android * [ Credential Manager ](/identity/android-credential-manager) * [ Blockstore ](/identity/blockstore/android) * [ Digital Asset Links ](/identity/smartlock-passwords/android/associate-apps-and-sites) * [ Android autofill framework ](https://developer.android.com/guide/topics/text/autofill) * Web * [ Autocomplete ](https://web.dev/sign-in-form-best-practices/) * Cross-platform * [ Seamless credential sharing ](/identity/credential-sharing) * Android * [ Verify users by SMS ](/identity/sms-retriever/overview) * [ Phone Number Hint ](/identity/phone-number-hint/android) * Web * [ Verify phone numbers on the web ](https://web.dev/web-otp/) #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: * [ Google Identity](https://developers.google.com/identity) * [ Authentication ](/identity/authentication) * More * [ Credential Manager for Android ](/identity/android-credential-manager) * [ Sign In with Google for Web ](/identity/gsi/web/guides/overview) * [ Google Sign-In for iOS and macOS ](/identity/sign-in/ios/start-integrating) * [ Passkeys ](/identity/passkeys) * [ OpenID Connect ](/identity/openid-connect/openid-connect) * [ Authorization ](/identity/authorization) * More * [ Credential management ](/identity/credential-management) * More * [ Credential verification ](/identity/credential-verification) * More #################### File: developers-google-com-identity-gsi-web-guides-features-58443.txt Page: 1 Context: developers.google.com uses cookies from Google to deliver and enhance the quality of its services and to analyze traffic. [Learn more](https://policies.google.com/technologies/cookies?hl=en). Hide * [ Google Identity](https://developers.google.com/identity) [ Authentication](https://developers.google.com/identity/authentication) [](#) * Sign In with Google SDKs * [ Credential Manager for Android ](https://developers.google.com/identity/android-credential-manager) * [ Sign In with Google for Web (including One Tap) ](https://developers.google.com/identity/gsi/web/guides/overview) * [ Google Sign-In for iOS and macOS ](https://developers.google.com/identity/sign-in/ios/start) * Industry standards * [ Passkeys ](https://developers.google.com/identity/passkeys) * [ OpenID Connect ](https://developers.google.com/identity/openid-connect/openid-connect) * Legacy Sign In * [ One Tap sign-up/sign-in for Android ](https://developers.google.com/identity/one-tap/android/overview) * [ Google Sign-In for Android ](https://developers.google.com/identity/sign-in/android/legacy-start-integrating) * [ Google Sign-In for Web ](https://developers.google.com/identity/sign-in/web/sign-in) [ Authorization](https://developers.google.com/identity/authorization) [](#) * Call Google APIs * [ Authorizing for Android ](https://developers.google.com/identity/sign-in/android/authorize-access) * [ Authorizing for Web ](https://developers.google.com/identity/oauth2/web/guides/overview) * [ Authorizing for iOS/macOS ](https://developers.google.com/identity/sign-in/ios/api-access) * [ Using OAuth 2.0 ](https://developers.google.com/identity/protocols/oauth2) * Share data with Google apps and devices * [ Google Account Linking ](https://developers.google.com/identity/account-linking) [ Credential management](https://developers.google.com/identity/credential-management) [](#) #################### File: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt Page: 1 Context: [ Credential management](https://developers.google.com/identity/credential-management) [](#) * Android * [ Credential Manager ](https://developers.google.com/identity/android-credential-manager) * [ Blockstore ](https://developers.google.com/identity/blockstore/android) * [ Digital Asset Links ](https://developers.google.com/identity/smartlock-passwords/android/associate-apps-and-sites) * [ Android autofill framework ](https://developer.android.com/guide/topics/text/autofill) * Web * [ Autocomplete ](https://web.dev/sign-in-form-best-practices/) * Cross-platform * [ Seamless credential sharing ](https://developers.google.com/identity/credential-sharing) [ Credential verification](https://developers.google.com/identity/credential-verification) [](#) * Android * [ Verify users by SMS ](https://developers.google.com/identity/sms-retriever/overview) * [ Phone Number Hint ](https://developers.google.com/identity/phone-number-hint/android) * Web * [ Verify phone numbers on the web ](https://web.dev/web-otp/) [More](#) / ########## """QUERY: i'm a newbie so can you pls tell me what to do when i want to add this one tap feature in my app for web?""" Consider the chat history for relevant information. Use all information included. If query is already asked in the history double check the correctness of your answer and maybe correct your previous mistake. Use as much tokens as needed but at the same time be as efficient as possible. If you find information separated by a | in the context, it is a table formatted in Markdown - the whole context is formatted as md structure. Important: Take a look at the QUERY and only the QUERY. Please try always to answer the query question. If the client ask for a formatting structure follow his advise.But if the question is vague or unclear ask a follow-up question based on the context. If too many questions were asked already based on the history, just answer the question Final Files Sources: developers-google-com-identity-gsi-web-guides-display-google-one-tap-58444.txt - Page 1, developers-google-com-identity-gsi-web-guides-features-58443.txt - Page 1 ================================================== **Elapsed Time: 0.00 seconds** ================================================== FINAL ANSWER Answer: [Answer was streamed to client] ================================================== **Elapsed Time: 2.48 seconds** ==================================================