mooWiki - Everything mooSocial

User Tools

Site Tools

Trace:
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 revisionPrevious revision
admin_dashboard:system_admin:system_settings:integration_settings [2016/06/10 09:41] – [Twitter App Integration tutorial] mooadminadmin_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 ===== +
- +
-1/ Go 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: by mooeditor