Facebook API in the Real World - Myles Noton - Miniclip
Download as PPT, PDF
3 likes2,337 views
Miniclip is a large website with 65 million unique visitors per month and 20 million registered users. It uses the Facebook Platform and Facebook Connect to allow users to sign in easily and connect with friends. By integrating Facebook features like the Real-Time API, users can invite friends to play games and see updates without page refreshes. There are some technical challenges to using Facebook APIs, such as request limits and modal boxes appearing behind Flash content.
Facebook API in the Real World - Myles Noton - Miniclip
- 1. Myles Noton @mylesnoton www.miniclip.com
- 2. Unique visitors / month 65,000,000+
- 4. Flash and Shockwave Games 500+
- 5. At least 7 employees MIA in on-going Nerf wars
- 6. 油
- 7. 油
- 8. How we use the Facebook Platform
- 9. Because of our size, the site could be impersonal and anonymous at times The UX Problem Using the Facebook Platform and feature we call the Players League Our Solution
- 10. Er... Who are these guys?
- 11. Yay, My Friends!
- 12. Technologies we used Facebook Connect Facebook Javascript SDK Flash External Interface Facebook Real-time API Facebook Graph API
- 13. Facebook Connect Auto Signup with API User Data Frictionless, Quick & Convenient Single Click Sign-in
- 14. FB.ui components used to allow users to post challenges to friends FB.ui
- 15. Users can invite friends to play on Miniclip from the league
- 16. flash.external.ExternalInterface Call Javascript from within flash Directly interface with the Javascript SDK Trigger API messages and events based on in game events
- 17. Login triggered from Flash
- 18. Notification Triggered from flash
- 19. No More Polling Pre-cached fresh data Works better with offline access Real-time API
- 20. Before Real-time API Facebook User Miniclip Profile Update API Call to get data 8
- 21. After Real-time API Facebook User Miniclip Profile Update Notification of change Call to get changed data
- 22. Implementing the Real-time API Create an endpoint - Web service or script triggered on FB event Subscribe to events - Receive confirmation of subscription from Facebook (once only)
- 24. Gotchas
- 25. 油
- 26. Per 600 seconds 600 Requests
- 27. Not http Use https + Token
- 28. Invite request bounces to Facebook Homepage Requests 2.0
- 29. Only canvas apps are supported Requests 2.0
- 30. Modal boxes appear behind flash content FB.ui & Flash
- 31. 油
- 32. Be careful with window modes Display: popup Wmode=opaque
- 33. Birthday was not being returned from the API
- 34. Always sanity check data from the API and plan for failure Never trust the data
- 35. http://corporate.miniclip.com/careers Were hiring! @ miniclip @mylesnoton