How to Connect Google API for Social Login?

Create the Google app and insert the required details in the pop-up box of Google Social Login to enable and use it during log-in and/or user registration.

Create the Google App #

  • Navigate to https://console.developers.google.com/apis/
  • Log in using your Google credentials
  • You will need a project.
    • If you don’t have a project, then you need to create one. Proceed by clicking the blue “Create Project” text on the right.
    • If you already have a project then navigate to the top bar and click the name of the project, which will bring up a modal. Proceed by clicking “New Project“.
AD 4nXfral85itTPIYCae2Yn1GKqDxMlaFtpD5PIxs2kjkj 3QRlRrelNQuBEEApirmRQjHed
AD 4nXfleV0UfnYt2WLZ8RR2PXWhuPw5 jPuqVWVf1U8FDW4tAsUutMVxULslFj00KsKu NBa6PNTbzjx7NdPCNMhSucJRYDpFP5PdPglhst6C j3f4CDKn6X9 QWAunwFi3Q3Es8 wj?key=4NUHmnuD6hPIpJdQtbcrrA
  • Name your project and then click on the “Create” button again.
AD 4nXeQyIpCi4cOI41k3MwITrQPBOHp33KFHOdH n5Iu4XASCtA eU8HqANPA8ite1Ke68d8a6at1lNpDGdd81W1eLy76L0cpcBghH0 DiGlgYIKFUS0Cdh9 ChHjduFiPmqn82DSkq?key=4NUHmnuD6hPIpJdQtbcrrA
  • Once you have a project, you will end up in the dashboard.

    If you already have a Project, make sure you select the created project in the top bar.
  • Click the “OAuth consent screen” button on the left-hand side
  • Choose a User Type according to your needs and press “Create“.
AD 4nXf5PyuMtcGwBmDGGGW
  • If you want to enable the Google Social Login for any users with a Google account, pick the “External” option.
  • In the “App name” field, enter a name for your app. This will appear as the name of the app asking for consent.
  • For the “User support email” field, select an email address that users can use to contact you with questions about their consent.
AD 4nXeVPeKwIrRb6 rJRs61sZ68xvpvpb2u5IKsZyAmhvo7ylSg aEQ0bGR tznTu gSh6Qh80os3eQeZ3MZdK289qIjILXHJ818K1klQjQ9AFFrBO2d0 vZFhWMve5lDEqkKvY3l rzg?key=4NUHmnuD6hPIpJdQtbcrrA
  • Fill in the “Application home page” field with the URL of your homepage (e.g. https://sitename.com)
  • Enter your Privacy Policy and Terms of Service links into the “Application privacy policy link” and “Application terms of service link” fields
AD 4nXeqqJeHDeSNtWHu4UBFKoPCllLFMMkJrGLL6ht54kxhfcK6fMSAP bbLX5V6qXoNxCXT DBS7QsaSE2R0Q51VNBLBbm3 R5mqUC0XtA0W rk6uL3UK6w O40MJ9ut0cBH5A1VDYbg?key=4NUHmnuD6hPIpJdQtbcrrA
  • Under the “Authorized domains” section, click the “Add Domain” button and enter your domain name without subdomains (e.g. bbplatform.ddev.site)
AD 4nXdNVwS bCOJkgODK0Mb8VDMyaka d7XN0hNWQ48Qr3claVUpVkZVOc2UBxc4Tc jR7luFxoHnCbWV6aZ QgOo4cW3iepZQ0oJG BZSo4x3dEJI4cnMgeoEkw3zlyFUHhLNM 37N9w?key=4NUHmnuD6hPIpJdQtbcrrA
  • At the “Developer contact information” section, enter an email address that Google can use to notify you about any changes to your project.
  • Click the “Save and Continue“. Click this again on the “Scopes“, and “Test users” pages.
AD 4nXebUG72xPAJ40u1zkApDN nZ

Create Credentials #

  • On the left side, click on the “Credentials” menu point, then click the “+ Create Credentials” button on the top bar
  • Choose the “OAuth client ID” option
AD 4nXcOuYu4DnyHnkM jNxs1iPYYGKELqu0tlNZYQ2gZRdxb0hd66v7Plzc4bPPZcpH7 gkNV yrPYm398UvtsQCfGWy oDXRNwrWGDjj ui fu2Gq4QECBhs6VB08S Sw AAoyFgqB4w?key=4NUHmnuD6hPIpJdQtbcrrA
  • Select the “Web application” under Application type
  • Enter a “Name” for your OAuth client ID
AD 4nXdQXseeRDUXszCxdcIXowvjE0VhN9JqV5AtX2I5uGHJFlF 7lV8xJFXhW9 Ho xnvJXTd1CstFmsNUr5orvUGTs5iBn6R YWSU8C45HimB13kUF1bi496mW9ZFPUSnsCjk5ztl9?key=4NUHmnuD6hPIpJdQtbcrrA
  • A modal should pop up with your credentials
AD 4nXfx4p6EvbH6nAQpXGMRG7djHE274rWnPIFwMOUgv tPJPaYm9OyU Qcec9Z3U 13Z kqjoSWELYq3moRdluk0O Y0VI3k5XokK3kz bRdnbcXLaUPd QXcYOefg6P9686S319dkvQ?key=4NUHmnuD6hPIpJdQtbcrrA
  • If this doesn’t happen, go to the Credentials in the left-hand menu and select your app by clicking on its name. You can copy and paste the “Client ID” and “Client Secret” from there

Publish the App #

  • At this point, your app is in Testing mode, so only a limited number of people can use it. To allow this app for any user with a Google account:
    • Click on the “OAuth consent screen” option on the left side
    • Then click the “PUBLISH APP” button under the “Publishing status” section
AD 4nXdzSVpPjx5MNv kcY
  •  Lastly, click the “Confirm” button
AD 4nXfRfPC irmseAgVy9 nZ4gSOM7q00Tz8Eo9YBzXR3odS43167uyOXIo8D UVCXwOfz6OzoZ2RK5Fkk8MhgbPLrcIcHSOb103drqbGmfpvy Ty8p0 r ThGaiWWLia3glEiNcwLkaA?key=4NUHmnuD6hPIpJdQtbcrrA
What are your feelings
Updated on June 17, 2025

Loading...