User Tools

Site Tools


admin_dashboard:system_admin:system_settings:integration_settings

Integration Settings

Facebook App Integration tutorial


1/ Go to developers.facebook.com

2/Login & select My apps/Add a New App:

3/Select platform for your app, select Website platform:

6-1-2015_4-42-48_pm.jpg

4/Fill in your app’s name:

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_f_appname.jpg

5/Select your app’s category:

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_fb_createapp.jpg

#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:

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_fb_websitedomain.jpg

#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

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_fb_appsettings.jpg

#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:

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_fb_appreview.jpg

8/How to configure your Admin Dashboard:

Go to Admin Dashboard/Socials Integration/Facebook

Then:

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_fb_appapi.jpg

Get #1 and #2 from fb app and copy to your Admin Dashboard/Socials Integration/Facebook

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_fb_dashboard.jpg

#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:

#Press on Create a Project.

3/Fill in your Project’s Name :

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_gg_createnew.jpg

#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 :

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_gg_apiapp.jpg

Select Google+ API

5/Enable your Google+ API:

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_gg_enableapi.jpg

#Press on Enable API to enable.

6/Choose Credentials tab, hover mouse on Create credentials button and choose OAuth client ID:

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_gg_credentials.jpg

7/We have to configure consent screen first:

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_gg_configure.jpg

#Press on Configure consent Screen then continue

8/Register at your Consent Screen :

#1 Check your Email

#2 Enter your Product’s name

#3 Save

9/Once you had registered your consent screen, Start Creating Client ID :

#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:

#Your Client ID

11/ On Credentials tab, click on credential name hyperlink, start configuring:

The Client Id on Google:

-Copy 1, 2, 3 to your settings Admin Dashboard/Socials Integration/Google one by one.

-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.


6-1-2015_5-44-56_pm.jpg

6-1-2015_5-45-12_pm.jpg

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/

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_twitter1.jpg

2/ Create New App and fill the all fields

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_twitter2.jpg

3/ After filling info, click on “Create your Twitter application” button

4/ Receive the successfully creation message

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_twitter3.jpg

5/ Go to 'Keys and Access Tokens“ tab to get API key and API secret info

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_twitter5.jpg

6/ Access your site, go to Admin Dashboard/ System Admin/ Social Integration/ Twitter

moosocial.com_wiki_lib_plugins_ckgedit_fckeditor_userfiles_image_admin_dashboard_system_admin_system_settings_twitter4.jpg

#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: 2016/06/10 09:41 by mooadmin