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 '+' in the popup to create a new project.
- Update the settings in the "+" 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.
- After the project is created, go back to the dashboard and select your project in the project list.
- Now Google+ API must be enabled. Click on "APIs & Services".
- This will take you to an area to customize your application. Click on the "+ Enable APIs and Services" option at the top of the page.
- Find the "Google+ API" link. Click the box.
- 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 OAuth Client ID link.
- 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.