Your SlideShare is downloading. ×
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

3,150

Published on

0 Comments
13 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,150
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
13
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. Ü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. Timeline & Open Graph:1 Jahr später: Apps, Actions & Analytics die.socialisten.at social network development Photo: Chip.de
  • 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. http://die.socialisten.atSocial Software Development
  • 6. Tschüss, FB.ui({method:‘feed’},...)...aka der gemeine Wall-Posting-Dialog die.socialisten.at social network development
  • 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. 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. 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. 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. 7 Regeln:Design der idealen Open Graph-App
  • 12. http://die.socialisten.atSocial Software Development
  • 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. 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. 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. Sommer 2012 OG-Launch 2011 http://die.socialisten.at Social Software Development
  • 17. http://die.socialisten.atSocial Software Development
  • 18. http://die.socialisten.atSocial Software Development
  • 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. 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. 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. 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. 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. http://apps.facebook.com/meinklub http://die.socialisten.at Social Software Development
  • 25. http://die.socialisten.atSocial Software Development
  • 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. Open Graph Custom Actions
  • 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. http://apps.facebook.com/lastfm-og-scrobbler/ http://die.socialisten.at Social Software Development
  • 30. http://die.socialisten.atSocial Software Development
  • 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. 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. 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. 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. http://die.socialisten.atSocial Software Development
  • 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. 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. 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. 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. 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. http://die.socialisten.atSocial Software Development
  • 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. 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. 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. 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. Custom Actions optimieren
  • 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. 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. 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. 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. Guideline:Custom Actions optimierenZahlreiche Optimierungs-Möglichkeiten! Verknüpfte Objekteermöglichen interessantere Stories mit verbesserter CTR! http://die.socialisten.at Social Software Development
  • 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. Regel #5:CTR von Actions verbessern mit verknüpftenOG-Modellen, Actions-Links & Rich Metadata. http://die.socialisten.at Social Software Development
  • 54. Facepile &andere Social Plugins
  • 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. 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. Guideline:Facepile & andere Social PluginsOriginal Facepile: 2 Friends Custom Facepile: http://die.socialisten.at 6 Friends! Social Software Development
  • 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. Guideline:Facepile & andere Social PluginsBeispiel: Custom Facepile http://die.socialisten.at Social Software Development
  • 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. Regel #0:Am Laufenden bleiben! Docs & Dev-Blog lesen,neue Features ausprobieren, Insights beobachten & Actions optimieren! http://die.socialisten.at Social Software Development
  • 62. http://conceptingsocialmediaconcepts.tumblr.com http://die.socialisten.at Social Software Development
  • 63. BREA KYOU ROWNRULE S http://die.socialisten.at Social Software Development
  • 64. “Facebook Programmierung -Entwicklung von Social Apps & Websites”Michael Kamleitner, Galileo Computing 2012http://book.socialisten.at die.socialisten.at social network development
  • 65. Michael KamleitnerDie SocialistenLet’s connect!michael@socialisten.athttp://facebook.com/michael.kamleitnerhttp://twitter.com/_subnet

×