The document discusses various ways developers can integrate their apps with Facebook fan pages, including displaying content on the wall, using FBML boxes, creating page tabs, making API calls to retrieve page and user information, and rendering an app canvas in the context of a fan page. It provides details on settings needed in the developer application, parameters passed to callbacks for pages tabs, and URLs for editing page tabs and rendering the canvas in fan page context.

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

2. 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

3. Stream on the Wall tab

4. FBML boxes

5. Page tabs

6. Edit page

7. Edit page

8. 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

9. API calls for Page/User info pages.getInfo pages.isAdmin pages.isAppAdded pages.isFan

10. Supporting Fan Pages in an app Developer app Authentication tab Tick “Facebook Pages”

11. Page admin installs the app

12. 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

13. 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

14. Using the Stream Stream.publish not for Pages yet Use feed.publishTemplatizedAction instead

15. FBML Boxes profile.setFBML with page id Parameters markup and profile_main Correspond to Boxes and Wall/Info <fb:add-section-button section="profile" />

16. Page Tabs Add tab name and sub-URL in developer app

17. Page Tabs

18. Page Tabs

19. 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

20. 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

21. Page Tabs

22. Page Tabs

23. Page Tabs

24. Page Tabs

25. 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 />

26. Dan Lesterdan@theiplatform.comhttp://theiplatform.com