How to create Google Developer key
 
2. Click on "Select a project" button
 

450_f1bd288be033796b65d2e38cd29e4156.png

3. Click on NEW PROJECT link to create new project
 

450_edc4eea90e1c3d4e38ab81e6c7e4e7f0.png

4. Input project name and click on Create button to create
 

450_08b4cd5078035a6de4cdd0cf9df977c0.png

5. Open Navigation menu => at APIs & Services menu, select Library
 

450_be68dabbaac223e572b69f407aa78074.png

 
 
6. Enable "Maps JavaScript API", "Places API", "Geocoding API", "Static Maps API", "Google Maps Embed API" and "YouTube Data API"
 

450_65d6b2f85fcdb2a49cdc921098dfbd36.png

 
After services are enabled
 

 

450_e59d7545b181d65c993cec57a777f41f.png

 
7. Create Google API key (user side): go to Credentials tab, click on CREATE CREDENTIALS and choose "API key" option
 

 

450_ac7b26f4bae2d02a4202fd4ade7ed093.png

8. User will be provided with an API key, this is Google API key (user side)
 

 

450_88e2d408bac942214b9920eb8b1a51b9.png

 

9. Restricting for Google API key (user side). (More details at https://developers.google.com/maps/api-key-best-practices#restrict_apikey )
450_1ae7bcfa9dc5d7802ca3a65c8df6561c.png
 
10. Create Google API key (server side): go to Credentials tab, click on CREATE CREDENTIALS and choose "API key" option
 
450_ac7b26f4bae2d02a4202fd4ade7ed093.png
 
11. User will be provided with an API key, this is Google API key (server side)
 
450_88e2d408bac942214b9920eb8b1a51b9.png
 
12. Restricting for Google API key (server side). (More details at https://developers.google.com/maps/api-key-best-practices#restrict_apikey )
 
450_d904abc3020b5e116b60b09aa469f194.png
 
13. If you installed Who near by/People nearby plugin, make sure you enable two below options in screenshot:
 

 

450_51a60395fe80f0dae7043df05c70daf4.png

 
 
12. Input the received key to Admin Dashboard --> System Settings --> Integration tab. Below is example is for Google Developer Keys.
 

450_abbc329d1e671283f3e91a24774770a3.png

 

 Save settings 
 
Note: Some Google APIs charge for usage. During the creating Google Developer key, if Google ask to enable billing, please complete before you can enable APIs.
Comments (30)
ketkew  
Not working.. I have raised a ticket at google. Curious what they have to say.. EDIT: it was a bug in the developer console of google. I created a complete new one and now it works. Anyway, thanks!
ketkew Mark Looks like something is going on with the Google API. Apparently it stopped working.
ketkew  
I can confirm. I did not change anything.. and once I want to post a YT video, it show an error, see attached. The API in enabled and active in my console.
Youtube links perfectly works on here but it doesn't work on my moosite apparently.. Idk what is wrong.
I have done everything as above and double checked but I only get one key, can you help please?
Mark  
which key do you need more? basically, you need to create 2 keys, one for user side and one for server side. Don't forget to restrict to avoid people to steal your key
Ok, I have created a new project from scratch and enabled all of the Map Api's and the YouTube Api and I am given two Api Keys, one for the maps and one for YouTube, nowhere can I find how to create User Side and Server Side Keys, however, after experimenting with the two keys I have been given I found that placing the Maps Key in the "Google API key (user side)" and the YouTube Key in the "Google API key (server side)" my site now works for both, so, am I wrong or are the Integration inputs lab...  more
May I just add I'm talking about the maps and youtube apis, not the google login api!
OK, has anyone checked this out yet?
Thank you for updating this tutorial, it makes sense now!
No login
Login or register to post your comment
Cookies on mooCommunity - Social Networking Script.
This site uses cookies to store your information on your computer.