Categories

How to setup Google+

You are here:
< All Topics

You can allow your members to sign in to your website using their google+ account. In order to do this however, you first need to create an API key. 

First you need to go to the following URL and sign in using your google account. 

https://console.developers.google.com/project

Once signed in you will need to create a new project using the button provided in the top left

g1.thumb.png.74e8da7e30d0f9a6089eaef068e

You will then be asked to enter a project name. This is not something that is important to the code, it simply gives it a recognisable name and ID. I would suggest simply using your site name here.

g2.png.9186b3596f7d1ae97e1946c76a34e6ad.

Select the “Enable and Manage APIs” button on the next page

g3.thumb.png.36ef0e518ddc46855764c172cea

You will then be presented with a large list of APIs. You need to select the Google+ API as shown in the screen below.

g4.thumb.png.75439049120dcca55db1506a847

Now you have this added, first select “Enable” to ensure that we have this method enabled.

g5.thumb.png.6c463f3825f3b925db993874f23

We then need to set up the credentials for your site to use. Select credentials on the left

g6.thumb.png.c6ba4e55838b0b0131c29b52637

On the credentials screen, you will see a “Create credentials” button. Click on this and select OAuth client ID from the list provided.

g7.thumb.png.88aec02e6271f475a6ec7109bac

Now select “Web Application” . You will also need to then enter a name (leave as default). The examples for the next 2 items are based on the website being installed at our dummy location of

http://www.example.com/community/

Authorised Javascript Origins (Note this is just the domain, not the full path to your site)

http://www.example.com

Authorised Redirect URIs

http://www.example.com/community/applications/core/interface/google/auth.php

Warning

You may see these are not selectable and you need to set up your website name. If that is shown, simply click on the link and enter your website name as instructed.

g8.thumb.png.b3ac47dfd61036cf3b9be25fd0f

Once clicking on create you will then be shown the key and secret that you need to enter within your admin cp

g9.png.ba2fad0296ff76dd0ef8660822fe709c.

You can enter these details within System>Settings>Login Handlers>Google

g10.png
Table of Contents