Dan Lester

26
Dan Lester, Co-founder & CTO What Developers can do with Facebook Fan Pages

description

 

Transcript of Dan Lester

Page 1: Dan Lester

Dan Lester, Co-founder & CTOWhat Developers can do with Facebook Fan Pages

Page 2: Dan Lester

Main Integration Points

• Stream on the Wall tab

• FBML boxes

• Page tabs

• Edit page

• App Canvas in ‘Fan Page context’

• API calls for Page/User info

Page 3: Dan Lester

Stream on the Wall tab

Page 4: Dan Lester

FBML boxes

Page 5: Dan Lester

Page tabs

Page 6: Dan Lester

Edit page

Page 7: Dan Lester

Edit page

Page 8: Dan Lester

App Canvas in ‘Fan Page context’

http://apps.facebook.com/hedkandi/

http://apps.facebook.com/hedkandi/edit/?fb_page_id=77387163

http://apps.facebook.com/hedkandi/.../?fb_page_id=77387163

Page 9: Dan Lester

API calls for Page/User info

• pages.getInfo

• pages.isAdmin

• pages.isAppAdded

• pages.isFan

Page 10: Dan Lester

Supporting Fan Pages in an app

• Developer app• Authentication tab• Tick “Facebook Pages”

Page 11: Dan Lester

Page admin installs the app

Page 12: Dan Lester

Which pages have installed the app?

• You do not get an ‘allow’ ping• Can’t query which Pages have the app installed

• Page tab is activated (or canvas in ‘Page context’)

• http://www.facebook.com/add.php? api_key=9914392752d39e99600f2be9d2d740e2&pages

• FQL: select page_id, type from page_admin where uid = 534210316

Page 13: Dan Lester

FQL query on page_admin<page_admin> <page_id> 89883054748 </page_id> <type> LOCAL_TECHNOLOGY_TELECOMMUNICATIONS_SERVICES </type></page_admin>

<page_admin> <page_id> 81932813028 </page_id> <type> LOCAL_BUSINESS </type></page_admin>

<page_admin> <page_id> 22402815405 </page_id> <type> TELEVISION </type></page_admin>

<page_admin> <page_id> 7738716301 </page_id> <type> TECHNOLOGY </type></page_admin>

Can combine with page table to get more info such as Page names, profile picture URL, all data, and fan count

Also has_added_app

Page 14: Dan Lester

Using the Stream

• Stream.publish not for Pages yet

• Use feed.publishTemplatizedAction instead

Page 15: Dan Lester

FBML Boxes

• profile.setFBML with page id

• Parameters markup and profile_main

• Correspond to Boxes and Wall/Info

• <fb:add-section-button section="profile" />

Page 16: Dan Lester

Page Tabs

• Add tab name and sub-URL in developer app

Page 17: Dan Lester

Page Tabs

Page 18: Dan Lester

Page Tabs

Page 19: Dan Lester

Page Tabs

• Tab callback does not receive fb_sig_user

• fb_sig_page_id• fb_sig_is_admin (need to check)• fb_sig_is_fan• fb_sig_page_added (always 1 for tab)• fb_sig_type

Page 20: Dan Lester

Page Tabs

• AJAX call can get user-specific info

• Relative hyperlinks stay within tab• Absolute links back to canvas

• FBJS and Flash do not autoload

Page 21: Dan Lester

Page Tabs

Page 22: Dan Lester

Page Tabs

Page 23: Dan Lester

Page Tabs

Page 24: Dan Lester

Page Tabs

Page 25: Dan Lester

Canvas in Fan Page context

http://apps.facebook.com/hedkandi/

http://apps.facebook.com/hedkandi/edit/?fb_page_id=77387163

http://apps.facebook.com/hedkandi/.../?fb_page_id=77387163

• Might also get user info passed as POST params

• Edit pages can have <fb:page-admin-edit-header />

Page 26: Dan Lester

Dan [email protected]://theiplatform.com