Setting Up Facebook Connect
To Enable You Tenant for Facebook you will need to follow these steps:
1) First, of course, you will need a Facebook Account
2) Next, you will need to create a Facebook "Application" - To Create the Application you will need to go to the following link: http://www.facebook.com/developers/createapp.php. If this is your first time creating an Application, you will be prompted to allow Facebook to provide api access to the connect of the Account. Click the allow button.
The Next step is to Setup Up a new application. Click the "+ Set Up New Application" Button to continue
In the Next Screen you will be asked for the name for your Application. Enter a name And Click the Agree button to the Facebook terms. Finally Click the Create Application Button.
You will now be taken to the Configuration section for your application. Make Note of the API Key and Secret Key. You will need these to configure your tenant.
Next, click the Authentication Tab. Here be sure to select Both
Users and Facebook Pages. For the Callbacks, enter: Post-Authorize
Redirect URL: http://yourwebsite.com and
Post-Authorize URL: http://yourwebsite.com
Now, Click the "Connect" tab. Here enter Connect URL:
http://yourwebsite.com
Scroll to the bottom of the page and Press "Save Changes" (Note:
You can Press Save changes at any point. It will take you to the
Application Summary page. Here Click "Application Settings" to
return to editing properties)
It May take a few minutes for your new application settings to take effect. Now we will move to configuring the tenant.
3) Creating the Cross-Domain Receiver
You then need to place the following code in a file in the root of your website:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Cross-Domain Receiver Page</title>
</head>
<body>
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/XdCommReceiver.debug.js" type="text/javascript"> </script>
</body>
</html>
Save the file with the name: xd_receiver.htm. The file should be
accessible from the url:
http://yoursite.com/xd_receiver.htm
4) Connecting the tenant.
Move to the Livebar control panel application. Click settings and then in the Right Menu select "Facebook Connect". Enter Your API Key and Secret Key and make sure the Facebook Connect box is checked. Press "Save Changes". Your tenant should now be configured to be able to use Facebook Connect.
