Open Graph - How to connect all the things - AllFacebook DevCon Berlin 2012
Upcoming SlideShare
Loading in...5
×
 

Open Graph - How to connect all the things - AllFacebook DevCon Berlin 2012

on

  • 5,215 views

1 Year into Facebook's Open Graph platform: Apps, Actions & Analytics. AllFacebook DevCon 2012 Keynote by Michael Kamleitner, Die Socialisten

1 Year into Facebook's Open Graph platform: Apps, Actions & Analytics. AllFacebook DevCon 2012 Keynote by Michael Kamleitner, Die Socialisten

Statistics

Views

Total Views
5,215
Slideshare-icon Views on SlideShare
5,005
Embed Views
210

Actions

Likes
9
Downloads
29
Comments
0

8 Embeds 210

http://die.socialisten.at 182
http://dna2life.alpha.srv.techshu.org 12
http://alpha.dna2life.com 6
http://flavors.me 5
http://de.flavors.me 2
https://si0.twimg.com 1
http://es.flavors.me 1
https://twitter.com 1
More...

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 - How to connect all the things - AllFacebook DevCon Berlin 2012 Open Graph - How to connect all the things - AllFacebook DevCon Berlin 2012 Presentation Transcript

    • 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
    • About: Die Socialisten"Die Socialisten" is a Vienna-based social-software agencyfocussing on the design & implementation of apps andmarketing-solutions on social web platforms likeFacebook.To date, we have successfully built more than onehundredbrand-pages, applications and integrations of externalwebsites.Our clients include Red Bull, Axel Springer/Bild.de,Bertelsmann, FTD, Krone Multimedia, ATV and Hitradio Ö3."Die Socialisten" are Austrias first agency listed in theofficial "Facebook Preferred Marketing Developer"-program.http://die.socialisten.at | http://facebook.com/diesocialisten die.socialisten.at social network development
    • Timeline & Open Graph:1 Year later: Apps, Actions & Analytics die.socialisten.at social network development Photo: Chip.de
    • Timeline & Open Graph:Opportunities- Social Graph Integration: Open Graph Protocol (OGP) was just the beginning!- Social Graph Customization: Objects, Actions, Aggregations- User Growth & Distribution: Newsfeed, Ticker, Timeline- Personalization: Facepile & other Social Plugins- Cross-Platform: Web, Mobile (Native/Web), Devices ...More: https://developers.facebook.com/docs/technical-guides/opengraph/ http://die.socialisten.at Social Software Development
    • http://die.socialisten.atSocial Software Development
    • 7 Rules:Designing great Open Graph-Apps
    • Bye bye, FB.ui({method:‘feed’},...) die.socialisten.at social network development
    • Bye bye, FB.ui({method:‘feed’,...})Good ol’ Wall-Posting is losing relevance:- Feed-dialogue is bugging users!- Feed-dialogue will mostly get cancelled anyway!- Feed-publish in the background (/me/feed) is sleazy.- Stories published via Feed-dialogue look always the same (title, description, image, user message)- Distribution of Wall-Postings on Newsfeed is decreasing, and fast! http://die.socialisten.at Social Software Development
    • Comparison: DistributionFeed-dialogue vs. Open Graph ActionDistribution Feed-dialogue: March ’12: 130x July ’12: 68x Oct. ’12: 31x http://die.socialisten.atInsights taken from same app, Feed-stories haven’t been changed content-wise! Social Software Development
    • Comparison: DistributionFeed-dialogue vs. Open Graph ActionDistribution Feed-dialogue: Oct. ’12: 31xDistribution of Open Graph-action: Oct. ’12: 126xDistribution will vary according to content and type of action!Examined action was optimized content-wise! http://die.socialisten.at Social Software Development
    • Rule #1:Each story that is currently published via Feed-dialogue or /me/feed,could potentially reach a greater audience when implemented asOpen Graph-action! http://die.socialisten.at Social Software Development
    • http://die.socialisten.atSocial Software Development
    • Guideline:Passive Sharing / Content ConsumptionPassive Sharing = Open Graph-actions which are publishedautomatically without any explicit user-interaction.Mostly used for actions in the area of Content Consumption -i.e. users consuming articles, videos, music...Mostly implemented as Built-in Action (“read”, “listen”, “watch”)Examples: Washington Post- & other Social Readers, Spotify ...Users’ Perception & Acceptance of Passive Sharing was quitechallenging to begin with, even when Open Graph started. http://die.socialisten.at Social Software Development
    • Guideline:Passive Sharing / Content ConsumptionThe dark side of Passive Sharing:Some apps have been abusing Passive Sharing for actions whichhad nothing to do with Content Consumption. They also failed toclearly communicate the automatic nature of Passive Sharing totheir users.Starting February 2013:Passive Sharing for Custom Actions will be forbidden!Authenticated Referrals will be removed – the “Viral Loop” ofPassive Sharing will therefor be clearly diminished!But: Custom Actions actively shared are here to stay! http://die.socialisten.at Social Software Development
    • Guideline:Passive Sharing / Content ConsumptionSince Summer 2012:Reach & visiblity of Built-in Actions in Newsfeed (“TrendingArticles”, “Trending Videos”) have clearly been reduced byFacebook!Built-in Actions “Watch” & “Read” show up inTicker very, very rarely (or not at all - to-be-confirmed)! http://die.socialisten.at Social Software Development
    • Summer 2012 OG-Launch 2011 http://die.socialisten.at Social Software Development
    • http://die.socialisten.atSocial Software Development
    • http://die.socialisten.atSocial Software Development
    • Example: “Read”-ActionPeriod: June-July 2012MAU: 125.000Actions: 166.000x “Read” publishedImpressions: 24.7mio (149x)CTR: 0.87%Distribution:No Insights-data available! http://die.socialisten.at Social Software Development
    • Example: “Read”-ActionPeriod: September-October 2012MAU: 100.000Actions: 81.000x “Read” publishedImpressions: 1.2mio (15x)CTR: 0.85%Distribution:Insights-data f. Ticker might be flawed! http://die.socialisten.at Social Software Development
    • Example: “Watch”-ActionPeriod: March-April 2012MAU: Max 11kActions: 12.000 “Watch” publishedImpressions: 3.3mio (268x)CTR: 1.4%Distribution:No Insights-data available! http://die.socialisten.at Social Software Development
    • Example: “Watch”-ActionPeriod: September-October 2012MAU: Max 11kActions: 382 “Watch” publishedImpressions: 9.200 (24x)CTR: 0.75%Distribution:Insights-data f. Ticker might be flawed! http://die.socialisten.at Social Software Development
    • Rule #2:Passive Sharing with Built-in Actions (!) is still OK forcontent-heavy apps & sites.But: please say goodbye to uber-optimistic expectations in regardto distribution. Also, be extra-fair to your users when publishingpassively... http://die.socialisten.at Social Software Development
    • Clear indication with popup/overlayhttp://apps.facebook.com/meinklub when action is published, easy Undo! http://die.socialisten.at Social Software Development
    • Clear indication with popup/overlayhttp://apps.facebook.com/meinklub when action is published, easy Undo! http://die.socialisten.at Social Software Development
    • Easily accessible option for permanenthttp://apps.facebook.com/meinklub opt-out, historical action-log with undo. http://die.socialisten.at Social Software Development
    • Open Graph Custom Actions
    • Guideline:Open Graph Custom ActionsRecommendation: Design 4-5 Custom Actions per app, ideally:- Custom Actions modelled after existing user-interactions in app- Actions having a low entry-barriere for user (“1-click action”)- Actions with big volume (many actions = more impressions)- Actions designed with nice OG-Tags (title, desc, image, video...)- Actions with rich metadata & connections to other objects- Actions crosslinked with Action-Links http://die.socialisten.at Social Software Development
    • http://apps.facebook.com/lastfm-og-scrobbler/ http://die.socialisten.at Social Software Development
    • http://die.socialisten.atSocial Software Development
    • Example: Custom Action “Scrobble”http://apps.facebook.com/lastfm-og-scrobbler/Period: March-November 2012MAU: Max 85kActions: 150mio “Scrobble” publishedImpressions: 1.7 billion (12x)CTR: 0.27%Distribution: http://die.socialisten.atTicker (56%), Newsfeed (26%), Timeline Development Social Software (18%)
    • Guideline:Open Graph Custom ActionsRecommendation: Actions with “Explicit Sharing”:Useful for Actions that represent a clear “user-intent”!http://developers.facebook.com/docs/technical-guides/opengraph/explicit-sharing/Actions published with “Explicit Sharing” are currently alwaysdisplayed on publishers Timeline-profile.Actions published with “Explicit Sharing” offerbetter distribution on Newsfeed of publishers friends. http://die.socialisten.at Social Software Development
    • Guideline:Open Graph Custom ActionsNot allowed for “Explicit Sharing”:- Built-in Actions, Passive Sharing- Actions with low entry-barriere: “Like”, “Favorite” ...- Actions with high volume and low information: “Follow”, “Friend” ...- Actions occuring during gameplay: “Playing”, “Building”, “Achieved” ... http://die.socialisten.at Social Software Development
    • Guideline:Open Graph Custom ActionsVery suitable for “Explicit Sharing”:- Content generated by the user: photos, videos ...- Text manually entered by the user: comments, postings ...- Actions with geo-location: checkins ... http://die.socialisten.at Social Software Development
    • http://die.socialisten.atSocial Software Development
    • Guideline:Open Graph Custom ActionsHow-to: “Explicit Sharing”- Activate migration-setting (Default for new apps): http://die.socialisten.at Social Software Development
    • Guideline:Open Graph Custom ActionsHow-to: “Explicit Sharing”- Activate migration-setting (Default for new apps):- When publishing: fb:explicit_sharing = true http://die.socialisten.at Social Software Development
    • Guideline:Open Graph Custom ActionsHow-to: “Explicit Sharing”- Activate migration-setting (Default for new apps):- When publishing: fb:explicit_sharing = true- “Explicit Sharing” has to be approved for each action! http://die.socialisten.at Social Software Development
    • Explicit: Custom Action“Love” with Explicit Sharinghttp://apps.facebook.com/lastfm-og-scrobbler/Period: October-November 2012MAU: Max 85kActions: 7.500 “Love” publishedImpressions: 380.000 (51x)CTR: 0.70%Distribution: http://die.socialisten.atTimeline (71%), Newsfeed (17%), Ticker Development Social Software (11%)
    • Guideline:Open Graph Custom ActionsRecommendation: Actions with “User Message”:Publish actions with additional text-messagesmanually entered by the publishing user.https://developers.facebook.com/docs/opengraph/actions/Actions published with “User Message” are currentlyalways displayed on publishers Timeline-profile.Therefor: no sense in publishing Actions with both“User Message” and “Explicit Sharing”. http://die.socialisten.at Social Software Development
    • http://die.socialisten.atSocial Software Development
    • Guideline:Open Graph Custom ActionsRecommendation: Actions with “User Message”:“User Message” has to be approved for each action! http://die.socialisten.at Social Software Development
    • Example: Custom Action“Comment” with User Messagehttp://apps.facebook.com/lastfm-og-scrobbler/Period: October-November 2012MAU: Max 85kActions: 361 “Love” publishedImpressions: 15.800 (44x)CTR: 1.3%Distribution: http://die.socialisten.atNewsfeed (41%), Timeline (41%), Ticker Development Social Software (18%)
    • Rule #3:Design your app with 4-5 Custom Actions. For better distribution, enable“Explicit Sharing” or “User Messages” for 2-3 suitable Actions!Good Custom Actions have high volume &low entry-barriere for the user! http://die.socialisten.at Social Software Development
    • Guideline:Distribution of Open Graph-Actions Impressions/ Referrals/ Type Example Total Distribution Factor 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
    • Optimize Custom Actions
    • Guideline:Optimize Custom ActionsActions published with “Rich Content” (f.e. user-generated content),show better distribution in Newsfeed, Ticker and Timeline! Images / Photos http://instagram.com http://die.socialisten.at Social Software Development
    • Guideline:Optimize Custom ActionsRich Content: Photos, videos or Flash-content, geo-location.CTR increasing, since resulting stories are more interesting to friends! Geo-location http://www.stadtkinder.com http://die.socialisten.at Social Software Development
    • Guideline:Optimize Custom ActionsRich Content: Photos, videos or Flash-content, geo-location.CTR increasing, since resulting stories are more interesting to friends! Videos / 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
    • Rule #4:Distribution & CTR can be improved by adding “Rich Content” to actions:Videos, Flash-content, images & geo-location. http://die.socialisten.at Social Software Development
    • Guideline:Optimize Custom ActionsCrosslinking Open Graph-Objects enables richer,more interesting stories and increases CTR! http://die.socialisten.at Social Software Development
    • Guideline:Optimize Custom ActionsCrosslink two Open Graph-Actions with “Action Links”!Enables 1-Click-responses & increases volume of published actions. Cross-linked Actions “Love” <> “Scrobble”Cross-linked Objects“Artist” <> “User” http://die.socialisten.at Social Software Development
    • Rule #5:Distribution & CTR can be improved by connectingOpen Graph-Objects, Actions-Links & adding Rich Metadata. http://die.socialisten.at Social Software Development
    • Facepile &other Social Plugins
    • Guideline:Facepile & other Social PluginsSocial Plugins promise fast & easy Personalization.Facepile - Friends who are connected to a particular object by aparticular action (f.e. friends that read a certain article)Activity Feed - Highlight recent actions & popularcontent of your friendsKiller-feature: Works without App-Auth! http://die.socialisten.at Social Software Development
    • Guideline:Facepile & other Social PluginsUnfortunately, Social Plugins are not always the best solution:- Hardly any styling possible- Hardly any options to customize content displayed (f.e. displaying ony most recent actions of friends ...)- Bugs! (problems with internationalization, missing actions etc.) http://die.socialisten.at Social Software Development
    • Guideline:Facepile & other Social PluginsOriginal Facepile: 2 Friends Custom Facepile: http://die.socialisten.at 6 Friends! Social Software Development
    • Guideline:Facepile & other Social PluginsRecommendation: Log all published actions to your app/database.Develop your own, custom widgets to replace Facepile, RecentActivity - get creative, but warrant privacy settings! 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 | ... | ...Bonus = enables Undo for historical Actions!Major Downside: works only after App-Auth! http://die.socialisten.at Social Software Development
    • Guideline:Facepile & other Social PluginsExample: Custom Facepile http://die.socialisten.at Social Software Development
    • Rule #6:Don’t rely on Standard Social Plugins! Be more flexible and awesome bydeveloping your own, custom Widgets! http://die.socialisten.at Social Software Development
    • Rule #0:Stay up-to-date! Subscribe & read the Docs & Facebook Dev-Blog!Try out new features, keep optimizing your Actions &watching your App-Insights! http://die.socialisten.at Social Software Development
    • http://conceptingsocialmediaconcepts.tumblr.com http://die.socialisten.at Social Software Development
    • BREAKYOUR OWNRULES http://die.socialisten.at Social Software Development
    • “Facebook Programming -Developing Social Apps & Websites”Michael Kamleitner, Galileo Computing 2012http://book.socialisten.at die.socialisten.at social network development
    • Michael KamleitnerDie SocialistenLet’s connect!michael@socialisten.athttp://facebook.com/michael.kamleitnerhttp://twitter.com/_subnet