User Tools

Site Tools


admin_dashboard:system_admin:system_settings:integration_settings

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
admin_dashboard:system_admin:system_settings:integration_settings [2016/06/10 09:41]
mooadmin [Twitter App Integration tutorial]
admin_dashboard:system_admin:system_settings:integration_settings [2019/08/27 02:41] (current)
mooeditor
Line 1: Line 1:
-====== Integration Settings ====== +See detail at: https://​moosocial.com/​knowledge-base/​configure-google-and-facebook-login/
- +
-=====   ​===== +
- +
-===== Facebook App Integration tutorial ===== +
- +
----- +
- +
-<font 14px/​arial;;#​000000;;#​ffffff>//​ 1/ Go to developers.facebook.com //</​font>​ +
- +
-<font 14px/​arial;;#​000000;;#​ffffff>//​ 2/Login & select My apps/Add a New App//</​font>​ +
- +
-<font 14px/​arial;;#​000000;;#​ffffff></​font>​ +
- +
-//3/Select platform for your app, select Website platform://​ +
- +
-{{:​admin_dashboard:​system_admin:​system_settings:​social_integration:​6-1-2015_4-42-48_pm.jpg?​nolink&​1299x832}} +
- +
-//4/Fill in your app’s name:// +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​f_appname.jpg?​nolink&​1066x408}} +
- +
-//5/Select your app’s category://​ +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​fb_createapp.jpg?​direct&​}} +
- +
-//#1: Select **NO** // +
- +
-//#2: Input email// +
- +
-//#3: On Category dropdown list –> Select **App for Pages** // +
- +
-//#4: Press on** Create App ID** // +
- +
-//6/After Created App ID, scroll down then fill in your information of your site:// +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​fb_websitedomain.jpg?​nolink&​1035x458}} +
- +
-//#1 Fill in your site's domain.// +
- +
-//#2 Press **Next** button.// +
- +
-//7/After Your App was successfully created, make sure it is activated (live):// +
- +
-//To make your app live, go to My Apps/​YourNewCreatedApps/​Settings/​Basic//​ +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​fb_appsettings.jpg?​nolink&​1264x910}} +
- +
-//#1:Ensure your Contact Email is correct.//​ +
- +
-//#2:Ensure your Website is correct.//​ +
- +
-//If any of # above incorrect, your app cannot be lived.// +
- +
-//Go to App Review below Settings tab, switch to Yes:// +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​fb_appreview.jpg?​nolink&​1246x800}} +
- +
-//8/How to configure your Admin Dashboard://​ +
- +
-//Go to Admin Dashboard/​Socials Integration/​Facebook//​ +
- +
-//Then:// +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​fb_appapi.jpg?​nolink&​1249x911}} +
- +
-//Get #1 and #2 from fb app and copy to your Admin Dashboard/​Socials Integration/​Facebook//​ +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​fb_dashboard.jpg?​direct&​}} +
- +
-//#1: Your App ID from your FB app (in your FB app/​Settings/​Basic)//​ +
- +
-//#2: Your App Secret from your FB app (in your FB app/​Settings/​Basic,​ the App Secret will show after pressing **Show** button and re-enter your FB password./+
- +
-//#3: Your callback url that configured from step 7.3 which has the format: **[yoursite/​social/​auths/​endpoint/​facebook/​]** // +
- +
-//#4: **Save Changes**.//​ +
- +
-//*You dont need to config SDK version used in Admin Dashboard, system will be detected automatically.//​ +
- +
-//*Remember to check if any space in the fields.// +
- +
-//*Remember your site could be [https] instead of [http], they will not recognize if site was [https] and Client ID & Admin Dashboard were [http].// +
- +
----- +
- +
-===== Google App Integration tutorial ===== +
- +
----- +
- +
-//1/ ////Go to console.developers.google.com//​ +
- +
-//​2/////​Login your google account & create a project////://​ +
- +
-{{:​admin_dashboard:​system_admin:​system_settings:​f70f5db4aa8fec771a284e794de5036f.png}} +
- +
-//#Press on Create a Project.//​ +
- +
-//​3/////​**Fill in your Project’s Name** ////:// +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​gg_createnew.jpg?​nolink&​1258x808}} +
- +
-//#1 Fill your **project’s name** // +
- +
-//#2 **Create** // +
- +
-//*Agree to Terms and Conditions if they’re showing up.// +
- +
-//​4/////​**After your project is done creating, go to API Manager/​Overview of your project** ////:// +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​gg_apiapp.jpg?​nolink&​1266x790}} +
- +
-//Select **Google+ API** // +
- +
-//5/Enable your Google+ API:// +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​gg_enableapi.jpg?​direct&​}} +
- +
-//#Press on **Enable API** to enable.// +
- +
-6/Choose Credentials tab, hover mouse on Create credentials button and choose OAuth client ID: +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​gg_credentials.jpg?​direct&​}} +
- +
-//7/We have to configure ​consent screen first:// +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​gg_configure.jpg?​direct&​}} +
- +
-//#Press on **Configure consent Screen** then continue//​ +
- +
-//​8/////​Register at your** Consent Screen** ////:// +
- +
-{{:​admin_dashboard:​system_admin:​system_settings:​311a7cbe5aaec5854c24c6aa76304b21.png}} +
- +
-//#1 Check your **Email** // +
- +
-//#2 Enter your **Product’s name** // +
- +
-//#3 **Save** // +
- +
-//​9/////​Once you had registered your consent screen, Start Creating** Client ID** ////:// +
- +
-{{:​admin_dashboard:​system_admin:​system_settings:​2a4dab63b4b82cba72c541b2f8d3ff15.png}} +
- +
-//#1 Select **Web Application** // +
- +
-//#2 Enter your site’s **domain** // +
- +
-//#3 Enter your **callback’s URL**, this URL has the format: **[yoursite/​social/​auths/​endpoint/​google?​hauth.done=Google]** // +
- +
-//#4 **Create Client ID** // +
- +
-//10/ ////Review your Client ID, it should be looked like this////://​ +
- +
-{{:​admin_dashboard:​system_admin:​system_settings:​5ee12763e2bc7821ac0da6170a15310f.png}} +
- +
-//#Your Client ID// +
- +
-//11///// On Credentials tab, click on credential name hyperlink, start configuring////://​ +
- +
-//The Client Id on Google:// +
- +
-{{:​admin_dashboard:​system_admin:​system_settings:​b95772b8937a7dc44274eefe6787e83e.png}} +
- +
-//-Copy 1, 2, 3 to your settings Admin Dashboard/​Socials Integration/​Google one by one.// +
- +
-{{:​admin_dashboard:​system_admin:​system_settings:​c5845a2a17e6010ba9e1a8f2c7790cdd.png}} +
- +
-//-Copy 1, 2, 3 to your settings Admin Dashboard/​Socials Integration/​Google one by one.// +
- +
-//​-**Enable**,​ check!// +
- +
-//-**Save Settings** // +
- +
-//*Remember to check if any space in the fields.// +
- +
-//*Remember your site could be [https] instead of [http], they will not recognize if site was [https] and Client ID & Admin Dashboard were [http].// +
- +
-//* Both sides, Admin Dashboard and Client ID must be configured synchronously for the 1, 2, 3, they must be same to each others.// +
- +
----- +
- +
-//​{{:​admin_dashboard:​system_admin:​system_settings:​social_integration:​google:6-1-2015_5-44-56_pm.jpg?​nolink&​1221x503}}//​ +
- +
-//​{{:​admin_dashboard:​system_admin:​system_settings:​social_integration:​google:​6-1-2015_5-45-12_pm.jpg?​nolink&​1259x393}}//​ +
- +
-//Your Login Page and Sign Up Page should be looking like this, with Facebook and Google button// +
- +
----- +
- +
-===== Twitter App Integration tutorial ===== +
- +
-1Go to [[https://​apps.twitter.com/​|https://​apps.twitter.com/​]] +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​twitter1.jpg?​nolink&​1040x430}} +
- +
-2/ Create New App and fill the all fields +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​twitter2.jpg?​direct&​}} +
- +
-3/ After filling info, click on "​Create your Twitter application"​ button +
- +
-4/ Receive the successfully creation message +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​twitter3.jpg?​nolink&​858x929}} +
- +
-5/ Go to 'Keys and Access Tokens"​ tab to get API key and API secret info +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​twitter5.jpg?​nolink&​1123x846}} +
- +
-6/ Access your site, go to Admin Dashboard/ System Admin/ Social Integration/​ Twitter +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​twitter4.jpg?​direct&​}} +
- +
-#1: Input API key and API secret info on step 5 +
- +
-#2: Input public_profile,​ email, user_friends to Scope textbox +
- +
-#3: Input [url your website]/​social/​auths/​endpoint/​twitter?​hauth.done=Twitter +
- +
-Then, click on Save Settings button. Complete Twitter integration process.+
  
admin_dashboard/system_admin/system_settings/integration_settings.txt · Last modified: 2019/08/27 02:41 by mooeditor