NG DNG FACEBOOK OPEN GRAPH L G?

ADVANCED INTELLIGENCE TECHNOLOGY CO., JSC

5 Floor, Agribank Building, 266 Doi Can Str, Ba Dinh Dist, Hanoi, Vietnam. Tel: + 84 4 3762 4015. Fax: + 84 4 3762 1594. http://www.ai-t.vn

Li m u
Nhm bin dch thuc Cng ty C phn AI&T xin gi li cho trn trng ti tt c cc bn! Trong qu trnh lm vic, chng ti dch mt s ti liu v mun chia s cho tt c. Chng ti lun mong mun bn dch truyn ti c ht ni dung v tinh thn ca bi vit, nhng trong qu trnh dch thut c th cn nhiu thiu st, mong cc bn ng gp kin bn dch hon thin hn. Email ng gp xin gi v: support@ai-t.vn Tt c cc bn dch ch mang tnh cht tham kho v khng nhm mc ch kinh doanh, thng mi, nhm bin dch khng chu trch nhim v ni dung v tc quyn.

Xin chn thnh cm n! ---------------------------------------------------------------------------------------------------------------------

Chng ti xin gi ti cc bn bn dch ca bi vit Facebook Open Graph ca tc gi Naoto. Link bi vit gc: http://media.looops.net/naoto/2012/01/24/facebook_open_graph_app/ Tiu ting Vit: ng dng Facebook open graph l g?

ng dng Facebook open graph l g?

NG DNG FACEBOOK OPEN GRAPH L G?

24/1/2012 Tc gi: Naoto

Ngy 18 thng 1, trn nhiu bo mng nh Tech Crunch Japan, bi vit Cui cng th ng dng lifestyle Facebook Open Graph kiu mi cng c cho ra mt tr thnh tm im ch . Hin nay trn trang Facebook Timeline apps c 78 ng dng c gii thiu. Vy Open Graph l g? Ti thy cng kh tm c cu tr li n gin no cho cu hi ny trong mc Open Graph trn Facebook Developers. Trong entry ny, chng ta s cng bn v ng dng Open Graph trn c s va s dng cc document dnh cho Facebook Developers lm din n tham kho chnh, va tm hiu v cc concept v m t k thut ca Open Graph. Open Graph v Open Graph Procotol Trc ht ti xin bt u t vic tm hiu cc thut ng c lin quan n Open Graph. Mc d s dng ti liu dnh cho Facebook developers tham kho, nhng ti xin lc bt mt s chi tit cho d hiu hn, v s trnh by cc chnh m c nhn ti cm thy ph hp. ng thi, ti gn link vo cc thut ng chuyn mn, cc ng link ny c lin kt n thng tin gc, nu nh mun hiu r hn cc bn c th click vo tham kho.

www.media.loops.net.com

3/13

ng dng Facebook open graph l g?

Open Graph Hnh nh di y c ti ly t website Facbook developers (Core Concepts Open Graph), n s c ch cho vic xem xt tng quan v Open Graph

ti v tr trung tm ca bc hnh trn l user s dng Facebook. Cc vng trn xung quanh chnh l cc Object m Facebook c th cung cp cho user. Cc kiu Object c nh ngha trong phn Built-in Object Types. Trong entry ny, Object c hiu l mt yu t cu thnh ca Social Graph, cn ngoi phm vi entry ny, Object cn c nh ngha bao gm c nhng Object c kh nng s dng trong Graph API nh l User v Page. ng thng ni gia cc object vi nhau c gi l action (hay edge) trn lc ca Open Graph. Trong khung mu xanh c hin th trn cc ng thng ny c cc ng t like, listen, watch, cook, chnh l Built-in Action Types (Vo thi im tham kho
www.media.loops.net.com 4/13

ng dng Facebook open graph l g?

23/01/2012 trong ti liu dnh cho Facebook Developers mi ch c gii thch v ng t watch ). Ring ng t cook, ti cng khng r n c phi l mt ng t mi c cng nhn trong Open Graph khng (Tham kho Submit for Approval v vic yu cu v xc nhn ng t).

