Creating A Google+ Application

“Social Network Integrations” Documentation by “WPWeb”

To get Google+ App Detail, go and visit the https://console.developers.google.com/project page. You need to login in with your Google account if you aren't already. Then the Google API Console page will load and click on the "Create Project" button as shown in the image below:

Google API Console

After open the project screen, Enter Project Name and Project ID will be auto generated. After that Click on the "Create" button to create Project as shown in the image below:

Google+ Create Project

After creating the project you will be redirect to the project listing page as shown in the image below:

Google+ API Access

Now click on main menu tab > API Manager > Library as shown in the image below:

Google+ API Access

After the landing on the Library page, You need to click on Google+ API shown in the image below:

Google+ API Enable API

Now you need to click on "Enable" button of the Google+ API as shown in the image below:

Google Consent Screen Name

To enable Google+ Domains API, click on main menu tab > API Manager > Library as shown in the image below:

Google+ API Access

After the landing on the Library page, You need to click on Google+ Domains API shown in the image below:

Google+ Domains API Enable API

Now you need to click on "Enable" button of the Google+ Domains API as shown in the image below:

Google+ Domains Consent Screen Name

After enabling the Google+ API and Google+ Domains API, click on menu "Credentials" and select the "OAuth consent screen" tab as shown in the image below:

Google+ Create App

Note: You must have to add Email Address and Product Name on Consent Screen page. Without this info your apps will not work and always generate a invalid client id error.

After saving the "OAuth consent screen", you will be redirect to the Credential tab. Now click on Create credential > OAuth client ID link as shown in the image below:

Google API Credentials

Now fill all fields as shown in the image below:

Google API Credentials

Note: When you enter the URL of your website in to the Website field, make sure that it does match the URL of your website 100%. This means, if you go to your website and then check the URL in the browser and the URL does look like http://www.domain.com then you need to enter the exact same URL. If your website URL is http://domain.com then you need to enter it that way, without using the www at the front of the name.

Important: Use the "Authorized Redirect URI" field same as the Google+ callback url meentioned on the social login setting page. If these entries do not completely match the URL of your website, the application won't work and it will show an error message whe you try to connect to the App.

After creation of Client Id, You will get app detail to the popup as shown in the image below:

Google+ App Detail

Now, Copy the Google+ Client Id and Client Secret in to the Google+ App settings within the Plugin settings page. See image below:

Google+ App Plugin Settings

Important: When you copy and paste all the needed IDs and Keys, make sure, that you don't have any empty spaces, either at the beginning nor at the end of these entries. If you have any empty spaces, then the Application won't work and will show an error message when you try to connect to the App.

After you entered the Google+ Client Id and Client Secret, click on the "Save Changes" button within the plugin's settings page.