Facebook Platform Atl

Facebook Platform 101

Sandro [email protected]

Facebook> 46 million active users

> half return daily

200,000 sign up daily

Facebook PlatformRelationships established

Immediate install

Viral

Funding

Facebook Platform

facebook

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

Thanks

Sandro [email protected]/blog