The Google Application setup process takes a few more steps compared to creating a Facebook Application. Due to limitations in the Google+ API, it's not possible for our Autotune tool to automatically configure the settings specifically for your site. The steps below should guide you through the entire process.
- Navigate to https://cloud.google.com/console (You will need to log in with a Google account, if you aren't already)
- Open the projects list in the top toolbar and select 'Create project'.
- Update the settings in the "Create Project" popup.
- Enter a project name. This is usually the title of your website, "My Great Website".
- You may edit your project ID if desired. A good choice is your domain name, like "sourcecoast-com". A name is automatically created, but you can edit this value.
- Hit Create.
- Click on "Enable and Manage APIs" in the "Use Google APIs" section. This will take you to an area to customize your application.
- Make sure that your new project is selected in the Project List when the Dashboard is loaded.
- Now Google+ API must be enabled.
- Click the "+ Enable API" link at the top of the Dashboard.
- Scroll down to the Social APIs section and find the "Google+ API" link. Click the link.
- Don't forget to click the "Enable" link to turn it 'On'.
- Add Credentials
- In the left menu, click the "Credentials" sub-menu or click the "Create Credentials" button.
- Skip the step to have Google determine the right settings by clicking the client ID link.
- You must set a product name. Click the button to configure the Consent Screen.
- Fill in a "Product name shown to users" on the OAuth consent screen for your application name and hit the Save button.
- Select "Web Application" as the Application Type.
- Update the "Name" for the application if desired. A good choice is your domain name, like "sourcecoast-com". A name is automatically created, but you can edit this value.
- In the "Authorized redirect URIs" section, add the following URL (replacing yourdomain.com with your actual domain name). Again, if you have https enabled on your site, or other ways to access your domain (like www and non-www), add them all here in separate entries, like:
- Click the "Create" button.
- A new popup will appear with the "Client ID" and "Client Secret". Save these two values for "Client Id" and "Client Secret" settings for use in the JFBConnect configuration area. When you visit the API Manager > Credentials section, you can find the id and secret again.
- Once your Registered App has been created, go to the "OAuth consent screen" menu item to further configure how your app approval dialog. Specifically, you must set the Product Name (as described above in 6.b.ii), which is shown to users on the login/authentication prompt.