Google Identity Services is migrating to FedCM APIs. Follow the
migration guide to review potential changes and avoid negative impacts for user sign-in to your website.
Send feedback
Toggle outside tap to close One Tap
Stay organized with collections
Save and categorize content based on your preferences.
Objective: If the default login flow doesn't meet your requirements, you can
customize it in several ways. Read the following information for available
customization options.
By default, the One Tap prompt closes automatically if the user clicks outside
of the prompt. You can disable this behavior if you set the
data-cancel_on_tap_outside
attribute to false
. See the following code
example:
<div id = "g_id_onload"
data - client_id = "YOUR_GOOGLE_CLIENT_ID "
data - login_uri = "https://your.domain/your_login_endpoint "
data - cancel_on_tap_outside = "false" >
</ div >
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 2023-08-21 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 2023-08-21 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 2023-08-21 UTC."]]