Object Types c th la chn trn mn hnh setting ca Open Graph Nu suy on qua nhng t ng c dng trong ti liu (nh expand, extend) c th tm li v Open Graph, l mt dng thc m rng i vi bn th 3 (third party) hng ti h thng d liu c lin quan n mt core ca Facebook c gi l Social Graph. Nu ni n dng thc m rng th hin c Graph API ang c s dng rng ri. Trong Graph API, cng mt API cho php truy cp (access) n Facebook Social Graph v cung cp thuc tnh m rng, cn Open Graph c th cung cp thuc tnh m rng cho cc i tng l object v action trong Social Graph, l mt khc bit c th nhn thy r. Nu bn l mt developer tng s dng khi nim a hnh Polymorphism trong thit k, cho d ni cc Object y bao gm c cc ng thi (Method object) c gi l action (s c cp phn sau) th c l cng khng gy nh hng g. Thc t, action y khng phi l ch c th thit lp c cc logical name (cook, listen, like) m cn c th nh ngha n c properties.
www.media.loops.net.com 5/13

ng dng Facebook open graph l g?

Open Graph Protocol (OGP) Trn cc din n SEO v cc din n thu ht mt lng ln ngi dng, OGP nhiu ln c gii thiu ging nh l Method ca FBO (Facebook Optimize). Bn thn n l c t k thut (spec) ca mt b siu d liu Metadata, ng vai tr nh ngha gip cho my tnh d x l cc thng tin trn webpage ( bit thm thng tin, cc bn c th tham kho trong bi vit SEO th h sau ca Semantic Web v Facebook OGP trn blog ny). Facebook OGP nh ngha cc thng s k thut lin quan n vic trao i d liu gia Facebook v cc website bn ngoi, v th c th thu thp c thng tin t cc website ngoi vo trong Facebook Social Graph. OGP c gii thiu vi vai tr l gii php cho vn ci thin PV v viral, tp trung cc u i gn lin vi Facebook (cc website chia s c hin th trn trang Facebook nhiu hn v hiu qu hn) m rng cng ng. Bn chi tit thng s k thut ca OGP c th tham kho ti Open Web Foundation Agreement (OWFa) 0.9. Open Web Foundation (OWF) c thnh lp nm 2007 bi David Recordon c ghi danh vi t cch l thnh vin ca Six Apart, l ngi i u trong vic pht trin v ph bin OpenID. Ngoi nhng thnh vin c nhn, Google, Facebook, Microsoft, Yahoo!, Salesfore cng tham gia vo t chc ny, v trong s , Facebook th thnh trung tm a ra quyt sch. Trong phn document c lin quan n Open Graph ch ca entry ny, u c li gii thch Version mi y ca Open Graph c tung ra vi mc ch gip cho bn th ba (third party) d dng chia s page v website ca mnh n vi cc user s dng Facebook. Thc t, OGP cng c nhiu im chung vi cc Built-in Object Types trong Open Graph. Tuy nhin, vi ogp.me c qun l bi t chc phi li nhun, c mc tiu vic xy dng v pht trin cc bng chi tit thng s k thut lin quan n Web da trn nhng tho lun cng ng ngi s dng (community base) v Facebook Open Graph Protocol c cc doanh nghip t nhn nh Facebook xy dng nhm mc ch m trng website ca chnh mnh, ti ngh chng nn c pht trin ring r mt cch vng mnh th tt hn. Vi suy ngh nh vy, th liu li gii thch rng Facebook OGP l mt tp con ca Open Graph, v c mt phin bn t trc s c l gii d dng hn phi khng?

www.media.loops.net.com

6/13

ng dng Facebook open graph l g?

c trng ca ng dng Open Graph trong cc mc trc, Open Graph c ch ra l mt dng thc m rng hng n bn th 3 ca Social Graph, l mt ng dng c lin quan n cc nh ngha v Object v Action, c kh nng truy cp vo cc Object, khc vi Graph API. ng dng Open Graph s dng giao thc Open Graph c gi l ng dng Timeline - ng dng Timeline, c phn bit vi cc ng dng khc da trn hnh thc biu hin. Cc c trng ca ng dng Open Graph c lit k nh di y.

C th s dng cc action v object do mnh t nh ngha C th nhn c s ng hin th cc activity trn giao din timeline ca user. Di y ti s vit v tng c trng ring. Object v action do mnh t nh ngha Trong ng dng Open Graph, cc app developer c th nh ngha thm nhiu dng action

khc ngoi action Like. ng thi, cng c th to ra c cc Object tng ng l i tng ca action.

www.media.loops.net.com

7/13

ng dng Facebook open graph l g?

