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

1. Facebook API and
web application
Trương Mạnh Quân

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. Facebook Platforms

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. Facebook User ID
Token Key
https://graph.facebook.com/
https://graph.facebook.com/me?access_token={token}

6. https://developers.facebook.com/tools/explorer

7. Graph API

8. Graph API
Get
Web app
Publish (post)

9. https://graph.facebook.com/Sieuweb

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. FQL
Facebook Query Language

12. FQL - Facebook query language

13. FQL - Facebook query language

14. Open Graph
Tell stories on Facebook

15. Tell stories on Facebook
Fitness
Music
…Likes, Follows, News, Videos, Books, Places

16. Graph API
FQL
Open Graph

17. Free website builder for company, store and personal

19. “Startup = Growth”
–Paul Graham

21. How to get traffic?
Pull
Push
Product
http://www.quicksprout.com/the-definitive-guide-to-growth-hacking/

22. Growth hacking: Product
•
Use product itself to get new visitor
•
1 user get 1 user -> viral
Network invitation
Social Sharing
…backlinks, Incentives, Organic

23. API Integration
Spotify: Facebook friends
Open Graph Story

24. Custom Story
Quyết.đê

25. Siêu Web
Growth hacking

28. Store

32. KPI: User site traffic, Order, Traffic

33. KPI: User, Product

34. KPI: User, Product

35. How we did it?

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

37. How we did it?
Get pages list
FQL
Add product
page

38. 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()
)

39. http://bit.ly/17sW930

40. 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()
)

41. How we did it?
Publish photo to facebook
Publish to facebook
Graph API

42. Graph API
Publish to facebook

43. The end
&
Thank you