December 24, 2019 (Updated as per latest Google Developers Console)

This blog post was originally written in December 2017. Google has changed it's Developers Console user interfaces since then. We updated this blog post and included the steps as per latest Google Developers Console steps.

If you ever need to integrate Facebook APIs in your web application, you can hire programmers or hire PHP developers from us at affordable rate.

To work with Google APIs, you will need Google API Console project and Client Id. Which you can use to call different Google APIs. I wanted to integrate Google Sign-In into my website. The following blog post explains how to create Google API Console project, client ID and client Secret.

Though I used it for Google+ API, the same project can be used for other API access as well. You will just need to enable additional APIs (step 7 below).

  1. Login to Google Developer Console using your Google account credentials.
  2. If you are not registered on Google developer account, then you need to accept agreement.

  3. After accepting agreement or if you are already registered on Google developer account, you will see a screen as shown below. Click on “Select a project” on top header bar.

  4. From the project selection popup click on the "NEW PROJECT" button to add a new project.

  5. Enter your “Project name” and click on the “Create” button.

  6. Click on “OAuth consent screen” from the left side menu and create OAuth consent with User Type selection.

  7. Add Application name, select Support email and add Authorized domain. Then click on the Save button.

  8. After creating the project, click on “Credentials” from the left side menu to open the Credentials screen.
  9. Click on “Create credentials” and from the dropdown list select OAuth client ID.

  10. On OAuth client id creation screen:
    • Select the “Web Application” radio button from the “Application Type”.
    • Enter your application name in the “Name” field. This name will be shown to end users when they are asked to give login permission to your website. So please specify a meaningful name which can identify your website.
    • Enter your catalog site URL in “Authorized JavaScript origins”. For example, if website domain is, enter
    • In “Authorized redirect URIs” input box, enter your website URL + the page/end-point where you wanted your user redirected back. If you are using Microsoft.Owin.Security.Google library, the end-point is “/signin-google”. For example, my website url is, so I enter
    • Click on “Create” Button.

  11. It will display the popup with client id and client secret.

The One Technologies Logo
Certified By