[Code Camp] Ứng dụng Facebook API vào phát triển website

2,534 views

Published on

CODE CAMP là sự kiện hàng tháng dành cho các lập trình viên và các nhà phát triển công nghệ để cùng học hỏi, chia sẻ nhằm nâng cao kiến thức và kỹ năng bản thân; hướng tới sự phát triển chung của cộng đồng lập trình Việt Nam.

Facebook Platforms là nền tảng dành cho bên thứ 3 lấy dữ liệu từ Facebook và phát triển. Facebook API hiện nay đã trở nên quen thuộc với những lập trình viên khi triển khai kết nối giữa Website và Facebook.

Đến với Code Camp 3, Founder Siêu Web đã chia sẻ về:
- Facebook API
- Một số case study của việc growth hack thành công với FB API
- Áp dụng vào Siêu Web qua tính năng tạo website với FB như thế nào (http://bit.ly/17HfP3B)
- Demo 1 app đơn giản để mọi người áp dụng.

Code demo có thể down tại đây: https://github.com/quaninte/codecamp3-demo

http://sieuweb.vn/ - Ai cũng có thể làm web

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,534
On SlideShare
0
From Embeds
0
Number of Embeds
308
Actions
Shares
0
Downloads
86
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

[Code Camp] Ứng dụng Facebook API vào phát triển website

  1. 1. Facebook API and web application Trương Mạnh Quân
  2. 2. Trương Mạnh Quân • CEO Siêu Web (sieuweb.vn) • Team leader Brodev Software (brodev.com) • • • 5 years in web development industry PHP, CakePHP, Symfony, javascript OS: UNIX (ubuntu, Mac OS)
  3. 3. Facebook Platforms
  4. 4. Facebook Platform Graph API Localization and translation FQL Dialogs Public Feed API Open Graph Atlas API Ads API Keyword Insights API https://developers.facebook.com/docs/reference/apis/ Chat
  5. 5. Facebook User ID Token Key https://graph.facebook.com/ https://graph.facebook.com/me?access_token={token}
  6. 6. https://developers.facebook.com/tools/explorer
  7. 7. Graph API
  8. 8. Graph API Get Web app Publish (post)
  9. 9. https://graph.facebook.com/Sieuweb
  10. 10. • • • • • • • • • • • • • • Achievement Album Application Checkin Comment Domain Errors Event FriendList Group Insights Link Message Note • • • • • • • • • • • • • • Offer Order Page Payment Photo Pictures Post Question QuestionOption Review Status message Thread User Video
  11. 11. FQL Facebook Query Language
  12. 12. FQL - Facebook query language
  13. 13. FQL - Facebook query language
  14. 14. Open Graph Tell stories on Facebook
  15. 15. Tell stories on Facebook Fitness Music …Likes, Follows, News, Videos, Books, Places
  16. 16. Graph API FQL Open Graph
  17. 17. Free website builder for company, store and personal
  18. 18. “Startup = Growth” –Paul Graham
  19. 19. How to get traffic? Pull Push Product http://www.quicksprout.com/the-definitive-guide-to-growth-hacking/
  20. 20. Growth hacking: Product • Use product itself to get new visitor • 1 user get 1 user -> viral Network invitation Social Sharing …backlinks, Incentives, Organic
  21. 21. API Integration Spotify: Facebook friends Open Graph Story
  22. 22. Custom Story Quyết.đê
  23. 23. Siêu Web Growth hacking
  24. 24. Store
  25. 25. KPI: User site traffic, Order, Traffic
  26. 26. KPI: User, Product
  27. 27. KPI: User, Product
  28. 28. How we did it?
  29. 29. Add new product flow Open add product form Display Facebook pages list Fill form, chose Facebook page, submit Publish photo
 to Facebook Fill form, chose Facebook page, submit
  30. 30. How we did it? Get pages list FQL Add product page
  31. 31. Get pages which user is admin SELECT page_id FROM page_admin WHERE uid = me() Get pages list of user SELECT page_id, pic_square, name FROM page WHERE page_id IN ( SELECT page_id FROM page_admin WHERE uid = me() )
  32. 32. http://bit.ly/17sW930
  33. 33. Publish photo POST https://graph.facebook.com/USER_ID/photos Params: - message - url - access_token Get pages list of user SELECT page_id, pic_square, name FROM page WHERE page_id IN ( SELECT page_id FROM page_admin WHERE uid = me() )
  34. 34. How we did it? Publish photo to facebook Publish to facebook Graph API
  35. 35. Graph API Publish to facebook
  36. 36. The end & Thank you

×