Open graph facebook_barcamp
Upcoming SlideShare
Loading in...5
×
 

Open graph facebook_barcamp

on

  • 850 views

 

Statistics

Views

Total Views
850
Views on SlideShare
848
Embed Views
2

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 2

https://twitter.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Open graph facebook_barcamp Open graph facebook_barcamp Presentation Transcript

  • 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  
  • 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  
  • KONZEPTIONELLE  SICHT  Like  war  gestern.   3  
  • 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  
  • 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  
  • 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  
  • Open  Graph  Immobilienscout  Umzugshelfer   7  
  • 8  
  • 9  
  • 10  
  • 11  
  • TECHNISCHE  SICHT  Facebook  Open  Graph  App  anlegen   12  
  • TECHNISCHE  SICHT  Verben  und  Objekte  definieren   13  
  • 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  
  • 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  
  • TECHNISCHE  SICHT  Verben  und  Objekte  kombinieren   16  
  • TECHNISCHE  SICHT  AggregaTon  für  die  Timeline   17  
  • TECHNISCHE  SICHT  Beispiel  für  AggregaTon   18  
  • TECHNISCHE  SICHT  Übersetzung  der  Verben   19  
  • 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  
  • TECHNISCHE  SICHT  Einschränkungen  •  Facebook  kontrolliert  Verben  •  Freigabe  des  Verbes  beantragen  •  Zeitlicher  Vorlauf  •  Beachten  der  Richtlinien   21  
  • TECHNISCHE  SICHT  Checklist   22  h0ps://developers.facebook.com/docs/opengraph/checklist/    
  • TECHNISCHE  SICHT  Checklist   23  h0ps://developers.facebook.com/docs/opengraph/checklist/    
  • Open  Graph  Workshop  Checklist     24  h0ps://developers.facebook.com/docs/opengraph/checklist/    
  • Selbst  ausprobieren  -­‐  Tutorial   h0ps://developers.facebook.com/docs/opengraph/tutorial/     25  
  • 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