Setting up Facebook Connect

Revision as of 13:01, 5 June 2014 by Eric (Talk | contribs)

Before you begin implementing the Facebook Connect feature on your website, make sure you have read the Facebook Connect Policy
Images disclaimer: This article contains images from third party sources which we do not have access to. Some configuration screenshots may be different

Overview

Facebook Connect is a system that allows any user with a Facebook account to join your site easily with just one single click. It saves your visitor the hassle of registering to yet another site and maintaining another username and password. With this system, your site can easily verify the identity of your site visitor and log them into your site easily.

Video tutorial

Facebook Connect delivers a number of benefits, including:

  • Traffic - Enable over a billion Facebook users to share your content with their friends on Facebook. Let users publish a story, invite their friends, or send an event. Their friends can then click to visit your site.
  • Engagement - Users can immediately find their friends and engage. More friends leads to more activity and more page views. Connected users create 15-60% more content than users who have not connected with Facebook Connect.
  • Registration - Every website wants registration to be easy. We can offer access to one billion users, simple registration, and robust data. By increasing traffic, user engagement, and registrations, you can grow your revenue and increase your monetization opportunities.

Creating the Facebook App

To setup Facebook connect, you will first need to create a new application in Facebook by accessing https://developers.facebook.com/apps. You are required to have a Facebook account. At the top right, there should be a button called Create New App; click it. Give your application a name. This name will appear as your applications and you are not allowed to use any name. You will have to read through Facebook’s Terms of Service before accepting it.
Select the category for your application and click Create App

Fb1.png

If prompted, enter captcha text and submit. You will then be redirected to your application's Dashboard page.

Fbdashboard.png

Move to settings page in the left-hand navigation panel and from the right pane click on Add Platform
Select Website
In the Site URL and Mobile Site URL fields enter FQDN of your site and save changes
In the field App Domains enter just the domain name without http:// or www and save changes

Fbcfinal.png

Using the Keys In JomSocial

Go to JomSocial Configuration > Facebook Connect and paste the App ID into the Facebook API Key and the App Secret into the Facebook Application Secret field.

Fbc3.jpg

Congratulations! JomSocial Facebook Connect is now set up on your website!

One last thing

With the recent changes in Facebook privacy, your application will have to be reviewed by Facebook in order for all JomSocial features to work. Click on the Submit them for review. This usually takes only several hours.

Fbcreview.png

See Also