Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

2/ Select Create Project from Console Dashboard or Select projects menu, then click on the + symbol on the popup window to create a new project.

Image Modified


3/ Enter the name for the new project, select your preference of email notification and lastly choose Yes to agree on Terms of Service >> Create.

Image Modified

Enable Services for Google App


From the project Dashboard, click on Go to APIs overview under API section.

Image Modified


On the next page, choose Enable APIs and Services on top of the page.

Image Modified


You will see the library of available services you can apply to your Google app. From here, you can find the services you want to enable in the list or Use the search box for quick reference.

Image Modified



Next, we will guide you on how to enable a service, for instance, "Google Calendar API" which is vital for displaying dates and times on several components. 

  1. Type "Google Calendar API" into the search box, and select it from the result list.

Image Modified


      2. Select Enable to activate this service. You successfully enabled the service for your Google app.

Image Modified

...


You can enable these below services for your Google app to ensure all settings work and content displays correctly on your site.

Map & Location service:

  • Google Places API Web Service

...

  • Google Maps JavaScript API
  • Google Static Maps API (required for Events app)

Video service:

  • Youtube Data API v3

Generate Google API Key from Google App

After enabling all necessary services, we need to generate the API key to use to setup in the phpFox setting.

Go back to Dashboard and select Credentials from the left menu.

Image Modified


Select Create credentials and choose API key from the drop-down list. 

Image Modified


A popup will show up with a generated API key of the app. You now have your Google API key, note this key down.

Image Modified


Setup Google API Key for MetaFox Settings

As you just retrieved your Google API key, you need to set up and put it into your

...

MetaFox settings.

From

...

AdminCP, type "Google Map API

...

Key" to search in the settings box and select the result

...

or go to AdminCP > Settings > Site Settings

Image Added

Enter your Google Map API key

...

to the setting  and Save Changes. 

Congratulations, you just successfully set up Google API keys for your MetaFox site.