Embed Google Photos

  1. Home
  2. Docs
  3. Embed Google Photos
  4. Guides
  5. Credentials

Credentials

Obtaining a Client ID

Creating a Google Project

The first step involves setting up a Google API Project. If you do not have a Google API project set up in the API Manager, follow these steps:

  • When you log into the API Manager, your screen should look similar to this
Embed Google Photos- Project List
Embed Google Photos- Project List

If you already have a listing of projects at the top, proceed to create a client ID. If not, read on.

  • Start off by clicking on the project selection link
Embed Google Photos- Project List
Embed Google Photos- Project List
  • Now, click on the “NEW PROJECT
Embed Google Photos- New Project
Embed Google Photos- New Project
  • On the resultant screen fill out a project name and click “Create”
Embed Google Photos- Create Project
Embed Google Photos- Create Project

That’s it. Your project will now appear in the project selection dropdown.

Creating a Client ID

The Client ID is mandatory for Google. To get one:

  • Select Your created project. You will see a screen like this.
Embed Google Photos- Select project
Embed Google Photos- Select project
  • Note that the above screen will show up if you have an API Project already. If you don’t, you can create one as per the previous section.
  • Now you need to get your client ID. For this, click on the “Create Credentials” button, and select “OAuth client ID”:
Embed Google Photos- OAuth Client Id
Embed Google Photos- OAuth Client ID
  • If you have previously created a consent screen, the buttons below will be enabled, and you can go to step below. If you haven’t, you will need to create a “Consent Screen” before you can proceed. Click on “Configure consent screen”.
Embed Google Photos- Consent Screen
Embed Google Photos- Consent Screen
  • Pick external, because you are going to use your GMail account for authentication
Embed Google Photos- External Access
Embed Google Photos- External Access
  • On the consent screen provide the “Application Name” and provide your site’s domain name as the authorised domain (for me my authorised domain is bplugins.com; for you it will be whatever your site is), and “Save”
Embed Google Photos- Application name and authorized domains verify
Embed Google Photos- Application name and authorized domains verify
  • Go back to Credentials → Create Credentials → OAuth client ID.Select Application Web Application and filling the required fields then click create button
Embed Google Photos- Fill the required fields
Embed Google Photos- Fill the required fields
  • You have successfully created the web application. You will see a screen like this: copy the client ID and client secret, and paste them into the Embed Google Photos input options.
Embed Google Photos- Copy Information
Embed Google Photos- Copy Information

Enable the API library

  • Click Enabled APIs & services and then + ENABLE APIS AND SERVICES.
Embed Google Photos- Enable API SERVICES
Embed Google Photos- Enable API & SERVICES
  • Search for Google Library API. You will see a screen like this
Embed Google Photos- Search  Photos Library API
Embed Google Photos- Search Photos Library API
  • Click the enable button.
Embed Google Photos- Enable
Embed Google Photos- Enable

Publishing the project

The last step before being able to use the client ID is to publish your project.

  • Go to the “OAuth Consent Screen” in your Google Console, and click on the button to “Publish App”
Embed Google Photos- Publish App
Embed Google Photos- Publish App
  • You will be prompted to push your app to production, which you can confirm:
Embed Google Photos- Confirm to push
Embed Google Photos- Confirm to push
  • You will see that your app is now in Production. If you have just used a web application, you will also see that there is no verification required:
Embed Google Photos- Ready to use
Embed Google Photos- Ready to use
Was this article helpful to you?

How can we help?