Facebook Platform Atl

Slide 1: Facebook Platform 101 Sandro Turriate sandro@thoughtandtheory.com

Slide 2: Facebook > 46 million active users > half return daily 200,000 sign up daily

Slide 3: Facebook Platform Relationships established Immediate install Viral Funding

Slide 4: Facebook Platform facebook 1. Facebook contacts app server 2. App server uses facebook api 1 2 3 3. App server sends response app server

Slide 5: Haikus... Haikus are easy But sometimes they don’t make sense Rerigerator From Threadless

Slide 6: Browse

Slide 7: New Haiku

Slide 8: Contribute

Slide 9: Profile Updates Profile Mini-Feed

Slide 10: How do people find it?

Slide 11: Getting Started API Key developer.facebook.com Secret key Callback URL

Slide 12: URL mapping apps.facebook.com/globalhaiku globalhaiku.com/fb/ apps.facebook.com/globalhaiku/browse globalhaiku.com/fb/browse apps.facebook.com/globalhaiku/new globalhaiku.com/fb/new

Slide 13: Where does it live? Facebook and your server callback url - globalhaiku.com/fb/

Slide 14: A Canvas page response goes here

Slide 15: FBML or iframe

Slide 16: Canvas and Everything Else...

Slide 17: Everything else... 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) <fb:narrow> <fb:wide>

Slide 18: 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>

Slide 19: Gotchas <fb:error> <fb:message> Error </fb:message> <ul><li>Error1</li></ul> Won't render correctly </fb:error> Don't bother <fb:editor> POST should redirect <fb:redirect> View source 500 errors

Slide 20: 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

Slide 21: Thanks Sandro Turriate sandro@thoughtandtheory.com thoughtandtheory.com/blog