Skip to Content Skip to Menu

Note this tutorial is out of date. Please see this forum topic for latest instructions.

All URLs needed for this tutorial are provided within CB > Plugin Management > CB Connect > Configuration > Google > Application

STEP 1

To begin you will need to login to Google API Console in order to create your Project.

001

 

STEP 2

Once presented with the projects page you will need to click Create project....

002

 

STEP 3

On the Create project... page enable the Google+ API.

003

 

STEP 4

Upon checking I agree to these terms for both agreements you will be presented with your projects overview page and click API Access.

004

 

STEP 5

On the API Access page clicking Create an OAuth 2.0 client ID... under Authorized API Access will present an input to provide Product name (e.g. My Awesome CB Site!) then click Next.

005

 

STEP 6

On the API Access page clicking Edit settings under Client ID for web applications will present an input to provide Authorized Redirect URIs (e.g. http://www.example.com/index.php?option=com_comprofiler&task=pluginclass&plugin=cbconnect&action=google&func=accesstoken&format=raw) and Authorized JavaScript Origins (e.g. http://www.example.com) then click Update.

006

 

STEP 7

You will now notice your project has its own personalized IDs in order to perform API calls on your websites behalf. These IDs need to be respectively copied to your CB > Plugin Management > CB Connect > Configuration > Google > Application.

007

 

STEP 8

Simply copy and paste your unique IDs provided by your projects API Access page to their respective locations within CB > Plugin Management > CB Connect > Configuration > Google > Application and Save.

008

 

STEP 9

Now edit each CB Login module that should display connect buttons setting CB Plugins integration to Yes and Save. Congratulations you should now have Google integrated into your site!

009