Successfully reported this slideshow.

Open graph facebook_barcamp

854 views

Published on

  • Be the first to comment

  • Be the first to like this

Open graph facebook_barcamp

  1. 1. Die  Facebook-­‐Experten     Wir  konzipieren  und  entwickeln   Facebook  Apps  &  Games   für  Markenunternehmen.  SnipClip  GmbH   Tel.  +49  (0)89  45  20  506-­‐11   Follower  /  Fan  werden:    Schellingstraße  35   Email  info@snipclip.com   www.twi0er.com/snipclip    80799  München   Web  www.snipclip.com   www.facebook.com/snipclipcom  
  2. 2. Facebook  und  Open  Graph     Wieso,  WissenschaD/Protokoll,  Umzugshelfer,   Umsetzung,  Beispiele,  Checklist     Eure  Erfahrungen?!   SnipClip  GmbH   Tel.  +49  (0)89  45  20  506-­‐11   Follower  /  Fan  werden:     Schellingstraße  35   Email  info@snipclip.com   www.twi0er.com/snipclip     80799  München   Web  www.snipclip.com   www.facebook.com/snipclipcom  
  3. 3. KONZEPTIONELLE  SICHT  Like  war  gestern.   3  
  4. 4. KONZEPTIONELLE  SICHT  Sponsored  Stories  Bislang:  „a  record  label  could  Sponsor  Likes  of  their  arsts’  Pages,  but  not  listens  of  those  arsts  through  Spofy.“    ZukunD:  Now,  a  band  could  sponsor  listens  of  their  songs,  and  TV  studios  could  sponsor  watches  of  their  episodes  on  Hulu  or  Neblix.    h0p://techcrunch.com/2012/02/09/open-­‐graph-­‐sponsored-­‐stories/   4  
  5. 5. TECHNISCHE  SICHT  WissenschaD  dahinter  •  Semanc  Web   •  Eindeuge  Benennung   •  Bedeutung  hinter  allem  (im  Internet)   •  Kontext:  „Bank“  (Sparkasse)  vs.  „Bank“  (Park)  •  Menschen  wissen  das  „Avatar“  bei  IMDb  und  bei  moviepilot   der  gleiche  Film  ist  •  Computer  will  das  auch  wissen     5  
  6. 6. TECHNISCHE  SICHT  Open  Graph  Protocol  •  Open  Graph  Protocol  h0p://ogp.me/     •  Jedes  Objekt  hat  eine  eindeuge  URL   •  In  der  HTML-­‐Seite  sind  Metainformaonen   •  è  CMS  erforderlich   •  Für  die  Verben  ist  Facebook  das  CMS  •  Festgelegt  von  Facebook  •  Inspiriert  von  RDFa  und  Microformats     6  
  7. 7. Open  Graph  Immobilienscout  Umzugshelfer   7  
  8. 8. 8  
  9. 9. 9  
  10. 10. 10  
  11. 11. 11  
  12. 12. TECHNISCHE  SICHT  Facebook  Open  Graph  App  anlegen   12  
  13. 13. TECHNISCHE  SICHT  Verben  und  Objekte  definieren   13  
  14. 14. TECHNISCHE  SICHT  Social  Graph  bei  Facebook  •  Jedes  Objekt  im  Social  Graph  hat  eine  ID  •  Zugriff  auf  alle  Eigenschamen   h0ps://graph.facebook.com/ID  •  Facebook  Plaborm  hat  ID  19292868552     h0ps://graph.facebook.com/19292868552     14  
  15. 15. TECHNISCHE  SICHT  Beispiele  für  Objekte  •  Users      „Bret  Taylor“  •  Pages      „Coca-­‐Cola  page“  •  Events      „Facebook  Developer  Garage  Ausn“  •  Groups      „Facebook  Developers  group“  •  Applicaons    „the  Graffi  app“  •  Status  messages    „A  status  message  from  Bret“  •  Photos      „A  photo  from  the  Coca-­‐Cola  page“  •  Photo  albums    „Coca-­‐Colas  wall  photos“  •  Profile  pictures    „your  profile  picture“  •  Videos      „A  Facebook  tech  talk  on  Graph  API“  •  Checkins      „Check-­‐in  at  a  pizzeria“  •  Und  alles  was  Applikaonen  als  Objekte  anlegen  h0ps://developers.facebook.com/docs/reference/api/     15  
  16. 16. TECHNISCHE  SICHT  Verben  und  Objekte  kombinieren   16  
  17. 17. TECHNISCHE  SICHT  AggregaTon  für  die  Timeline   17  
  18. 18. TECHNISCHE  SICHT  Beispiel  für  AggregaTon   18  
  19. 19. TECHNISCHE  SICHT  Übersetzung  der  Verben   19  
  20. 20. TECHNISCHE  SICHT  Beispiele  für  Verben  und  Objeke  App    Verb      Object  Washington  Post  read      arcle  Spofy    listen      arsts,  songs  or  albums  Fab,com    bought      products  Payvment  want,own    products  Ticketmaster  want  to  go  to,  “recommend,”  event      “a0ended,”  and  “RSVP’ed”  AirBnB    stayed,visited    places  Polyvore    like,create    sets,  collecons  Polyvore    clip,  save      items  GiantNerd  love,want,own    products  SneakPeeq  earning      badges  SneakPeek  peeqing      prices  Chegg    share      courses  Chegg    create      groups   20  
  21. 21. TECHNISCHE  SICHT  Einschränkungen  •  Facebook  kontrolliert  Verben  •  Freigabe  des  Verbes  beantragen  •  Zeitlicher  Vorlauf  •  Beachten  der  Richtlinien   21  
  22. 22. TECHNISCHE  SICHT  Checklist   22  h0ps://developers.facebook.com/docs/opengraph/checklist/    
  23. 23. TECHNISCHE  SICHT  Checklist   23  h0ps://developers.facebook.com/docs/opengraph/checklist/    
  24. 24. Open  Graph  Workshop  Checklist     24  h0ps://developers.facebook.com/docs/opengraph/checklist/    
  25. 25. Selbst  ausprobieren  -­‐  Tutorial   h0ps://developers.facebook.com/docs/opengraph/tutorial/     25  
  26. 26. Facebook  und  Open  Graph     Wieso,  WissenschaD,  Umsetzung,  Beispiele,  Checklist     Eure  Erfahrungen?!    Wir:  SebasTan  Kurt  und  Maximilian  Soltner  von  SnipClip   SnipClip  GmbH   Tel.  +49  (0)89  45  20  506-­‐11   Follower  /  Fan  werden:     Schellingstraße  35   Email  info@snipclip.com   www.twi0er.com/snipclip     80799  München   Web  www.snipclip.com   www.facebook.com/snipclipcom  

×