43
Facebook API and web application Trương Mnh Quân

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

Embed Size (px)

DESCRIPTION

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

Citation preview

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

Facebook API and web application

Trương Mạnh Quân

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

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)

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

Facebook Platforms

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

Graph API FQL Open Graph

Localization and

translationDialogs Atlas API Chat

Public Feed API Ads API Keyword

Insights API

Facebook Platform

https://developers.facebook.com/docs/reference/apis/

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

Facebook User ID

Token Key

https://graph.facebook.com/https://graph.facebook.com/me?access_token={token}

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

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

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

Graph API

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

Graph API

Publish (post)

Get

Web app

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

https://graph.facebook.com/Sieuweb

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

• 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

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

FQLFacebook Query Language

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

FQL - Facebook query language

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

FQL - Facebook query language

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

Open GraphTell stories on Facebook

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

Fitness Music

…Likes, Follows, News, Videos, Books, Places

Tell stories on Facebook

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

Graph API FQL Open Graph

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

Free website builder for company, store and personal

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

–Paul Graham

“Startup = Growth”

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

How to get traffic?

Pull Push Product

http://www.quicksprout.com/the-definitive-guide-to-growth-hacking/

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

Growth hacking: Product• Use product itself to get new visitor

• 1 user get 1 user -> viral

Network invitation Social Sharing

…backlinks, Incentives, Organic

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

API Integration

Spotify: Facebook friends Open Graph Story

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

Custom StoryQuyết.đê

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

Siêu Web Growth hacking

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

Store

Page 29: [Code Camp] Ứng dụng Facebook API vào phát triển website
Page 30: [Code Camp] Ứng dụng Facebook API vào phát triển website
Page 31: [Code Camp] Ứng dụng Facebook API vào phát triển website
Page 32: [Code Camp] Ứng dụng Facebook API vào phát triển website

KPI: User site traffic, Order, Traffic

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

KPI: User, Product

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

KPI: User, Product

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

How we did it?

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

Add new product flow

Open add product form

Display Facebook pages list

Fill form, chose Facebook page,

submit

Fill form, chose Facebook page,

submit

Publish photo to Facebook

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

How we did it? Get pages list

Add product page

FQL

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

Get pages which user is adminSELECT page_id FROM page_admin WHERE uid = me()

Get pages list of userSELECT page_id, pic_square, name FROM page WHERE page_id IN ( SELECT page_id FROM page_admin WHERE uid = me() )

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

http://bit.ly/17sW930

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

Publish photoPOST https://graph.facebook.com/USER_ID/photos Params: - message - url - access_token

Get pages list of userSELECT page_id, pic_square, name FROM page WHERE page_id IN ( SELECT page_id FROM page_admin WHERE uid = me() )

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

How we did it? Publish photo to facebook

Publish to facebook Graph API

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

Publish to facebook

Graph API

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

The end &

Thank you