Make your site more social with Facebook Connect

FB Connect in under 15Make your site social in 15 minutes or less ;-)

Emmanuel PozoTwitter @JewgonewildCo Founder at Pikchur.com05.30.2009

1 Intro and Stats

2 What is FB Connect

3 How it’s done

4 Demo

5 Thoughts, Questions

I can haz Agenda?

1.Introandstats.

Intro and StatsWe don’t like this!

Intro and StatsSolutions

Intro and Stats

▪ Released on December 4th 2008▪ 1 million + users and growing▪ Average large connect site has 2,500 - 8,000 users

▪ Few applications with tens of thousands & iPhoto is the only app with hundreds of thousands of users

▪ FB Connect is the leading identity platform

FB Connect Usage Stats

2.WhatisFBConnect?

What is FB Connect?

▪ Single sign on service▪ Seamlessly connect user’s Facebook account to your site

▪ Keeps the experience social ▪ Enables easy sharing experience

FB Connect.. ha?

What is FB Connect?Interaction.

What is FB Connect?Typical web view.

3.Howit’sdone!

How it’s done

▪ Download API wrapper classes ▪ Create an app (http://www.facebook.com/developers/createapp.php)

▪ Go to Connect tab & set Connect URL▪ Base Domain (optional for subdomain access)

▪ Grab your app’s API key. You’ll need it

Step 1

How it’s done

▪ Create cross domain communication channel file.

▪ xd_receiver.htm with the following JS

▪ Place it in your apps root or wherever you want to serve the connect pages.

Step 2

How it’s done

▪ Initialize FB connect libraries via JS▪ <script type=”texgfjdhgjgdfgggggggggggggggggggggggggggg

▪ <script type=”text/javascript”>FB.Bootstrap.requireFeatures([“Connect”],”

▪ Call the connect login dialogue▪ function fbLogin() {FB.Connect.requireSession(function() { window.location.href = '/oauth/index/facebook'; }); return false;}

Step 3

How it’s done

▪ Easy part is over▪ Get to work!▪ Take full advantage of the FB API.▪ Pull in users friends,statuses,photos etc.

Step 4

4.Demonstration.

5.Questionscomments.Via Twitter @jewgonewild your question #FBMIA