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 Google+ API 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+ API" link. Click the box.

      Google+ API

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

      Enable Google+ 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:
      http://yourdomain.com
      https://yourdomain.com

      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:
      http://yourdomain.com/index.php?option=com_jfbconnect&task=authenticate.callback&provider=google
      http://www.yourdomain.com/index.php?option=com_jfbconnect&task=authenticate.callback&provider=google
      https://yourdomain.com/index.php?option=com_jfbconnect&task=authenticate.callback&provider=google
      https://www.yourdomain.com/index.php?option=com_jfbconnect&task=authenticate.callback&provider=google

      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
Refer and Earn

Like our extensions? You're not alone! That's why they're used on tens of thousands of websites. Now you can earn 20% of any sale you refer to SourceCoast.com.

We provide excellent documentation, well laid out sales pages and great support. All you need to do is spread the word and we'll take care of the rest.

Learn About Our Affiliate Program