This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
how_to:integrate_youtube_api [2015/06/10 04:12] mooadmin |
how_to:integrate_youtube_api [2016/08/16 03:43] mooadmin |
||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Integrate YouTube API Tutorial ====== | + | ====== Integrate YouTube Data API Tutorial ====== |
---- | ---- | ||
- | This is a howto demonstration to integrate YouTube API with mooSocial. This is necessary to allow members to share YouTube's videos on mooSocial software. Site Administrator will need to obtain an API key from Google Developers and save this key in Integration section of Admin Dashboard to successfully complete the integration. | + | This is a howto demonstration to integrate YouTube API with mooSocial. This integration is necessary to allow members to share YouTube's videos on mooSocial software. Site Administrator will need to obtain an API key from Google Developers and save this key in Integration section of Admin Dashboard to successfully complete the process. |
- | //**1/ Go to [[https://console.developers.google.com|https://console.developers.google.com]] and login using a Google account** // | + | //**1/ Go to [[https://console.developers.google.com|https://console.developers.google.com]] and login using a Google account.** // |
- | //**2/ Select Create a project.** // | + | //**2/ Select Create a project. (*If you're already had an active project, skip this)** // |
- | {{:how_to:89436c234f76133831943821965869f8.jpg}} | + | {{:how_to:f70f5db4aa8fec771a284e794de5036f.png}} |
- | //**3/ Fill in your Project’s Name and Agree to Google's Terms of Service (1). Then click Create (2).** // | + | //**3/ Fill in your Project’s Name then click Create.** // |
- | {{:how_to:70a90bdcfb82104792819038a7d0b70c.jpg}} | + | {{:how_to:7489e617c4a026926579593e30b01057.png}} |
- | //#1 Fill in your **Project’s Name** // | + | //**4/ Once your project is created, go to Library of your project (1) then select YouTube data API (2).** // |
- | //#2 **Create** // | + | {{https://moosocial.com/wiki/lib/plugins/ckgedit/fckeditor/userfiles/image/how_to/gg_youtube_1.jpg?nolink&1265x787}} |
- | //**4/ Once your project is created, go to APIs & auth/APIs of your project (1) then select YouTube data API (2)** // | + | //**5/ Click on Enable button on Dashboard of your project to enable YouTube Data API v3 for your project.** // |
- | {{:how_to:c0544c8c3eecbc371e6e9ae65a0d57e5.jpg}} | + | {{https://moosocial.com/wiki/lib/plugins/ckgedit/fckeditor/userfiles/image/how_to/gg_youtube_2.jpg?nolink&1279x793}} |
- | //**5/Click Enable API to enable YouTube Data API V3 for your project.** // | + | //**6/ Go to Credentials tab, hover mouse on the Create credentials, select API key option** // |
- | {{:how_to:24b38848df122b31ae84d41715025ac3.jpg}} | + | {{https://moosocial.com/wiki/lib/plugins/ckgedit/fckeditor/userfiles/image/how_to/youtube_createcredential.jpg?nolink&1263x771}} |
- | //#Press on **Enable API** then continue// | + | //**7/ At "Create a new key" popup, select Server Key to continue.** // |
- | //**6/Go to your Credentials settings and click on Create New Key:** // | + | {{https://moosocial.com/wiki/lib/plugins/ckgedit/fckeditor/userfiles/image/how_to/youtube_createnewkey.jpg?nolink&1255x273}} |
- | {{:how_to:e8479143776934c36d5ccad93fc92ede.jpg}} | + | //**8/ You can leave them blank if you wanted to, then Create** // |
- | //# ////Select **Create new Key** to start// | + | {{https://moosocial.com/wiki/lib/plugins/ckgedit/fckeditor/userfiles/image/how_to/youtube_credentials_url.jpg?nolink&1266x587}} |
- | //**7/Select Browser Key and continue:** // | + | //**9/ The API key is displayed and copy it to the clipboard.** // |
- | {{:how_to:cc99da1d4181f6bafc69563f8d191221.jpg}} | + | {{:how_to:0f479de6c5893dafd2feaa5816ded24b.png}} |
- | //#Select **Browser key** then continue// | + | //**10/ Go to Admin Dashboard/System Settings/Integration, paste the API key to Google Developer Key field (1) then click Save Settings (2) to finish the integration process.** // |
- | //**8/Leave the ** ////**referrers blank and finish creation:** // | + | {{:how_to:cd2224e1034e799460e7e7581c01993e.png}} |
- | {{:how_to:545428f0b41cfd2a54ae02422ad3823b.jpg}} | + | You are now successfully integrated YouTube Data API v3 with mooSocial! |
- | + | ||
- | //#1 Leave Referrers blank// | + | |
- | + | ||
- | //#2 Press **Create** // | + | |
- | + | ||
- | //**9/Review your Key, it should be looking like this:** // | + | |
- | + | ||
- | {{:how_to:ebea8267b9120e49346eccb53bea0c4b.jpg}} | + | |
- | + | ||
- | //**10/Go to Admin Dashboard/System Settings/Integration, copy your key and save:** // | + | |
- | + | ||
- | {{:how_to:12a4abd21977b775c7e8c4ca0a23ca8a.jpg}} | + | |
- | + | ||
- | //#1 Copy the **API key** from Google and then paste it into your **Google Developer Key**‘s field located in [Admin Home/System Settings/Integration]// | + | |
- | + | ||
- | //#2 **Save settings**.// | + | |