Hiểu biết cơ bản về Open Graph – tiếng Việt

Open Graph


Việc xây dựng Open Graph app giúp bạn tận dụng tối đa các ứng dụng quan trọng của Facebook như Timeline, News Feed và Ticker.

Tài liệu này đề cập tới những khái niệm sau:

Nếu bạn muốn bắt đầu xây dựng một Open Graph app ngay bây giờ, vui lòng tham khảo hướng dẫn này.


Action và Object

Action và Object là những thành phần cơ bản của Open Graph. Action là những hành động xã hội cấp cao mà người dùng thực hiện trên app của bạn. Object đại diện cho tuýp đối tượng nào đó mà người dùng có thể kết nối trong app của bạn. Một ví dụ, người dùng có thể kết nối với object của app của bạn thông qua action Like. Bây giờ, bạn có thể thiết kế các tương tác người dùng với action và object tùy chọn để có các kết nối phong phú hơn với người dùng.

Đầu tiên, bạn phải định nghĩa action và object cho bạn trong phần Dev App. Ví dụ, trong ứng dụng về việc chạy đua, có thể định nghĩa “Routes” và “Marathons” là object và “Run” là action trong phần Dev App. Ứng dụng về nấu ăn có thể định nghĩa “Recipe” và “Menu” là object, và “Cook” là action.

Sau khi bạn đã định nghĩa action và object trong Dev App, bạn cần tạo đối tượng. Đối tượng Open Graph là các trang web đơn giản với thẻ <meta> chứ thông tin Open Graph, đặt trong phần <head> của trang. Những thẻ này mô tả loại object, tên object, và những thông tin khóa khác. Ví dụ, để tạo một object Stuffed Cookie cho app recipe, bạn nên thêm thẻ <meta> để chỉ ra loại object là một recipe, object được định nghĩa như tại Dev App, title “Stuffed Cookies” và đường dẫn chứa hình.

Stuffed Cookies

Open Graph Mechanic

Khi người dùng thực hiện một hành động trong app của bạn, ví dụ cook cái Stuffed Cookie, app sẽ gọi Graph API để tạo một action cook mới kết nối với người dùng với object Stuffed Cookie. Tiến trình hoàn tất bằng việc gửi một HTTP POST đến kết nối /me/myapp:cook của người dùng với URL của object recipe. Facebook sẽ dò quét URL của object, đọc metadata, và kết nối object đến Graph của người dùng thông qua action.

Tiến trình được mô tả qua sơ đồ sau:

1. Người dùng thực hiện một hành động trong app, như là “cook” a “recipe”

2. App gọi một Graph API /me/action:object=Object_URL

3. Facebook sẽ dò quét URL của object, đọc thẻ meta của nó và kết nối object đến Graph của người dùng thông qua action.

Open Graph Mechanic


Social Channel

Với một API đơn lẻ, Open Graph có thể xuất hiện tại mỗi Social Channel.

News Feed và Ticker

Khi một hành động được thực hiện (và ở chế độ công khai), hoạt động này có thể xuất hiện ở kênh News Feed và Ticker của bạn bè.

Timeline

Timeline đại diện cá tính của người dùng trên Facebook. Một Timeline của người dùng đánh dấu những khoảnh khắc quan trọng trong cuộc sống; và bây giờ thì app có thể trở thành một phần của Timeline của người dùng. Bằng cách tương tự mà ứng dụng của Facebook (bên thứ nhất) xuất hiện trên Timeline của người dùng, ứng dụng bên thứ 3 Reports và Aggregation cũng sẽ trở thành một phần của Timeline và cá tính của người dùng Facebook.

News Feed and Ticker

Aggregation và Report

Aggregation là những tổng kết của các hoạt động trong Open Graph; nó trưng bày tương tác của người dùng với app của bạn trên Timeline của họ, bằng một cách có cấu trúc và thú vị. Bạn có thể tùy chỉnh Aggregation của bạn và xem trước với các dữ liệu mẫu tại Dev App.

Khi một app định nghĩa đa (multiple) Aggregation, chúng có thể xuất hiện trên Timeline như một Report. Một Report là một tập hợp của các aggregation trên Timeline của người dùng. Report được thể hiện theo khoảng thời gian cụ thể mà người dùng có hoạt động, và đủ để kết nối với app của bạn. Nó cung cấp một phần giao diện cố định và giúp người dùng dễ dàng tìm dữ liệu từ app của bạn.

Timeline Views

Timeline Views giúp app hiển thị một cách thân thiện với người dùng trên Timeline của họ. Khi một người dùng cài đặt app Open Graph của bạn và công khai hành động, một Hiển thị cụ thể dành cho app sẽ có mặt trên phần đầu của Timeline.


Bước tiếp theo

  • Làm theo hướng dẫn
  • Bắt đầu ngay và định nghĩa action và object của bạn trong Dev App

Nguồn: Open Graph – Facebook Developers

One thought on “Hiểu biết cơ bản về Open Graph – tiếng Việt

  1. Chào bạn,
    Bạn đã thử với sample cook a recipe chưa, mình thử toàn bị {“message”:”Unknown path components: /og_namespace:cook”,”type”:”OAuthException”,”code”:2500}. Đây là 1 bug của fb mà không biết xử lý thế nào?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s