Trong mn hnh setting ng dng c hin th trong dashboard ca Facebook developers hin ti, chn menu Edit Open Graph, y bn c th thit lp cc Object, Action, Aggregations m ng dng s dng. Object l mt thc th n mono m ng dng chia s trong Social Graph, v d nh l Tin tc s kin, Cng thc nu n, m nhc. Action th hin cc hot ng (activity) i vi object. Nu object l tin tc s kin th action s l read, chia s vi bn b, nu object l cng thc nu n th action s l cook chng hn. l mt s object c sn trn facebook. Aggrerations l chc nng ty chnh cch thc trnh by (m thc layout) hin th action trn giao din timeline.

Trong bi vit trn Tech Crunch, ngy 19 thng 1 c gii thiu cc cp Action v Object c release mi nht. Ti xin trch dn ra mt vi v d. V d v Object v action

mua [hng ha] (E-commerce) mua v cho cc [ s kin] (Mua bn v) quyn gp cho [cc hi t thin/project] (Quyn gp - ng h tin) n thm quan/ tr li ti cc [a im du lch] (Du lch) chia s [ni dung] (chia s) comment [cc bi vit]/ tr li [cc cu hi] (Comment/Q&A) kt ni vi [username] (Professional network)
8/13

www.media.loops.net.com

ng dng Facebook open graph l g?

nu n theo [cng thc] (Website dy nu n) hc [kha hc] (E-learning)

Ni dung trong du ngoc vung [] l Object, ng t l Action, ni dung trong du ngoc n () l cc v d v cc website. S ng hin th activity trn giao din timeline Khi nhn c s ng ca user, th ng dng Open Graph s c th hin th (ng ti) cc activity trn giao din timeline. Tuy Graph API cng c th hin th thng tin trn Social Channels nu nh nhn c Permission, nhng vic ng ti activity trn ng dng Timeline th c v hi m thm. Lin quan n vic ng ti c s dng Graph API, trong Platform Policy (bn Ting Nht) yu cu phi c s ng ca user ngay c khi nhn c permission. 3. D trong trng hp nhn c s cho php ca user v vic cng khai thng tin, th trc khi thc hin cc action thay cho user (cng khai cc content, to cc event) th cn c c s ng t user . Facebook Platform policy (IV Point application intergration) Mt khc, trong ng dng Open Graph (Ni mt cch chnh xc hn l ng dng ng ti action Open Graph) c publish_actions vi t cch l permission c bit. Ti trang Permissions cng c quy nh Enables your application to publish user scores and achievements Cho php ng dng ca bn ng ti im s v thnh tch ca user, nhng trong phm vi nhng g bn c Tutorial ca ng dng Open Graph th c l permission ng ti action Open Graph khng khi l vn ng lo ngh. ng thi, permission ny vn c kh nng nhn c d s dng Social Plugins nh Add to Timeline. Di y ti xin a ra mt v d c th. CodeXFBML

OutputDng button

Nhn vo Add to Timeline pha trn th cch thc hin th s thay i.

www.media.loops.net.com 9/13

ng dng Facebook open graph l g?

Hp thoi xc nhn

Nu nhn c permission ny, s c th ng ti cc activity trn c s cc action ca user (Trng hp c bit th cn phi c xc thc ca Facebook). y l vic thc hin concept c tn Frictionless sharing c Facebook pht biu ti F8 vo nm ngoi. Nu nh User nhn vo nt Add to timeline (tng ng vi vic nhn c permission publish_actions) trn website tin tc hay c, cho d bn khng nhn vo nt like th mi ngy trn wall ca bn vn chia s activity vi ni dung c [tin tc s kin]. Activity s t ng chy trn social chanel ca user mi ln nghe nhc trn mt ng dng m nhc, mi ln bn ng h trn ng dng v vn ng h. Chc nng ny c lin quan n vic ng ti c nhng vn ring t, nn ti ngh rng y l mt th thch y tham vng hng ti mc tiu gn kt internet v cc hnh ng trong th gii thc. Trong tng lai, c l ch cn c chng thc thi l ton b cc hot ng u c th chia s thng qua internet (Xt v mt k thut l c th). s l mt th gii m khi bn s dng IC card mua nc hoa qu my bn hng t ng hay xem thng tin v v xem phim rp chiu phim th loi nc m bn mua, hay b phim m bn s xem s u c chia s qua internet. Tuy nhin, vi nhiu ngi khc, nhng thng tin kiu nh vy c coi l d liu rc. Th nn, Facebook dng nh cng ang suy ngh n vic trnh hin tng trng lp d liu bng concept c tn l Real-time Serendipity. V y l concept kh nn trong kh nng hin ti ca mnh, ti khng th gii thch chi tit cho cc bn v n, nhng ti cm thy rng Nu nh c th t trng s chnh xc cho cc d liu da trn c s Social Graph, t khi lng d liu action khng l ca user, th c th cung cp c nhng d liu c gi tr mang tnh cht khch quan v bao qut.

