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 'Create project'.
    Create a Project
  3. Update the settings in the "Create Project" 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.
      google newproject1
  4. Click on "Enable and Manage APIs" in the "Use Google APIs" section. This will take you to an area to customize your application.
    Enable and manage APIs
  5. Make sure that your new project is selected in the Project List when the Dashboard is loaded.
  6. Now Google+ API must be enabled.
    1. Click the "+ Enable API" link at the top of the Dashboard.
      Google - Enable API
    2. Scroll down to the Social APIs section and find the "Google+ API" link. Click the link.Google - Social API
    3. Don't forget to click the "Enable" link to turn it 'On'.
      Google - Enable
  7. 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 client ID link.
      Google - Create Client ID
      1. You must set a product name. Click the button to configure the Consent Screen.Google+ - Consent Screen
      2. Fill in a "Product name shown to users" on the OAuth consent screen for your application name and hit the Save button.
      3. Select "Web Application" as the Application Type.
      4. 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.
      5. 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

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

      7. Click the "Create" button.
      8. 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.
      9. 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