?ng d?ng Facebook open graph l¨¤ g¨¬?
1 like1,389 views
Ti¨ºu ?? g?c: ½ñÔ’î}¤Î¡¸Facebook Open Graph¥¢¥×¥ê¡¹¤È¤ÏºÎ¤« T¨¢c gi?: Naoto Ti¨ºu ?? ti?ng vi?t: ?ng d?ng Facebook open graph l¨¤ g¨¬? D?ch b?i: Nh¨®m bi¨ºn d?ch c?ng ty CP AI&T
![?ng d?ng Facebook open graph l¨¤ g¨¬?
Trong m¨¤n h¨¬nh setting ?ng d?ng ???c hi?n th? trong dashboard c?a Facebook developers
hi?n t?i, ch?n menu ¡°Edit Open Graph¡±, ? ??y b?n c¨® th? thi?t l?p c¨¢c Object, Action,
Aggregations m¨¤ ?ng d?ng s? d?ng. Object l¨¤ ¡°m?t th?c th? ??n ¨C mono¡± m¨¤ ?ng d?ng chia s?
trong Social Graph, v¨ª d? nh? l¨¤ ¡°Tin t?c s? ki?n¡±, ¡°C?ng th?c n?u ?n¡±, ¡°?m nh?c¡±. Action th?
hi?n c¨¢c ho?t ??ng (activity) ??i v?i object. N?u object l¨¤ ¡°tin t?c s? ki?n¡± th¨¬ action s? l¨¤ ¡°read¡±,
¡°chia s? v?i b?n b¨¨¡±, n?u object l¨¤ ¡°c?ng th?c n?u ?n¡± th¨¬ action s? l¨¤ ¡°cook¡± ch?ng h?n. ?¨® l¨¤
m?t s? object c¨® s?n tr¨ºn facebook. Aggrerations l¨¤ ch?c n?ng t¨´y ch?nh c¨¢ch th?c tr¨¬nh b¨¤y (m?
th?c layout) hi?n th? action tr¨ºn giao di?n timeline.
Trong b¨¤i vi?t tr¨ºn Tech Crunch, ng¨¤y 19 th¨¢ng 1 c¨® gi?i thi?u c¨¢c c?p Action v¨¤ Object
???c release m?i nh?t. T?i xin tr¨ªch d?n ra m?t v¨¤i v¨ª d?.
V¨ª d? v? Object v¨¤ action
? ?? mua [h¨¤ng h¨®a] (E-commerce)
? ?? mua v¨¦ cho c¨¢c [ s? ki?n] (Mua b¨¢n v¨¦)
? ?? quy¨ºn g¨®p cho [c¨¢c h?i t? thi?n/project] (Quy¨ºn g¨®p - ?ng h? ti?n)
? ?? ??n th?m quan/ tr? l?i t?i c¨¢c [??a ?i?m du l?ch] (Du l?ch)
? ?? chia s? [n?i dung] (chia s?)
? ?? comment [c¨¢c b¨¤i vi?t]/ tr? l?i [c¨¢c c?u h?i] (Comment/Q&A)
www.media.looops.net 8/13](https://image.slidesharecdn.com/facebookopengraph-130313205652-phpapp01/85/ng-d-ng-Facebook-open-graph-la-gi-8-320.jpg)
![?ng d?ng Facebook open graph l¨¤ g¨¬?
? ?? k?t n?i v?i [username] (Professional network)
? ?? n?u ?n theo [c?ng th?c] (Website d?y n?u ?n)
? ?? h?c [kh¨®a h?c] (E-learning)
N?i dung trong d?u ngo?c vu?ng [] l¨¤ Object, ??ng t? l¨¤ Action, n?i dung trong d?u ngo?c
??n () l¨¤ c¨¢c v¨ª d? v? c¨¢c website.
S? ??ng ? hi?n th? activity tr¨ºn giao di?n timeline
Khi nh?n ???c s? ??ng ? c?a user, th¨¬ ?ng d?ng Open Graph s? c¨® th? hi?n th? (??ng t?i)
c¨¢c activity tr¨ºn giao di?n timeline. Tuy Graph API c?ng c¨® th? hi?n th? th?ng tin tr¨ºn Social
Channels n?u nh? nh?n ???c Permission, nh?ng vi?c ??ng t?i activity tr¨ºn ?ng d?ng Timeline
th¨¬ c¨® v? h?i ?m th?m. Li¨ºn quan ??n vi?c ??ng t?i c¨® s? d?ng Graph API, trong Platform Policy
(b?n Ti?ng Nh?t) y¨ºu c?u ph?i c¨® s? ??ng ? c?a user ngay c? khi ?? nh?n ???c permission.
3. D¨´ trong tr??ng h?p ?? nh?n ???c s? cho ph¨¦p c?a user v? vi?c c?ng khai th?ng tin, th¨¬
tr??c khi th?c hi?n c¨¢c action thay cho user (c?ng khai c¨¢c content, t?o c¨¢c event) th¨¬ c?n c¨®
???c s? ??ng ? t? user ?¨®.
Facebook Platform policy (IV Point application intergration)
M?t kh¨¢c, trong ?ng d?ng Open Graph (N¨®i m?t c¨¢ch ch¨ªnh x¨¢c h?n l¨¤ ¡°?ng d?ng ??ng t?i
action Open Graph¡±) c¨® ¡°publish_actions¡± v?i t? c¨¢ch l¨¤ permission ??c bi?t. T?i trang
Permissions c?ng c¨® quy ??nh ¡°Enables your application to publish user scores and
achievements¡± ¨C ¡°Cho ph¨¦p ?ng d?ng c?a b?n ??ng t?i ?i?m s? v¨¤ th¨¤nh t¨ªch c?a user¡±, nh?ng
trong ph?m vi nh?ng g¨¬ b?n ??c ? Tutorial c?a ?ng d?ng Open Graph th¨¬ c¨® l? permission ??
??ng t?i action Open Graph kh?ng kh?i l¨¤ v?n ?? ?¨¢ng lo ngh?. ??ng th?i, permission n¨¤y v?n c¨®
kh? n?ng nh?n ???c d¨´ s? d?ng Social Plugins nh? ¡°Add to Timeline¡±. D??i ??y t?i xin ??a ra
m?t v¨ª d? c? th?.
¡öCode£¨XFBML£©
¡öOutput£¨D?ng button£©
www.media.looops.net 9/13](https://image.slidesharecdn.com/facebookopengraph-130313205652-phpapp01/85/ng-d-ng-Facebook-open-graph-la-gi-9-320.jpg)
![?ng d?ng Facebook open graph l¨¤ g¨¬?
¡ü Nh?n v¨¤o ¡°Add to Timeline¡± ? ph¨ªa tr¨ºn th¨¬ c¨¢ch th?c hi?n th? s? thay ??i.
¡ö H?p tho?i x¨¢c nh?n
N?u nh?n ???c permission n¨¤y, s? c¨® th? ??ng t?i c¨¢c activity tr¨ºn c? s? c¨¢c action c?a
user (Tr??ng h?p c¨¢ bi?t th¨¬ c?n ph?i c¨® x¨¢c th?c c?a Facebook). ??y l¨¤ vi?c th?c hi?n concept
c¨® t¨ºn ¡°Frictionless sharing¡± ?? ???c Facebook ph¨¢t bi?u t?i F8 v¨¤o n?m ngo¨¢i. N?u nh? User
nh?n v¨¤o n¨²t ¡°Add to timeline¡± (t??ng ???ng v?i vi?c nh?n ???c permission publish_actions)
tr¨ºn website tin t?c hay ??c, cho d¨´ b?n kh?ng nh?n v¨¤o n¨²t ¡°like¡± th¨¬ m?i ng¨¤y tr¨ºn wall c?a
b?n v?n chia s? activity v?i n?i dung ¡°?? ??c [tin t?c s? ki?n]¡±. Activity s? t? ??ng ch?y tr¨ºn
social chanel c?a user m?i l?n nghe nh?c tr¨ºn m?t ?ng d?ng ?m nh?c, m?i l?n b?n ?ng h? tr¨ºn
?ng d?ng v? v?n ?? ?ng h?. Ch?c n?ng n¨¤y c¨® li¨ºn quan ??n vi?c ??ng t?i c? nh?ng v?n ?? ri¨ºng
t?, n¨ºn t?i ngh? r?ng ??y l¨¤ m?t th? th¨¢ch ??y tham v?ng h??ng t?i m?c ti¨ºu ¡°g?n k?t internet
v¨¤ c¨¢c h¨¤nh ??ng trong th? gi?i th?c¡±.
Trong t??ng lai, c¨® l? ch? c?n ???c ch?ng th?c th?i l¨¤ to¨¤n b? c¨¢c ho?t ??ng ??u c¨® th?
chia s? th?ng qua internet (X¨¦t v? m?t k? thu?t l¨¤ c¨® th?). ?¨® s? l¨¤ m?t th? gi?i m¨¤ khi b?n s?
d?ng IC card mua n??c hoa qu? ? m¨¢y b¨¢n h¨¤ng t? ??ng hay xem th?ng tin v? v¨¦ xem phim ?
r?p chi?u phim th¨¬ lo?i n??c m¨¤ b?n ?? mua, hay b? phim m¨¤ b?n s? xem s? ??u ???c chia s?
qua internet. Tuy nhi¨ºn, v?i nhi?u ng??i kh¨¢c, nh?ng th?ng tin ki?u nh? v?y ???c coi l¨¤ d? li?u
r¨¢c. Th? n¨ºn, Facebook d??ng nh? c?ng ?ang suy ngh? ??n vi?c tr¨¢nh hi?n t??ng tr¨´ng l?p d?
li?u b?ng concept c¨® t¨ºn l¨¤ ¡°Real-time Serendipity¡±. V¨¬ ??y l¨¤ concept kh¨® n¨ºn trong kh? n?ng
hi?n t?i c?a m¨¬nh, t?i kh?ng th? gi?i th¨ªch chi ti?t cho c¨¢c b?n v? n¨®, nh?ng t?i c?m th?y r?ng
¡°N?u nh? c¨® th? ??t tr?ng s? ch¨ªnh x¨¢c cho c¨¢c d? li?u d?a tr¨ºn c? s? Social Graph, t? kh?i
www.media.looops.net 10/13](https://image.slidesharecdn.com/facebookopengraph-130313205652-phpapp01/85/ng-d-ng-Facebook-open-graph-la-gi-10-320.jpg)
![?ng d?ng Facebook open graph l¨¤ g¨¬?
S? d?ng Internet
th?ng qua PC
¡öHome panel
. RDD panel kho?ng 18000
ng??i
T?t c? nh?ng ng??i trong gia
?¨¬nh t? 2 tu?i tr? l¨ºn c¨® s? h?u
PH v¨¤ c¨® th? k?t n?i internet.
. Mega panel kho?ng 22000
ng??i.
C¨¢c c¨¢ nh?n s?a d?ng PC ?? k?t Tracking theo
n?i internet. Netsight
¡ö Work panel kho?n 2200
ng??i
16 tu?i tr? l¨ºn l¨¤m vi¨ºc trong Cung c?p k?t qu? ph?n
c?ng ty c¨® m?i tr??ng l¨¤m vi?c t¨ªch d? li?u trong m?i
c¨® th? k?t n?i internet. tr??ng online
[Recommendation bar Plugin]
Khi scroll xu?ng ph¨ªa d??i c¨´ng c?a b¨¤i vi?t,
tr?ng th¨¢i s? ???c chuy?n th¨¤nh ¡°Reading is
On¡±, v¨¤ m?t b¨¤i b¨¢o g?i ? kh¨¢c s? ???c hi?n th?.
?? ??ng t?i Action ¡°Read¡±, c?n nh?n ???c s?
x¨¢c nh?n t? user b?ng vi?c nh?n ¡°Add to
timeline
H¨¬nh ?nh hi?n th? Recommendations Bar
Cu?i c¨´ng
Tr¨ºn ??y t?i ?? t?p h?p l?i nh?ng v?n ?? t?i bi?t v? ?ng d?ng Open Graph ¨C m?t topic
???c quan t?m g?n ??y. V¨¬ ??y v?n l¨¤ b?n beta v¨¤ b¨¤i vi?t n¨¤y c?ng kh¨¢ nhi?u v?n ?? li¨ºn quan
??n k? thu?t, n¨ºn c¨® nhi?u ph?n v?n ch?a ???c ki?m ch?ng. N?u c¨® ??c gi? n¨¤o nh?n th?y c¨® b?t
www.media.looops.net 12/13](https://image.slidesharecdn.com/facebookopengraph-130313205652-phpapp01/85/ng-d-ng-Facebook-open-graph-la-gi-12-320.jpg)
More Related Content
Similar to ?ng d?ng Facebook open graph l¨¤ g¨¬? (20)
More from AIT-JSC (16)
Recently uploaded (20)
?ng d?ng Facebook open graph l¨¤ g¨¬?
- 1. ?NG D?NG FACEBOOK OPEN GRAPH L? G??
- 2. ADVANCED INTELLIGENCE TECHNOLOGY CO., JSC 5 Floor, Agribank Building, 266 Doi Can Str, Ba Dinh Dist, Hanoi, Vietnam. Tel: + 84 ¨C 4 ¨C 3762 ¨C 4015. Fax: + 84 ¨C 4 ¨C 3762 ¨C 1594. http://www.ai-t.vn L?i m? ??u Nh¨®m bi¨ºn d?ch thu?c C?ng ty C? ph?n AI&T xin g?i l?i ch¨¤o tr?n tr?ng t?i t?t c? c¨¢c b?n! Trong qu¨¢ tr¨¬nh l¨¤m vi?c, ch¨²ng t?i ?? d?ch m?t s? t¨¤i li?u v¨¤ mu?n chia s? cho t?t c?. Ch¨²ng t?i lu?n mong mu?n b?n d?ch truy?n t?i ???c h?t n?i dung v¨¤ tinh th?n c?a b¨¤i vi?t, nh?ng trong qu¨¢ tr¨¬nh d?ch thu?t c¨® th? c¨°n nhi?u thi?u s¨®t, mong c¨¢c b?n ?¨®ng g¨®p ? ki?n ?? b?n d?ch ho¨¤n thi?n h?n. Email ?¨®ng g¨®p xin g?i v?: support@ai-t.vn T?t c? c¨¢c b?n d?ch ch? mang t¨ªnh ch?t tham kh?o v¨¤ kh?ng nh?m m?c ?¨ªch kinh doanh, th??ng m?i, nh¨®m bi¨ºn d?ch kh?ng ch?u tr¨¢ch nhi?m v? n?i dung v¨¤ t¨¢c quy?n. Xin ch?n th¨¤nh c?m ?n! --------------------------------------------------------------------------------------------------------- D??i ??y, ch¨²ng t?i xin g?i t?i c¨¢c b?n b?n d?ch c?a b¨¤i vi?t ¡°½ñÔ’î}¤Î¡¸Facebook Open Graph ¥¢¥×¥ê¡¹¤È¤ÏºÎ¤«¡± c?a t¨¢c gi? Naoto. Link b¨¤i vi?t g?c: http://media.looops.net/naoto/2012/01/24/facebook_open_graph_app/ Ti¨ºu ?? ti?ng Vi?t: ?ng d?ng Facebook open graph l¨¤ g¨¬?
- 3. ?ng d?ng Facebook open graph l¨¤ g¨¬? ?NG D?NG FACEBOOK OPEN GRAPH L? G?? 24/1/2012 T¨¢c gi?: Naoto Ng¨¤y 18 th¨¢ng 1, tr¨ºn nhi?u b¨¢o m?ng nh? Tech Crunch Japan, b¨¤i vi?t ¡°Cu?i c¨´ng th¨¬ ?ng d?ng lifestyle Facebook Open Graph ki?u m?i c?ng ???c cho ra m?t¡± ?? tr? th¨¤nh t?m ?i?m ch¨² ?. Hi?n nay tr¨ºn trang Facebook Timeline apps ?? c¨® 78 ?ng d?ng ???c gi?i thi?u. V?y ¡°Open Graph¡± l¨¤ g¨¬? T?i th?y c?ng kh¨® t¨¬m ???c c?u tr? l?i ??n gi?n n¨¤o cho c?u h?i n¨¤y trong m?c Open Graph tr¨ºn Facebook Developers. Trong entry n¨¤y, ch¨²ng ta s? c¨´ng b¨¤n v? ¡°?ng d?ng Open Graph¡± tr¨ºn c? s? v?a s? d?ng c¨¢c document d¨¤nh cho Facebook Developers l¨¤m di?n ?¨¤n tham kh?o ch¨ªnh, v?a t¨¬m hi?u v? c¨¢c concept v¨¤ m? t? k? thu?t c?a ¡°Open Graph¡±. ¡°Open Graph¡± v¨¤ ¡°Open Graph Procotol¡± Tr??c h?t t?i xin b?t ??u t? vi?c t¨¬m hi?u c¨¢c thu?t ng? c¨® li¨ºn quan ??n Open Graph. M?c d¨´ s? d?ng t¨¤i li?u d¨¤nh cho Facebook developers ?? tham kh?o, nh?ng t?i xin l??c b?t m?t s? chi ti?t cho d? hi?u h?n, v¨¤ s? tr¨¬nh b¨¤y c¨¢c ? ch¨ªnh m¨¤ c¨¢ nh?n t?i c?m th?y ph¨´ h?p. ??ng th?i, t?i ?? g?n link v¨¤o c¨¢c thu?t ng? chuy¨ºn m?n, c¨¢c ???ng link n¨¤y c¨® li¨ºn k?t ??n th?ng tin g?c, n?u nh? mu?n hi?u r? h?n c¨¢c b?n c¨® th? click v¨¤o ?¨® ?? tham kh?o Open Graph www.media.looops.net 3/13
- 4. ?ng d?ng Facebook open graph l¨¤ g¨¬? H¨¬nh ?nh d??i ??y ???c t?i l?y t? website Facbook developers (Core Concepts ? Open Graph), n¨® s? c¨® ¨ªch cho vi?c xem x¨¦t t?ng quan v? Open Graph ? t?i v? tr¨ª trung t?m c?a b?c h¨¬nh tr¨ºn l¨¤ user s? d?ng Facebook. C¨¢c v¨°ng tr¨°n ? xung quanh ch¨ªnh l¨¤ c¨¢c Object m¨¤ Facebook c¨® th? cung c?p cho user. C¨¢c ki?u Object ???c ??nh ngh?a trong ph?n Built-in Object Types. Trong entry n¨¤y, Object ???c hi?u l¨¤ m?t y?u t? c?u th¨¤nh c?a Social Graph, c¨°n ? ngo¨¤i ph?m vi entry n¨¤y, Object c¨°n ???c ??nh ngh?a bao g?m c? nh?ng Object c¨® kh? n?ng s? d?ng trong Graph API nh? l¨¤ User v¨¤ Page. ???ng th?ng n?i gi?a c¨¢c object v?i nhau ???c g?i l¨¤ ¡°action (hay edge)¡± tr¨ºn l??c ?? c?a Open Graph. Trong khung m¨¤u xanh ???c hi?n th? tr¨ºn c¨¢c ???ng th?ng n¨¤y c¨® c¨¢c ??ng t? ¡° like¡±, ¡°listen¡±, ¡°watch¡±, ¡°cook¡±, ?¨® ch¨ªnh l¨¤ Built-in Action Types (V¨¤o th?i ?i?m tham kh?o 23/01/2012 trong t¨¤i li?u d¨¤nh cho Facebook Developers m?i ch? c¨® gi?i th¨ªch v? ??ng t? www.media.looops.net 4/13
- 5. ?ng d?ng Facebook open graph l¨¤ g¨¬? ¡°watch¡± ). Ri¨ºng ??ng t? ¡°cook¡±, t?i c?ng kh?ng r? n¨® c¨® ph?i l¨¤ m?t ??ng t? m?i ???c c?ng nh?n trong Open Graph kh?ng (Tham kh?o ¡°Submit for Approval¡± v? vi?c y¨ºu c?u v¨¤ x¨¢c nh?n ??ng t?). Object Types c¨® th? l?a ch?n tr¨ºn m¨¤n h¨¬nh setting c?a Open Graph N?u suy ?o¨¢n qua nh?ng t? ng? ???c d¨´ng trong t¨¤i li?u (nh? expand, extend) c¨® th? t¨®m l?i v? Open Graph, ?¨® l¨¤ ¡°m?t d?ng th?c m? r?ng ??i v?i b¨ºn th? 3 (third party)¡± h??ng t?i h? th?ng d? li?u c¨® li¨ºn quan ??n m?t core c?a Facebook ???c g?i l¨¤ ¡°Social Graph¡±. N?u n¨®i ??n d?ng th?c m? r?ng th¨¬ hi?n c¨® Graph API ?ang ???c s? d?ng r?ng r?i. Trong Graph API, c¨´ng m?t API cho ph¨¦p ¡°truy c?p¡± (access) ??n Facebook Social Graph v¨¤ cung c?p thu?c t¨ªnh m? r?ng, c¨°n Open Graph c¨® th? cung c?p thu?c t¨ªnh m? r?ng cho c¨¢c ??i t??ng l¨¤ ¡°object v¨¤ action trong Social Graph¡±, ?¨® l¨¤ m?t kh¨¢c bi?t c¨® th? nh?n th?y r?. N?u b?n l¨¤ m?t developer ?? t?ng s? d?ng kh¨¢i ni?m ?a h¨¬nh Polymorphism trong thi?t k?, cho d¨´ n¨®i c¨¢c Object ? ??y bao g?m c? c¨¢c ??ng th¨¢i (Method object) ???c g?i l¨¤ ¡°action¡± (s? ???c ?? c?p ? ph?n sau) th¨¬ c¨® l? c?ng kh?ng g?y ?nh h??ng g¨¬. Th?c t?, action ? ??y kh?ng ph?i l¨¤ ch? c¨® th? thi?t l?p ???c c¨¢c logical name (¡°cook¡±, ¡°listen¡±, ¡°like¡±) m¨¤ c¨°n c¨® th? ??nh ngh?a ??n c? properties. Open Graph Protocol (OGP) www.media.looops.net 5/13
- 6. ?ng d?ng Facebook open graph l¨¤ g¨¬? Tr¨ºn c¨¢c di?n ?¨¤n SEO v¨¤ c¨¢c di?n ?¨¤n thu h¨²t m?t l??ng l?n ng??i d¨´ng, OGP nhi?u l?n ???c gi?i thi?u gi?ng nh? l¨¤ ¡°Method c?a FBO (Facebook Optimize)¡±. B?n th?n n¨® l¨¤ ??c t? k? thu?t (spec) c?a m?t b? si¨ºu d? li?u Metadata, ?¨®ng vai tr¨° ??nh ngh?a gi¨²p cho m¨¢y t¨ªnh d? x? l? c¨¢c th?ng tin tr¨ºn webpage (?? bi?t th¨ºm th?ng tin, c¨¢c b?n c¨® th? tham kh?o trong b¨¤i vi?t ¡°SEO ¨C th? h? sau c?a Semantic Web v¨¤ Facebook OGP¡± tr¨ºn blog n¨¤y). Facebook OGP ?? ??nh ngh?a c¨¢c th?ng s? k? thu?t li¨ºn quan ??n vi?c trao ??i d? li?u gi?a Facebook v¨¤ c¨¢c website b¨ºn ngo¨¤i, v¨¬ th? c¨® th? thu th?p ???c th?ng tin t? c¨¢c website ngo¨¤i v¨¤o trong Facebook Social Graph. OGP ???c gi?i thi?u v?i vai tr¨° l¨¤ gi?i ph¨¢p cho v?n ?? c?i thi?n PV v¨¤ viral, ?? t?p trung c¨¢c ?u ??i g?n li?n v?i Facebook (c¨¢c website chia s? ???c hi?n th? tr¨ºn trang Facebook nhi?u h?n v¨¤ hi?u qu? h?n) ?? m? r?ng c?ng ??ng. B?n chi ti?t th?ng s? k? thu?t c?a OGP c¨® th? tham kh?o t?i Open Web Foundation Agreement (OWFa) 0.9. Open Web Foundation (OWF) ???c th¨¤nh l?p n?m 2007 b?i David Recordon ¨C ???c ghi danh v?i t? c¨¢ch l¨¤ th¨¤nh vi¨ºn c?a Six Apart, l¨¤ ng??i ?i ??u trong vi?c ph¨¢t tri?n v¨¤ ph? bi?n OpenID. Ngo¨¤i nh?ng th¨¤nh vi¨ºn c¨¢ nh?n, Google, Facebook, Microsoft, Yahoo!, Salesfore c?ng tham gia v¨¤o t? ch?c n¨¤y, v¨¤ trong s? ?¨®, Facebook ?? th? th¨¤nh trung t?m ??a ra quy?t s¨¢ch. Trong ph?n document c¨® li¨ºn quan ??n Open Graph ¨C ch? ?? c?a entry n¨¤y, ??u c¨® l?i gi?i th¨ªch ¡°Version m?i ??y c?a Open Graph ???c tung ra v?i m?c ?¨ªch gi¨²p cho b¨ºn th? ba (third party) d? d¨¤ng chia s? page v¨¤ website c?a m¨¬nh ??n v?i c¨¢c user s? d?ng Facebook¡±. Th?c t?, OGP c?ng c¨® nhi?u ?i?m chung v?i c¨¢c Built-in Object Types trong Open Graph. Tuy nhi¨ºn, v?i ¡°ogp.me¡± ???c qu?n l? b?i t? ch?c phi l?i nhu?n, c¨® m?c ti¨ºu vi?c x?y d?ng v¨¤ ph¨¢t tri?n c¨¢c b?ng chi ti?t th?ng s? k? thu?t li¨ºn quan ??n Web d?a tr¨ºn nh?ng th?o lu?n c?ng ??ng ng??i s? d?ng (community base) v¨¤ ¡°Facebook Open Graph Protocol¡± ???c c¨¢c doanh nghi?p t? nh?n nh? Facebook x?y d?ng nh?m m?c ?¨ªch m? tr?ng website c?a ch¨ªnh m¨¬nh, t?i ngh? ch¨²ng n¨ºn ???c ph¨¢t tri?n ri¨ºng r? m?t c¨¢ch v?ng m?nh th¨¬ t?t h?n. V?i suy ngh? nh? v?y, th¨¬ li?u l?i gi?i th¨ªch r?ng Facebook OGP l¨¤ m?t t?p con c?a Open Graph, v¨¤ c¨® m?t phi¨ºn b?n t? tr??c ?¨® s? ???c l? gi?i d? d¨¤ng h?n ph?i kh?ng? ??c tr?ng c?a ?ng d?ng Open Graph www.media.looops.net 6/13
- 7. ?ng d?ng Facebook open graph l¨¤ g¨¬? ? trong c¨¢c m?c tr??c, Open Graph ???c ch? ra l¨¤ m?t d?ng th?c m? r?ng h??ng ??n b¨ºn th? 3 c?a Social Graph, l¨¤ m?t ?ng d?ng c¨® li¨ºn quan ??n c¨¢c ??nh ngh?a v? Object v¨¤ Action, c¨® kh? n?ng truy c?p v¨¤o c¨¢c Object, kh¨¢c v?i Graph API. ?ng d?ng Open Graph ?? s? d?ng giao th?c Open Graph ???c g?i l¨¤ ¡°?ng d?ng Timeline¡± - ?ng d?ng Timeline, ???c ph?n bi?t v?i c¨¢c ?ng d?ng kh¨¢c d?a tr¨ºn h¨¬nh th?c bi?u hi?n. C¨¢c ??c tr?ng c?a ?ng d?ng Open Graph ???c li?t k¨º nh? d??i ??y. ? C¨® th? s? d?ng c¨¢c action v¨¤ object do m¨¬nh t? ??nh ngh?a ? C¨® th? nh?n ???c ¡°s? ??ng ? hi?n th? c¨¢c activity tr¨ºn giao di?n timeline¡± c?a user. D??i ??y t?i s? vi?t v? t?ng ??c tr?ng ri¨ºng. Object v¨¤ action do m¨¬nh t? ??nh ngh?a Trong ?ng d?ng Open Graph, c¨¢c app developer c¨® th? ??nh ngh?a th¨ºm nhi?u d?ng action kh¨¢c ngo¨¤i action ¡°Like¡±. ??ng th?i, c?ng c¨® th? t?o ra ???c c¨¢c Object t??ng ?ng l¨¤ ??i t??ng c?a action. www.media.looops.net 7/13
- 8. ?ng d?ng Facebook open graph l¨¤ g¨¬? Trong m¨¤n h¨¬nh setting ?ng d?ng ???c hi?n th? trong dashboard c?a Facebook developers hi?n t?i, ch?n menu ¡°Edit Open Graph¡±, ? ??y b?n c¨® th? thi?t l?p c¨¢c Object, Action, Aggregations m¨¤ ?ng d?ng s? d?ng. Object l¨¤ ¡°m?t th?c th? ??n ¨C mono¡± m¨¤ ?ng d?ng chia s? trong Social Graph, v¨ª d? nh? l¨¤ ¡°Tin t?c s? ki?n¡±, ¡°C?ng th?c n?u ?n¡±, ¡°?m nh?c¡±. Action th? hi?n c¨¢c ho?t ??ng (activity) ??i v?i object. N?u object l¨¤ ¡°tin t?c s? ki?n¡± th¨¬ action s? l¨¤ ¡°read¡±, ¡°chia s? v?i b?n b¨¨¡±, n?u object l¨¤ ¡°c?ng th?c n?u ?n¡± th¨¬ action s? l¨¤ ¡°cook¡± ch?ng h?n. ?¨® l¨¤ m?t s? object c¨® s?n tr¨ºn facebook. Aggrerations l¨¤ ch?c n?ng t¨´y ch?nh c¨¢ch th?c tr¨¬nh b¨¤y (m? th?c layout) hi?n th? action tr¨ºn giao di?n timeline. Trong b¨¤i vi?t tr¨ºn Tech Crunch, ng¨¤y 19 th¨¢ng 1 c¨® gi?i thi?u c¨¢c c?p Action v¨¤ Object ???c release m?i nh?t. T?i xin tr¨ªch d?n ra m?t v¨¤i v¨ª d?. V¨ª d? v? Object v¨¤ action ? ?? mua [h¨¤ng h¨®a] (E-commerce) ? ?? mua v¨¦ cho c¨¢c [ s? ki?n] (Mua b¨¢n v¨¦) ? ?? quy¨ºn g¨®p cho [c¨¢c h?i t? thi?n/project] (Quy¨ºn g¨®p - ?ng h? ti?n) ? ?? ??n th?m quan/ tr? l?i t?i c¨¢c [??a ?i?m du l?ch] (Du l?ch) ? ?? chia s? [n?i dung] (chia s?) ? ?? comment [c¨¢c b¨¤i vi?t]/ tr? l?i [c¨¢c c?u h?i] (Comment/Q&A) www.media.looops.net 8/13
- 9. ?ng d?ng Facebook open graph l¨¤ g¨¬? ? ?? k?t n?i v?i [username] (Professional network) ? ?? n?u ?n theo [c?ng th?c] (Website d?y n?u ?n) ? ?? h?c [kh¨®a h?c] (E-learning) N?i dung trong d?u ngo?c vu?ng [] l¨¤ Object, ??ng t? l¨¤ Action, n?i dung trong d?u ngo?c ??n () l¨¤ c¨¢c v¨ª d? v? c¨¢c website. S? ??ng ? hi?n th? activity tr¨ºn giao di?n timeline Khi nh?n ???c s? ??ng ? c?a user, th¨¬ ?ng d?ng Open Graph s? c¨® th? hi?n th? (??ng t?i) c¨¢c activity tr¨ºn giao di?n timeline. Tuy Graph API c?ng c¨® th? hi?n th? th?ng tin tr¨ºn Social Channels n?u nh? nh?n ???c Permission, nh?ng vi?c ??ng t?i activity tr¨ºn ?ng d?ng Timeline th¨¬ c¨® v? h?i ?m th?m. Li¨ºn quan ??n vi?c ??ng t?i c¨® s? d?ng Graph API, trong Platform Policy (b?n Ti?ng Nh?t) y¨ºu c?u ph?i c¨® s? ??ng ? c?a user ngay c? khi ?? nh?n ???c permission. 3. D¨´ trong tr??ng h?p ?? nh?n ???c s? cho ph¨¦p c?a user v? vi?c c?ng khai th?ng tin, th¨¬ tr??c khi th?c hi?n c¨¢c action thay cho user (c?ng khai c¨¢c content, t?o c¨¢c event) th¨¬ c?n c¨® ???c s? ??ng ? t? user ?¨®. Facebook Platform policy (IV Point application intergration) M?t kh¨¢c, trong ?ng d?ng Open Graph (N¨®i m?t c¨¢ch ch¨ªnh x¨¢c h?n l¨¤ ¡°?ng d?ng ??ng t?i action Open Graph¡±) c¨® ¡°publish_actions¡± v?i t? c¨¢ch l¨¤ permission ??c bi?t. T?i trang Permissions c?ng c¨® quy ??nh ¡°Enables your application to publish user scores and achievements¡± ¨C ¡°Cho ph¨¦p ?ng d?ng c?a b?n ??ng t?i ?i?m s? v¨¤ th¨¤nh t¨ªch c?a user¡±, nh?ng trong ph?m vi nh?ng g¨¬ b?n ??c ? Tutorial c?a ?ng d?ng Open Graph th¨¬ c¨® l? permission ?? ??ng t?i action Open Graph kh?ng kh?i l¨¤ v?n ?? ?¨¢ng lo ngh?. ??ng th?i, permission n¨¤y v?n c¨® kh? n?ng nh?n ???c d¨´ s? d?ng Social Plugins nh? ¡°Add to Timeline¡±. D??i ??y t?i xin ??a ra m?t v¨ª d? c? th?. ¡öCode£¨XFBML£© ¡öOutput£¨D?ng button£© www.media.looops.net 9/13
- 10. ?ng d?ng Facebook open graph l¨¤ g¨¬? ¡ü Nh?n v¨¤o ¡°Add to Timeline¡± ? ph¨ªa tr¨ºn th¨¬ c¨¢ch th?c hi?n th? s? thay ??i. ¡ö H?p tho?i x¨¢c nh?n N?u nh?n ???c permission n¨¤y, s? c¨® th? ??ng t?i c¨¢c activity tr¨ºn c? s? c¨¢c action c?a user (Tr??ng h?p c¨¢ bi?t th¨¬ c?n ph?i c¨® x¨¢c th?c c?a Facebook). ??y l¨¤ vi?c th?c hi?n concept c¨® t¨ºn ¡°Frictionless sharing¡± ?? ???c Facebook ph¨¢t bi?u t?i F8 v¨¤o n?m ngo¨¢i. N?u nh? User nh?n v¨¤o n¨²t ¡°Add to timeline¡± (t??ng ???ng v?i vi?c nh?n ???c permission publish_actions) tr¨ºn website tin t?c hay ??c, cho d¨´ b?n kh?ng nh?n v¨¤o n¨²t ¡°like¡± th¨¬ m?i ng¨¤y tr¨ºn wall c?a b?n v?n chia s? activity v?i n?i dung ¡°?? ??c [tin t?c s? ki?n]¡±. Activity s? t? ??ng ch?y tr¨ºn social chanel c?a user m?i l?n nghe nh?c tr¨ºn m?t ?ng d?ng ?m nh?c, m?i l?n b?n ?ng h? tr¨ºn ?ng d?ng v? v?n ?? ?ng h?. Ch?c n?ng n¨¤y c¨® li¨ºn quan ??n vi?c ??ng t?i c? nh?ng v?n ?? ri¨ºng t?, n¨ºn t?i ngh? r?ng ??y l¨¤ m?t th? th¨¢ch ??y tham v?ng h??ng t?i m?c ti¨ºu ¡°g?n k?t internet v¨¤ c¨¢c h¨¤nh ??ng trong th? gi?i th?c¡±. Trong t??ng lai, c¨® l? ch? c?n ???c ch?ng th?c th?i l¨¤ to¨¤n b? c¨¢c ho?t ??ng ??u c¨® th? chia s? th?ng qua internet (X¨¦t v? m?t k? thu?t l¨¤ c¨® th?). ?¨® s? l¨¤ m?t th? gi?i m¨¤ khi b?n s? d?ng IC card mua n??c hoa qu? ? m¨¢y b¨¢n h¨¤ng t? ??ng hay xem th?ng tin v? v¨¦ xem phim ? r?p chi?u phim th¨¬ lo?i n??c m¨¤ b?n ?? mua, hay b? phim m¨¤ b?n s? xem s? ??u ???c chia s? qua internet. Tuy nhi¨ºn, v?i nhi?u ng??i kh¨¢c, nh?ng th?ng tin ki?u nh? v?y ???c coi l¨¤ d? li?u r¨¢c. Th? n¨ºn, Facebook d??ng nh? c?ng ?ang suy ngh? ??n vi?c tr¨¢nh hi?n t??ng tr¨´ng l?p d? li?u b?ng concept c¨® t¨ºn l¨¤ ¡°Real-time Serendipity¡±. V¨¬ ??y l¨¤ concept kh¨® n¨ºn trong kh? n?ng hi?n t?i c?a m¨¬nh, t?i kh?ng th? gi?i th¨ªch chi ti?t cho c¨¢c b?n v? n¨®, nh?ng t?i c?m th?y r?ng ¡°N?u nh? c¨® th? ??t tr?ng s? ch¨ªnh x¨¢c cho c¨¢c d? li?u d?a tr¨ºn c? s? Social Graph, t? kh?i www.media.looops.net 10/13
- 11. ?ng d?ng Facebook open graph l¨¤ g¨¬? l??ng d? li?u action kh?ng l? c?a user, th¨¬ c¨® th? cung c?p ???c nh?ng d? li?u c¨® gi¨¢ tr? mang t¨ªnh ch?t kh¨¢ch quan v¨¤ bao qu¨¢t¡±. S? d?ng action ri¨ºng bi?t ?? c¨® th? th¨¤nh c?ng tr??c th? th¨¢ch m?i ch?a ??ng nhi?u c? h?i v¨¤ r?i ro gi?ng nh? ?? n¨®i ? tr¨ºn, Facebook ?ang th?n tr?ng trong t?ng b??c ?i c?a m¨¬nh. ?? cho timeline v¨¤ feed c?a user kh?ng b? ng?p b?i nh?ng tin t?c l?p ?i l?p l?i, h? ?? ch?n ri¨ºng ??i t¨¢c ph¨¢t tri?n ?ng d?ng Open Graph, v¨¤ c¨® l? s? th?c hi?n ki?m ch?ng c¨¢c action b?ng c¨¢ch th? c?ng. D¨´ l¨¤ tr¨ºn dashboard c?a Developer c¨® th? th?c hi?n thao t¨¢c th¨ºm action m?t c¨¢ch t? do, nh?ng ?? cho c¨¢c user th?ng th??ng c?ng th?y ???c ?i?u ?¨® th¨¬ c?n ph?i g?i request l¨ºn Facebook v¨¤ ph?i ???c x¨¢c nh?n. Flow c?a request n¨¤y ???c vi?t b?ng ti?ng anh, nh?ng th?t l¨¤ may m?n l¨¤ anh Oklahomer ?? ch¨²ng ta gi¨²p d?ch sang ti?ng Nh?t. V¨¬ guideline c?a review c?ng ???c ghi l?i, n?u ki?m tra request c?a action th¨¬ c¨® l? n¨ºn theo d?i trong ?¨®. Tham kh?o: Submit for approval (Tips v¨¤ ph?n d?ch ti?ng Nh?t ph?n t¨¤i li?u d¨¤nh cho Facebook Developers) Tuy nhi¨ºn, hi?n t?i v¨¬ m?i ch? ?ang trong giai ?o?n ch?y phi¨ºn b?n beta n¨ºn Open Graph ch?a ???c x¨¢c th?c. Website n¨¤y (In the looop) c?ng ?ang g?i request, n¨ºn tr?ng th¨¢i hi?n th? v?n l¨¤ ¡°?ang ch? x¨¢c nh?n¡±. Step 4 Trong th?i gian ch?y b?n beta, Open Graph action ch?a ???c x¨¢c nh?n cho ??n khi timeline ???c ¨¢p d?ng cho m?i user. N?u ?ng d?ng ???c review th¨¬ status hi?n th? t?i trang Open Graph Dashboard v¨¤ Edit Action c?a Dev App s? th? th¨¤nh Approved ho?c l¨¤ Rejected. Submit for approval (Tips v¨¤ ph?n d?ch ti?ng Nh?t ph?n t¨¤i li?u d¨¤nh cho Facebook Developers) Tuy nhi¨ºn, b?n th?n nh?ng ng??i ph¨¢t tri?n ?ng d?ng c¨® th? cho hi?n th? Social plugins v¨¤ ?ng d?ng ?? s? d?ng Open Graph action. V¨¬ t?i ?ang l¨¤ ng??i qu?n l? ?ng d?ng tr¨ºn In the looop, n¨ºn t?i cho hi?n th? Social Plugin c?a b?n beta c¨® t¨ºn ¡°Recommendations Bar¡± ? ph¨ªa d??i c?a website n¨¤y. www.media.looops.net 11/13
- 12. ?ng d?ng Facebook open graph l¨¤ g¨¬? S? d?ng Internet th?ng qua PC ¡öHome panel . RDD panel kho?ng 18000 ng??i T?t c? nh?ng ng??i trong gia ?¨¬nh t? 2 tu?i tr? l¨ºn c¨® s? h?u PH v¨¤ c¨® th? k?t n?i internet. . Mega panel kho?ng 22000 ng??i. C¨¢c c¨¢ nh?n s?a d?ng PC ?? k?t Tracking theo n?i internet. Netsight ¡ö Work panel kho?n 2200 ng??i 16 tu?i tr? l¨ºn l¨¤m vi¨ºc trong Cung c?p k?t qu? ph?n c?ng ty c¨® m?i tr??ng l¨¤m vi?c t¨ªch d? li?u trong m?i c¨® th? k?t n?i internet. tr??ng online [Recommendation bar Plugin] Khi scroll xu?ng ph¨ªa d??i c¨´ng c?a b¨¤i vi?t, tr?ng th¨¢i s? ???c chuy?n th¨¤nh ¡°Reading is On¡±, v¨¤ m?t b¨¤i b¨¢o g?i ? kh¨¢c s? ???c hi?n th?. ?? ??ng t?i Action ¡°Read¡±, c?n nh?n ???c s? x¨¢c nh?n t? user b?ng vi?c nh?n ¡°Add to timeline H¨¬nh ?nh hi?n th? Recommendations Bar Cu?i c¨´ng Tr¨ºn ??y t?i ?? t?p h?p l?i nh?ng v?n ?? t?i bi?t v? ?ng d?ng Open Graph ¨C m?t topic ???c quan t?m g?n ??y. V¨¬ ??y v?n l¨¤ b?n beta v¨¤ b¨¤i vi?t n¨¤y c?ng kh¨¢ nhi?u v?n ?? li¨ºn quan ??n k? thu?t, n¨ºn c¨® nhi?u ph?n v?n ch?a ???c ki?m ch?ng. N?u c¨® ??c gi? n¨¤o nh?n th?y c¨® b?t www.media.looops.net 12/13
- 13. ?ng d?ng Facebook open graph l¨¤ g¨¬? c? l?i g¨¬ do d?ch ch?a chu?n hay sai v? ki?n th?c th¨¬ h?y g¨®p ? cho t?i v¨¤o ??a ch? naoto@looops.net, t?i r?t vui l¨°ng ?¨®n nh?n. V? t¨ªnh n?ng n¨¤y, ? trong b¨¤i vi?t t?i c¨® s? d?ng t? ¡°tham v?ng¡±, tuy nhi¨ºn t?i kh?ng th? n¨¤o t¨ªnh ???c t?t c? c¨¢c c? h?i v¨¤ r?i ro c?a vi?c chia s? ng?m c¨¢c ho?t ??ng trong ??i s?ng th?c c?a user tr¨ºn internet. V?n l¨¤ m?t developer, tuy bi?t r?ng th? gi?i th?c c?a ch¨²ng ta ?ang b? h¨²t m?nh v¨¤o nh?ng concept ???c tr?u t??ng h¨®a, ??ng b? h¨®a v¨¤ m? r?ng b?i m?t chi?u kh?ng gian kh¨¢c m¨¤ ng??i ta v?n g?i l¨¤ internet, nh?ng t?i kh?ng th? n¨¤o kh?ng c?m th?y kinh h?i tr??c vi?c c¨¢c th?ng tin ?¨® b? th?u t¨®m ch? b?i m?t doanh nghi?p duy nh?t. V¨¬ con ng??i r?t nhanh ch¨®ng th¨ªch ?ng n¨ºn 10 n?m sau th¨¬ c¨® l? n¨® s? tr? th¨¤nh m?t vi?c h?t s?c b¨¬nh th??ng, nh?ng t?i ngh? r?ng khi m?i ?ang ch? ? giai ?o?n chu?n b? cho nh?ng thay ??i l?n h?n s?p di?n ra, th¨¬ th?t t?t khi ???c t? do l¨¤m nh?ng g¨¬ m¨¬nh th¨ªch. Ngu?n: http://media.looops.net/naoto/2012/01/24/facebook_open_graph_app/ D?ch b?i : C?ng ty C? ph?n AI&T www.media.looops.net 13/13