www.media.loops.net.com

10/13

ng dng Facebook open graph l g?

S dng action ring bit c th thnh cng trc th thch mi cha ng nhiu c hi v ri ro ging nh ni trn, Facebook ang thn trng trong tng bc i ca mnh. cho timeline v feed ca user khng b ngp bi nhng tin tc lp i lp li, h chn ring i tc pht trin ng dng Open Graph, v c l s thc hin kim chng cc action bng cch th cng. D l trn dashboard ca Developer c th thc hin thao tc thm action mt cch t do, nhng cho cc user thng thng cng thy c iu th cn phi gi request ln Facebook v phi c xc nhn. Flow ca request ny c vit bng ting anh, nhng tht l may mn l anh Oklahomer chng ta gip dch sang ting Nht. V guideline ca review cng c ghi li, nu kim tra request ca action th c l nn theo di trong . Tham kho: Submit for approval (Tips v phn dch ting Nht phn ti liu dnh cho Facebook Developers) Tuy nhin, hin ti v mi ch ang trong giai on chy phin bn beta nn Open Graph cha c xc thc. Website ny (In the looop) cng ang gi request, nn trng thi hin th vn l ang ch xc nhn. Step 4 Trong thi gian chy bn beta, Open Graph action cha c xc nhn cho n khi timeline c p dng cho mi user. Nu ng dng c review th status hin th ti trang Open Graph Dashboard v Edit Action ca Dev App s th thnh Approved hoc l Rejected. Submit for approval (Tips v phn dch ting Nht phn ti liu dnh cho Facebook Developers) Tuy nhin, bn thn nhng ngi pht trin ng dng c th cho hin th Social plugins v ng dng s dng Open Graph action. V ti ang l ngi qun l ng dng trn In the looop, nn ti cho hin th Social Plugin ca bn beta c tn Recommendations Bar pha di ca website ny.

www.media.loops.net.com

11/13

ng dng Facebook open graph l g?

S dng Internet thng qua PC

Home panel . RDD panel khong 18000 ngi Tt c nhng ngi trong gia nh t 2 tui tr ln c s hu PH v c th kt ni internet. . Mega panel khong 22000 ngi. Cc c nhn sa dng PC kt ni internet. Work panel khon 2200 ngi 16 tui tr ln lm vic trong cng ty c mi trng lm vic c th kt ni internet.

Tracking theo Netsight

Cung cp kt qu phn tch d liu trong mi trng online

[Recommendation bar Plugin] Khi scroll xung pha di cng ca bi vit, trng thi s c chuyn thnh Reading is On, v mt bi bo gi khc s c hin th. ng ti Action Read, cn nhn c s xc nhn t user bng vic nhn Add to timeline

Hnh nh hin th Recommendations Bar Cui cng Trn y ti tp hp li nhng vn ti bit v ng dng Open Graph mt topic c quan tm gn y. V y vn l bn beta v bi vit ny cng kh nhiu vn lin quan n k thut, nn c nhiu phn vn cha c kim chng. Nu c c gi no nhn thy c bt c li g do dch cha chun hay sai v kin thc th hy gp cho ti vo a ch naoto@looops.net, ti rt vui lng n nhn.

www.media.loops.net.com

12/13

ng dng Facebook open graph l g?

V tnh nng ny, trong bi vit ti c s dng t tham vng, tuy nhin ti khng th no tnh c tt c cc c hi v ri ro ca vic chia s ngm cc hot ng trong i sng thc ca user trn internet. Vn l mt developer, tuy bit rng th gii thc ca chng ta ang b ht mnh vo nhng concept c tru tng ha, ng b ha v m rng bi mt chiu khng gian khc m ngi ta vn gi l internet, nhng ti khng th no khng cm thy kinh hi trc vic cc thng tin b thu tm ch bi mt doanh nghip duy nht. V con ngi rt nhanh chng thch ng nn 10 nm sau th c l n s tr thnh mt vic ht sc bnh thng, nhng ti ngh rng khi mi ang ch giai on chun b cho nhng thay i ln hn sp din ra, th tht tt khi c c t do lm nhng g mnh thch. Ngun: http://media.looops.net/naoto/2012/01/24/facebook_open_graph_app/ Dch bi : Cng ty C phn AI&T

www.media.loops.net.com

13/13