Facebook Platform 101 Sandro Turriate [email_address]

Sandro Turriate

[email_address]

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

Facebook Platform Relationships established Immediate install Viral Funding

Facebook Platform facebook app server 1 3 2 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 Rerigerator From Threadless

Browse

New Haiku

Contribute

Profile Updates Mini-Feed Profile

How do people find it?

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

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

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

A Canvas page response goes here

FBML or iframe

and Everything Else... Canvas

Everything else... <fb:wide> <fb:narrow> 1 profile_box = '<fb:narrow> <img src= &quot;logo_narrow.gif&quot; alt=&quot;&quot;/> I am a poet</fb:narrow> <fb:wide> <img src= &quot;logo_wide.gif&quot; alt=&quot;&quot;/> 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

Thanks Sandro Turriate [email_address] thoughtandtheory.com/blog