Upload
jewgonewild
View
2.683
Download
3
Tags:
Embed Size (px)
Citation preview
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