[code camp] Ứng dụng facebook api vào phát triển website

Post on 08-May-2015

1.439 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

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

TRANSCRIPT

Facebook API and web application

Trương Mạnh Quân

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)

Facebook Platforms

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/

Facebook User ID

Token Key

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

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

Graph API

Graph API

Publish (post)

Get

Web app

https://graph.facebook.com/Sieuweb

• 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

FQLFacebook Query Language

FQL - Facebook query language

FQL - Facebook query language

Open GraphTell stories on Facebook

Fitness Music

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

Tell stories on Facebook

Graph API FQL Open Graph

Free website builder for company, store and personal

–Paul Graham

“Startup = Growth”

How to get traffic?

Pull Push Product

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

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

• 1 user get 1 user -> viral

Network invitation Social Sharing

…backlinks, Incentives, Organic

API Integration

Spotify: Facebook friends Open Graph Story

Custom StoryQuyết.đê

Siêu Web Growth hacking

Store

KPI: User site traffic, Order, Traffic

KPI: User, Product

KPI: User, Product

How we did it?

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

How we did it? Get pages list

Add product page

FQL

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

http://bit.ly/17sW930

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

How we did it? Publish photo to facebook

Publish to facebook Graph API

Publish to facebook

Graph API

The end &

Thank you

top related