This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
admin_dashboard:system_admin:system_settings:integration_settings [2016/06/02 08:33] mooadmin |
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// | + | |