Google Application Setup

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.

  1. Navigate to https://cloud.google.com/console (You will need to log in with a Google account, if you aren't already)
  2. Open the projects list in the top toolbar and select '+' in the popup to create a new project.

    Google - Create New Project

  3. Update the settings in the "+" popup.
    1. Enter a project name. This is usually the title of your website, "My Great Website".
    2. 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.
    3. Hit Create.

      New Google Project

  4. After the project is created, go back to the dashboard and select your project in the project list.
  5. Now the correct APIs must be enabled. Click on "APIs & Services".

    Enable Google+ API

    1. 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.

      Enable Google+ API

    2. Find the "Google People API" link. Click the box.

      Google People API

    3. Don't forget to click the "Enable" link to turn it 'On'.

      Enable Google People API

  6. Add Credentials
    1. In the left menu, click the "Credentials" sub-menu or click the "Create Credentials" button.

      Google - Credentials

    2. Skip the step to have Google determine the right settings by clicking the OAuth Client ID link.

      Google - Credentials - OAuth Client ID

    3. Fill in a "Product name shown to users" on the OAuth consent screen for your application name and hit the Save button.
    4. Select "Web Application" as the Application Type.
    5. 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.
    6. In the "Authorized Javascript Origins" box, enter your website domain. To fill out multiple values, press the Enter / Return key and a new entry will be created. If you have https enabled on your site, enter that address as well in a separate entry, like:

      Google Application - Authorized Javascript Origin

    7. 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:

      Google Application - Authorized Redirect URLs

    8. Click the "Create" button.
    9. 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.
    10. 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.
Social Stream
Hide, Seek & Defuse

Handheld Electronic Game

Alex from SourceCoast is working on a new electronic game for kids called Countdown. It's a timed game of Hide & Seek with mini-games (Whack-a-Mole, Simon, etc) to complete when you find it.

Hide and Seek Toys

Before You Leave

Let us send you a 10% off coupon

For Your Next Purchase

Please enable the javascript to submit this form

No , I don't want a discount