Embed Size (px)
Citation preview
Facebook> 46 million active users
> half return daily
200,000 sign up daily
Facebook PlatformRelationships established
Immediate install
Viral
Funding
Facebook Platform
app server
1 32
1. Facebook contacts app server
2. App server uses facebook api
3. App server sends response
Haikus...
Haikus are easy
But sometimes they don’t make sense
RerigeratorFrom Threadless
Browse
New Haiku
Contribute
Profile Updates
Mini-Feed
Profile
How do people find it?
Getting Started
developer.facebook.comAPI Key
Secret key
Callback URL
URL mapping
apps.facebook.com/globalhaikuglobalhaiku.com/fb/
apps.facebook.com/globalhaiku/browseglobalhaiku.com/fb/browse
apps.facebook.com/globalhaiku/newglobalhaiku.com/fb/new
Where does it live?
Facebook and your server
callback url - globalhaiku.com/fb/
A Canvas page
response goes here
FBML or iframe
andEverything Else...
Canvas
Everything else...
<fb:wide><fb:narrow>
1 profile_box = '<fb:narrow>\ <img src="logo_narrow.gif" alt=""/>\ I am a poet</fb:narrow>\
<fb:wide>\ <img src="logo_wide.gif" alt=""/>\ I am a poet </fb:wide>'
2 facebook.setFBML(profile_box)
What about css?
<style>#gh_content { margin: 10px 20px' }#gh_content h1 { margin: 0 0 0 10px; }</style>
<div id=“gh_content”> <h1>Hi</h1></div>
Gotchas<fb:error> <fb:message> Error </fb:message> <ul><li>Error1</li></ul></fb:error> Won't render correctly
<fb:editor> Don't bother
<fb:redirect> POST should redirect
500 errors View source
Attribution
haikus... - http://www.threadless.com/product/623/Haikus_are_easy_but#zoom
f8 Facebook Platform Launch – http://flickr.com/photos/kohtz/535491752/
facebook canvas - http://developer.facebook.com/images/anatomy_frame.jpg
