Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference

3,963 views

Published on

  • Be the first to comment

Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference

  1. 1. Open Graph - How to connect all the things. thanks for the ad(d).Open Graph - How to connect all the things AllFacebook DevCon, Berlin 11/2012 Michael Kamleitner, Die Socialisten http://die.socialisten.at Michael Kamleitner, Die Socialisten
  2. 2. Über: Die Socialisten“Die Socialisten” sind eine Wiener Social Software-Agentur,die sich seit 2007 auf die Konzeption und Umsetzungvon Applikationen und Marketing-Lösungen aufSocial Web Plattformen wie Facebook konzentriert.Seither wurden weit über 100 Brand-Pages und -Appserfolgreich umgesetzt. Zu den Kunden zählen Red Bull, AxelSpringer/Bild.de, Krone Multimedia, ATV und Hitradio Ö3."Die Socialisten" wurden als erste österreichische Agenturim offiziellen "Facebook Preferred Marketing Developer"-Programm in den Bereichen Apps & Pages gelistet.http://die.socialisten.at | http://facebook.com/diesocialisten die.socialisten.at social network development
  3. 3. Timeline & Open Graph:1 Jahr später: Apps, Actions & Analytics die.socialisten.at social network development Photo: Chip.de
  4. 4. Timeline & Open Graph:Opportunities- Social Graph Integration: Open Graph Protocol war nur der Anfang!- Social Graph Customization: Objects, Actions, Aggregations- User Growth & Distribution: Newsfeed, Ticker, Timeline- Personalisierung: Facepile & andere Social Plugins- Cross-Plattform: Web, Mobile (Native/Web), Devices ...Mehr: https://developers.facebook.com/docs/technical-guides/opengraph/ http://die.socialisten.at Social Software Development
  5. 5. http://die.socialisten.atSocial Software Development
  6. 6. Tschüss, FB.ui({method:‘feed’},...)...aka der gemeine Wall-Posting-Dialog die.socialisten.at social network development
  7. 7. Tschüss, FB.ui({method:‘feed’,...})Das gute (?), alte Wall-Posting verliert an Bedeutung:- Feed-Dialoge nerven- Feed-Dialoge werden oft abgebrochen- Feed-Publish im Hintergrund über /me/feed meist fies- Per Feed-Dialog veröffentlichte Stories sehen immer gleich aus (Title, Description, Image, User Message)- Distribution von Wall-Postings im News-Feed sinkt! http://die.socialisten.at Social Software Development
  8. 8. Vergleich: DistributionFeed-Dialog vs. Open Graph ActionDistribution Feed-Dialog: März ’12: 130x Juli ’12: 68x Okt. ’12: 31x http://die.socialisten.atGemessen wurde jeweils dieselbe App, Feed-Stories blieben unverändert! Social Software Development
  9. 9. Vergleich: DistributionFeed-Dialog vs. Open Graph ActionDistribution Feed-Dialog: Okt. ’12: 31xDistribution von Open Graph-Actions: Okt. ’12: 126xDistribution variiert je nach Inhalt & Type der Action! http://die.socialisten.at Social Software Development
  10. 10. Regel #1:Jede Story die derzeit über Feed-Dialog oder /me/feed veröffentlicht wird,kann als Open Graph-Action deutlich größere Distribution erzielen! http://die.socialisten.at Social Software Development
  11. 11. 7 Regeln:Design der idealen Open Graph-App
  12. 12. http://die.socialisten.atSocial Software Development
  13. 13. Guideline:Passive Sharing / Content ConsumptionPassive Sharing: automatisch, ohne explizite Handlung desBenutzers veröffentlichte Open Graph-ActionMeistens genutzt für Actions im Bereich der Content Consumption –Benutzer konsumiert Artikel, Videos, Musik ...Meistens als Built-in Action (“read”, “listen”, “watch”)Beispiele: Washington Post- & andere Social Reader, Spotify ...Wahrnehmung & Akzeptanz von Passive Sharing war seit demStart von Open Graph eher gemischt! http://die.socialisten.at Social Software Development
  14. 14. Guideline:Passive Sharing / Content ConsumptionDie dunkle Seite von Passive Sharing:Apps, die ihren Benutzern nicht klar kommunizieren dass PassiveSharing verwendet wird, oder die Passive Sharing nicht fürContent-Consumption nutzen.Ab Februar 2013:Passive Sharing über Custom Actions ist nicht mehr gestattet!Authenticated Referrals werden deaktiviert – “Viral Loop” vonPassive Sharing damit deutlich geschwächt! http://die.socialisten.at Social Software Development
  15. 15. Guideline:Passive Sharing / Content ConsumptionSeit Sommer 2012:Deutlich reduzierte Sichtbarkeit & weniger sozialer Context fürBuilt-in Actions im Newsfeed (“Trending Articles”, “TrendingVideos”)Built-in Actions “Watch” & “Read” werdenkaum noch im Ticker angezeigt!(ACHTUNG: könnte ein Insights-Problem sein!) http://die.socialisten.at Social Software Development
  16. 16. Sommer 2012 OG-Launch 2011 http://die.socialisten.at Social Software Development
  17. 17. http://die.socialisten.atSocial Software Development
  18. 18. http://die.socialisten.atSocial Software Development
  19. 19. Beispiel: “Read”-ActionZeitraum: Juni-Juli 2012MAU: 125.000Actions: 166.000x “Read” veröffentlichtImpressionen: 24.7mio (149x)CTR: 0.87%Distribution:Newsfeed (0%), Timeline http://die.socialisten.at (0%), Ticker (0%) Social Software Development
  20. 20. Beispiel: “Read”-ActionZeitraum: September-Oktober 2012MAU: 100.000Actions: 81.000x “Read” veröffentlichtImpressionen: 1.2mio (15x)CTR: 0.85%Distribution:Newsfeed (99.73%), Timeline (0.27%), Ticker (0%) http://die.socialisten.at Social Software Development
  21. 21. Beispiel: “Watch”-ActionZeitraum: März-April 2012MAU: Max 11kActions: 12.000 “Watch” veröffentlichtImpressionen: 3.3mio (268x)CTR: 1.4%Distribution:Newsfeed (0%), Timeline http://die.socialisten.at (0%), Ticker (0%) Social Software Development
  22. 22. Beispiel: “Watch”-ActionZeitraum: September-Oktober 2012MAU: Max 11kActions: 382 “Watch” veröffentlichtImpressionen: 9.200 (24x)CTR: 0.75%Distribution:Newsfeed (78%), Timeline (22%), Ticker (0%) http://die.socialisten.at Social Software Development
  23. 23. Regel #2:Passive Sharing über Built-in Actions (!) ist für Content-lastige Apps &Websites Ok!Aber: bitte keine überzogenen Erwartungen anDistribution, + Extra-Fairness gegenüber dem Benutzer! http://die.socialisten.at Social Software Development
  24. 24. http://apps.facebook.com/meinklub http://die.socialisten.at Social Software Development
  25. 25. http://die.socialisten.atSocial Software Development
  26. 26. <div class="fb-shared-activity" data-href="https://myapp.com" data-app-id="32788395891" data-width="300" data-height="400" data-header="false" data-border-color="#FFFFFF"></div> http://die.socialisten.at Social Software Development
  27. 27. Open Graph Custom Actions
  28. 28. Guideline:Open Graph Custom ActionsEmpfehlung: Design von 4-5 Custom Actions pro App- Modellierung anhand bestehender Benutzer-Interaktionen i.d. App- Actions mit niedriger Hemmschwelle (“1-Click”)- Interaktionen mit großem Volumen- Gute Gestaltung der OG-Tags (Titel, Desc, Image, Video...)- Actions mit Metadaten / Verknüpfungen zu Objekten anreichern- Actions mittels Action-Links verknüpfen http://die.socialisten.at Social Software Development
  29. 29. http://apps.facebook.com/lastfm-og-scrobbler/ http://die.socialisten.at Social Software Development
  30. 30. http://die.socialisten.atSocial Software Development
  31. 31. Beispiel: Custom Action “Scrobble”http://apps.facebook.com/lastfm-og-scrobbler/Zeitraum: März-November 2012MAU: Max 85kActions: 150mio veröffentlichtImpressionen: 1.7Milliarden (12x)CTR: 0.27%Distribution: http://die.socialisten.atTicker (56%), Newsfeed (26%), Timeline Development Social Software (18%)
  32. 32. Guideline:Open Graph Custom ActionsEmpfehlung: Actions mit “Explicit Sharing”:Nutzung für Actions die einen klaren “User-Intent” darstellen!http://developers.facebook.com/docs/technical-guides/opengraph/explicit-sharing/Mit “Explicit Sharing” veröffentlichte Actions werden derzeitimmer am Timeline-Profil des veröffentlichenden Benutzersangezeigt.Mit “Explicit Sharing” veröffentlichte Actions weisen bessereDistribution im Newsfeed von Freunden auf. http://die.socialisten.at Social Software Development
  33. 33. Guideline:Open Graph Custom ActionsNicht für “Explicit Sharing” geeignet:- Built-in Actions, Passive Sharing- Niedrig-schwellige Actions wie “Like”, “Favorite” ...- Actions die in hohem Volumen auftreten und wenig Info enthalten wie “Follow”, “Friend” ...- Actions die im Gameplay eines Spieles erzeugt werden wie “Playing”, “Building” ... http://die.socialisten.at Social Software Development
  34. 34. Guideline:Open Graph Custom ActionsGut für “Explicit Sharing” geeignet:- Vom Benutzer hochgeladener Content wie Photos, Videos...- Vom Benutzer eingegebene Text-Nachrichten wie Kommentare, Postings...- Interkationen mit Geo-Location wie bspw. “Checkins” http://die.socialisten.at Social Software Development
  35. 35. http://die.socialisten.atSocial Software Development
  36. 36. Guideline:Open Graph Custom ActionsHow-to: “Explicit Sharing”- Aktivieren der Migrations-Options (Default bei neuen Apps): http://die.socialisten.at Social Software Development
  37. 37. Guideline:Open Graph Custom ActionsHow-to: “Explicit Sharing”- Aktivieren der Migrations-Options (Default bei neuen Apps):- Beim Veröffentlichen: fb:explicit_sharing = true http://die.socialisten.at Social Software Development
  38. 38. Guideline:Open Graph Custom ActionsHow-to: “Explicit Sharing”- Aktivieren der Migrations-Options (Default bei neuen Apps):- Beim Veröffentlichen: fb:explicit_sharing = true- “Explicit Sharing” muss pro Action durchs Approval!- Done! http://die.socialisten.at Social Software Development
  39. 39. Beispiel: Custom Action“Love” mit Explicit Sharinghttp://apps.facebook.com/lastfm-og-scrobbler/Zeitraum: Oktober-November 2012MAU: Max 85kActions: 7.500 “Love” veröffentlichtImpressionen: 380.000 (51x)CTR: 0.70%Distribution: http://die.socialisten.atTimeline (71%), Newsfeed (17%), Ticker Development Social Software (11%)
  40. 40. Guideline:Open Graph Custom ActionsEmpfehlung: Actions mit “User Message”:Veröffentlichen von Actions vom Benutzer eingegebenen Textenz.b. Empfehlungen, Sharing-Kommentar...https://developers.facebook.com/docs/opengraph/actions/Mit “User Message” veröffentlichte Actions werden derzeitimmer am Timeline-Profil des veröffentlichenden Benutzersangezeigt.Daher macht es keinen Sinn, “User Message” in Kombination mit“Explicit Sharing” zu verwenden.Mit “User Message” veröffentlichte Actions weisen bessereDistribution im Newsfeed von Freunden auf. http://die.socialisten.at Social Software Development
  41. 41. http://die.socialisten.atSocial Software Development
  42. 42. Guideline:Open Graph Custom ActionsEmpfehlung: Actions mit “User Message”:Auch Actions mit “User Message” müssen von Facebookgesondert freigegeben werden! http://die.socialisten.at Social Software Development
  43. 43. Beispiel: Custom Action“Comment” mit User Messagehttp://apps.facebook.com/lastfm-og-scrobbler/Zeitraum: Oktober-November 2012MAU: Max 85kActions: 361 “Love” veröffentlichtImpressionen: 15.800 (44x)CTR: 1.3%Distribution: http://die.socialisten.atNewsfeed (41%), Timeline (41%), Ticker Development Social Software (18%)
  44. 44. Regel #3:Design von 4-5 Custom Actions. Für bessere Distribution, 2-3 geeigneteActions mit “Explicit Sharing” oder “User Messages” ausstatten!Gute Actions weisen hohes Volumen & niedrige Hemmschwelle auf! http://die.socialisten.at Social Software Development
  45. 45. Guideline:Distribution von Open Graph-Actions Impressions/ Referrals/ Typ Beispiel Total Distribution Faktor CTR Newsfeed (99.73%), 1.200.000 10.500Built-In “Read” 81,000 Timeline (0.27%), (x15) (0.85%) Ticker (0%) Newsfeed (78%), 9.200 70Built-In “Watch” 380 Timeline (12%), (x24) (0.75%) Ticker (0%) Ticker (56%), 1.700.000.000 4.6mioCustom “Scrobble” 150.000.000 Newsfeed (26%), (x12) (0.27%) Timeline (18%) Timeline (71%),Custom / 380.000 2.700 “Love” 7,600 Newsfeed (17%),“Explicit Sharing” (x51) (0.7%) Ticker (11%) Newsfeed (41%),Custom / 15.800 206 “Comment” 360 Timeline (41%),“User Message” (x44) (1.3%) Ticker (18%) Ticker (44%),Custom / 4.300 20 “Checkin” 70 Newsfeed (33%),“Geo-Location” (62x) (0.46%) Timeline (23%) http://die.socialisten.at Social Software Development
  46. 46. Custom Actions optimieren
  47. 47. Guideline:Custom Actions optimierenActions die mit “Rich Content” (meist: User-generierter Content)veröffentlicht werden, verbessern die Distribution in Newsfeed undTimeline! Bilder http://instagram.com http://die.socialisten.at Social Software Development
  48. 48. Guideline:Custom Actions optimieren“Rich Content”: Photos, Videos oder Flash-Content, Geo-Location!Auch die CTR verbessert sich, da Stories interessanter werden! Geo-Location http://www.stadtkinder.com http://die.socialisten.at Social Software Development
  49. 49. Guideline:Custom Actions optimieren“Rich Content”: Photos, Videos oder Flash-Content, Geo-Location!Auch die CTR verbessert sich, da Stories interessanter werden! Videos bzw. Flash-Content http://apps.facebook.com/ lastfm-og-scrobbler <meta property="og:video:type" content="application/x-shockwave-flash"/> <meta property="og:video" content="https://www.youtube.com/v/..."/> <meta property="og:video:width" content="398"/> http://die.socialisten.at <meta property="og:video:height" content="239"/> Social Software Development
  50. 50. Regel #4:Distribution & CTR von Actions verbessern mit Rich Content:Videos bzw. Flash-Content, Bilder & Geo-Location. http://die.socialisten.at Social Software Development
  51. 51. Guideline:Custom Actions optimierenZahlreiche Optimierungs-Möglichkeiten! Verknüpfte Objekteermöglichen interessantere Stories mit verbesserter CTR! http://die.socialisten.at Social Software Development
  52. 52. Guideline:Custom Actions optimierenUnterschiedliche Actions mittels “Action Links” quer-verknüpfen!Ermöglicht 1-Click-Responses & steigert so das Volumenveröffentlichter Actions, Quer-verlinkte Action “Love” <> “Scrobble”Quer-verlinkte Objekte“Artist”, “User” http://die.socialisten.at Social Software Development
  53. 53. Regel #5:CTR von Actions verbessern mit verknüpftenOG-Modellen, Actions-Links & Rich Metadata. http://die.socialisten.at Social Software Development
  54. 54. Facepile &andere Social Plugins
  55. 55. Guideline:Facepile & andere Social PluginsSocial Plugins versprechen einfache, rasche Personalisierung.Facepile - Freunde die mittels bestimmter Action mit einem Objektverbunden sind (bspw. einen bestimmten Artikel gelesen haben)Activity Feed - Hervorheben von Actions &populärem Content im eigenen Freundeskreis.Killer-Argument: Funktioniert ohne App-Auth! http://die.socialisten.at Social Software Development
  56. 56. Guideline:Facepile & andere Social PluginsSocial Plugins sind leider nicht immer die ideale Lösung:- Kaum Styling-Möglichkeiten- Kaum Möglichkeiten die Inhalte zu beeinflussen (bspw. nur die aktuellsten Actions von Freunden anzeigen ...)- Immer wieder Bugs! (falsche Lokalisierung, fehlende Actions etc.) http://die.socialisten.at Social Software Development
  57. 57. Guideline:Facepile & andere Social PluginsOriginal Facepile: 2 Friends Custom Facepile: http://die.socialisten.at 6 Friends! Social Software Development
  58. 58. Guideline:Facepile & andere Social PluginsEmpfehlung: Logging aller veröffentlichten Actions in der eigenenApp/Datenbank und Entwicklung eigener, Custom Widgets f.Facepile, Recent Activity etc. mysql> select id,created,user_id,action,action_id,substring(action_url,1,30) from actions limit 10; +----+---------------------+-----------------+-------------------+-------------------+------------- | id | created | user_id | action | action_id | action_url | +----+---------------------+-----------------+-------------------+-------------------+------------- | 5 | 2012-05-08 18:02:22 | 100001903705011 | news.reads | 327098717363582 | ... | | 9 | 2012-05-09 16:32:49 | 609190863 | meinklubdev:react | 10150966819840864 | ... | | 10 | 2012-05-09 18:02:09 | 609190863 | news.reads | 10150967610995864 | ... | | 11 | 2012-05-09 18:07:10 | 609190863 | meinklubdev:react | 10150967623110864 | ... | ...Angenehmer Nebeneffekt = Basis f. Undo!Nachteil: funktionieren erst nach App-Auth! http://die.socialisten.at Social Software Development
  59. 59. Guideline:Facepile & andere Social PluginsBeispiel: Custom Facepile http://die.socialisten.at Social Software Development
  60. 60. Regel #6:Nicht auf Standard Social Plugins verlassen, sondern mehr Flexibiltät undFunktionalität durch eigene, innovative Widgets erreichen! http://die.socialisten.at Social Software Development
  61. 61. Regel #0:Am Laufenden bleiben! Docs & Dev-Blog lesen,neue Features ausprobieren, Insights beobachten & Actions optimieren! http://die.socialisten.at Social Software Development
  62. 62. http://conceptingsocialmediaconcepts.tumblr.com http://die.socialisten.at Social Software Development
  63. 63. BREA KYOU ROWNRULE S http://die.socialisten.at Social Software Development
  64. 64. “Facebook Programmierung -Entwicklung von Social Apps & Websites”Michael Kamleitner, Galileo Computing 2012http://book.socialisten.at die.socialisten.at social network development
  65. 65. Michael KamleitnerDie SocialistenLet’s connect!michael@socialisten.athttp://facebook.com/michael.kamleitnerhttp://twitter.com/_subnet

×