Facebook Connect allows users to log into third-party websites and applications using their Facebook credentials instead of creating new accounts, accessing their public Facebook profile information. It provides a set of Facebook APIs that websites and applications can use to integrate Facebook login and social features like activity feeds, comments, and the Like button to enhance user experience and drive more traffic. The document then provides examples of uses, a brief history, benefits of using Facebook Connect, and steps to implement it on a website.

1. Facebook Connect
CMPS 183
05/13/10

2. What is Facebook Connect?
• Allows people to login into using their Facebook
account instead of registering and logging in with an
account on the site
• Set of Facebook APIs used to log into:
o 3rd party websites
o Applications
o Mobile Devices
o Gaming Systems

3. Examples

4. Brief History
March 30,
May 2008 2010
• Facebook • Facebook
Connect “Like” button
May 2007
• Facebook
Platform
August
2006
• Facebook
Developer
February
2004
• Facebook
Launched

5. Why use it?
• Over 400 Million Facebook users
• 50% of users log in at least once a day
• 2-click registration
• Access to users‟ public profile information such as
name, friends list, and profile picture

6. How to put Facebook Connect in your site
From Devtacular.com :
Step 1: Install Developer Application on Facebook
Step 2: Create-Cross Domain Communication Channel File
Step 3: Add Facebook XML Namespace to HTML tag
Step 4: Add reference to the Facebook JavaScript Feature Loader
Step 5: Create the Facebook Connect login button
Step 6: Initialize Facebook Connect

7. Social Plugins
• Activity Feed
<fb:activity>
• Comments:
<fb:comments>
• „Like‟ button:
<fb:like>

8. Resources
Facebook Developers Wiki
• http://wiki.developers.facebook.com
Facebook Connect
• http://www.facebook.com/advertising/?connect
How to Integrate with Facebook Connect
• http://www.devtacular.com/articles/bkonrad/how-to-integrate-with-facebook-connect