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.
Handle credential responses with JavaScript functions
Stay organized with collections
Save and categorize content based on your preferences.
Handle credential response
You can set a JavaScript function in the data-callback attribute to handle the
returned credential response. See the following code snippet:
<divid="g_id_onload"
data-client_id="YOUR_GOOGLE_CLIENT_ID"
data-callback="handleCredentialResponse">
</div>
<script>
functionhandleCredentialResponse(response){// decodeJwtResponse() is a custom function defined by you// to decode the credential response.constresponsePayload=decodeJwtResponse(response.credential);console.log("ID: " +responsePayload.sub);console.log('FullName: ' +responsePayload.name);console.log('GivenName: ' +responsePayload.given_name);console.log('FamilyName: ' +responsePayload.family_name);console.log("ImageURL: " +responsePayload.picture);console.log("Email: " +responsePayload.email);}
</script>