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

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

Über: Die Socialisten
“Die Socialisten” sind eine Wiener Social Software-Agentur,
die sich seit 2007 auf die Konzeption und Umsetzung
von Applikationen und Marketing-Lösungen auf
Social Web Plattformen wie Facebook konzentriert.
Seither wurden weit über 100 Brand-Pages und -Apps
erfolgreich umgesetzt. Zu den Kunden zählen Red Bull, Axel
Springer/Bild.de, Krone Multimedia, ATV und Hitradio Ö3.
"Die Socialisten" wurden als erste österreichische Agentur
im ofﬁziellen "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

Timeline & Open Graph:
1 Jahr später: Apps, Actions & Analytics

die.socialisten.at
Photo: Chip.de

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

Tschüss, FB.ui({method:‘feed’},...)
...aka der gemeine Wall-Posting-Dialog
die.socialisten.at

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 ﬁes

- Per Feed-Dialog veröffentlichte Stories sehen immer gleich aus
(Title, Description, Image, User Message)

- Distribution von Wall-Postings im News-Feed sinkt!


Vergleich: Distribution
Feed-Dialog vs. Open Graph Action
Distribution Feed-Dialog:

März ’12: 130x

Juli ’12: 68x

Okt. ’12: 31x

Gemessen wurde jeweils dieselbe App, Feed-Stories blieben unverändert! Social Software Development

Vergleich: Distribution
Feed-Dialog vs. Open Graph Action
Distribution Feed-Dialog:

Okt. ’12: 31x

Distribution von Open Graph-Actions:

Okt. ’12: 126x

Distribution variiert je nach Inhalt & Type der Action!


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!


7 Regeln:
Design der idealen Open Graph-App

Guideline:
Passive Sharing / Content Consumption

Passive Sharing: automatisch, ohne explizite Handlung des
Benutzers veröffentlichte Open Graph-Action

Meistens 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 dem
Start von Open Graph eher gemischt!


Guideline:

Die dunkle Seite von Passive Sharing:

Apps, die ihren Benutzern nicht klar kommunizieren dass Passive
Sharing verwendet wird, oder die Passive Sharing nicht für
Content-Consumption nutzen.

Ab Februar 2013:

Passive Sharing über Custom Actions ist nicht mehr gestattet!

Authenticated Referrals werden deaktiviert – “Viral Loop” von
Passive Sharing damit deutlich geschwächt!


Guideline:

Seit Sommer 2012:

Deutlich reduzierte Sichtbarkeit & weniger sozialer Context für
Built-in Actions im Newsfeed (“Trending Articles”, “Trending
Videos”)

Built-in Actions “Watch” & “Read” werden
kaum noch im Ticker angezeigt!
(ACHTUNG: könnte ein Insights-Problem sein!)


Sommer 2012

OG-Launch 2011


Beispiel: “Read”-Action

Zeitraum: Juni-Juli 2012

MAU: 125.000

Actions: 166.000x “Read” veröffentlicht

Impressionen: 24.7mio (149x)

CTR: 0.87%

Distribution:
Newsfeed (0%), Timeline http://die.socialisten.at
(0%), Ticker (0%)

Beispiel: “Read”-Action

Zeitraum: September-Oktober 2012

MAU: 100.000

Actions: 81.000x “Read” veröffentlicht


CTR: 0.85%

Distribution:
Newsfeed (99.73%), Timeline (0.27%), Ticker (0%)

Beispiel: “Watch”-Action

Zeitraum: März-April 2012

MAU: Max 11k

Actions: 12.000 “Watch” veröffentlicht


CTR: 1.4%

Distribution:
Newsfeed (0%), Timeline http://die.socialisten.at
(0%), Ticker (0%)

Beispiel: “Watch”-Action

Zeitraum: September-Oktober 2012

MAU: Max 11k

Actions: 382 “Watch” veröffentlicht

Impressionen: 9.200 (24x)

CTR: 0.75%

Distribution:
Newsfeed (78%), Timeline (22%), Ticker (0%)

Regel #2:

Passive Sharing über Built-in Actions (!) ist für Content-lastige Apps &
Websites Ok!

Aber: bitte keine überzogenen Erwartungen an
Distribution, + Extra-Fairness gegenüber dem Benutzer!


http://apps.facebook.com/meinklub http://die.socialisten.at

<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

Guideline:
Open Graph Custom Actions

Empfehlung: 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://apps.facebook.com/lastfm-og-scrobbler/ http://die.socialisten.at

Beispiel: Custom Action “Scrobble”
http://apps.facebook.com/lastfm-og-scrobbler/

Zeitraum: März-November 2012

MAU: Max 85k

Actions: 150mio veröffentlicht

Impressionen: 1.7Milliarden (12x)

CTR: 0.27%

Distribution:
Ticker (56%), Newsfeed (26%), Timeline Development
Social Software (18%)

Guideline:

Empfehlung: 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 derzeit
immer am Timeline-Proﬁl des veröffentlichenden Benutzers
angezeigt.

Mit “Explicit Sharing” veröffentlichte Actions weisen bessere
Distribution im Newsfeed von Freunden auf.


Guideline:

Nicht 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” ...


Guideline:

Gut 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”


Guideline:

How-to: “Explicit Sharing”

- Aktivieren der Migrations-Options (Default bei neuen Apps):


Guideline:



- Beim Veröffentlichen: fb:explicit_sharing = true


Guideline:



- Beim Veröffentlichen: fb:explicit_sharing = true

- “Explicit Sharing” muss pro Action durchs Approval!

- Done!

Beispiel: Custom Action
“Love” mit Explicit Sharing

Zeitraum: Oktober-November 2012

MAU: Max 85k

Actions: 7.500 “Love” veröffentlicht


CTR: 0.70%

Distribution:
Timeline (71%), Newsfeed (17%), Ticker Development

Guideline:

Empfehlung: Actions mit “User Message”:

Veröffentlichen von Actions vom Benutzer eingegebenen Texten
z.b. Empfehlungen, Sharing-Kommentar...
https://developers.facebook.com/docs/opengraph/actions/

Mit “User Message” veröffentlichte Actions werden derzeit
immer am Timeline-Proﬁl des veröffentlichenden Benutzers
angezeigt.

Daher macht es keinen Sinn, “User Message” in Kombination mit
“Explicit Sharing” zu verwenden.

Mit “User Message” veröffentlichte Actions weisen bessere
Distribution im Newsfeed von Freunden auf.

Guideline:

Empfehlung: Actions mit “User Message”:

Auch Actions mit “User Message” müssen von Facebook
gesondert freigegeben werden!


Beispiel: Custom Action
“Comment” mit User Message

Zeitraum: Oktober-November 2012

MAU: Max 85k

Actions: 361 “Love” veröffentlicht


CTR: 1.3%

Distribution:
Newsfeed (41%), Timeline (41%), Ticker Development

Regel #3:

Design von 4-5 Custom Actions. Für bessere Distribution, 2-3 geeignete
Actions mit “Explicit Sharing” oder “User Messages” ausstatten!

Gute Actions weisen hohes Volumen & niedrige Hemmschwelle auf!


Guideline:
Distribution von Open Graph-Actions

Impressions/ Referrals/
Typ Beispiel Total Distribution
Faktor CTR

Newsfeed (99.73%),
1.200.000 10.500
Built-In “Read” 81,000 Timeline (0.27%),
(x15) (0.85%) Ticker (0%)

Newsfeed (78%),
9.200 70
Built-In “Watch” 380 Timeline (12%),
(x24) (0.75%) Ticker (0%)

Ticker (56%),
1.700.000.000 4.6mio
Custom “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%)


Guideline:
Custom Actions optimieren

Actions die mit “Rich Content” (meist: User-generierter Content)
veröffentlicht werden, verbessern die Distribution in Newsfeed und
Timeline!

Bilder
http://instagram.com


Guideline:

“Rich Content”: Photos, Videos oder Flash-Content, Geo-Location!
Auch die CTR verbessert sich, da Stories interessanter werden!

Geo-Location
http://www.stadtkinder.com


Guideline:

“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

Regel #4:

Distribution & CTR von Actions verbessern mit Rich Content:
Videos bzw. Flash-Content, Bilder & Geo-Location.


Guideline:

Zahlreiche Optimierungs-Möglichkeiten! Verknüpfte Objekte
ermöglichen interessantere Stories mit verbesserter CTR!


Guideline:

Unterschiedliche Actions mittels “Action Links” quer-verknüpfen!
Ermöglicht 1-Click-Responses & steigert so das Volumen
veröffentlichter Actions,

Quer-verlinkte Action
“Love” <> “Scrobble”

Quer-verlinkte Objekte
“Artist”, “User”


Regel #5:

CTR von Actions verbessern mit verknüpften
OG-Modellen, Actions-Links & Rich Metadata.


Facepile &
andere Social Plugins

Guideline:
Facepile & andere Social Plugins

Social Plugins versprechen einfache, rasche Personalisierung.

Facepile - Freunde die mittels bestimmter Action mit einem Objekt
verbunden sind (bspw. einen bestimmten Artikel gelesen haben)

Activity Feed - Hervorheben von Actions &
populärem Content im eigenen Freundeskreis.

Killer-Argument: Funktioniert ohne App-Auth!


Guideline:

Social Plugins sind leider nicht immer die ideale Lösung:

- Kaum Styling-Möglichkeiten

- Kaum Möglichkeiten die Inhalte zu beeinﬂussen (bspw. nur
die aktuellsten Actions von Freunden anzeigen ...)

- Immer wieder Bugs!
(falsche Lokalisierung, fehlende Actions etc.)


Guideline:

Original Facepile: 2 Friends

Custom Facepile: http://die.socialisten.at
6 Friends! Social Software Development

Guideline:

Empfehlung: Logging aller veröffentlichten Actions in der eigenen
App/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!


Guideline:

Beispiel: Custom Facepile


Regel #6:

Nicht auf Standard Social Plugins verlassen, sondern mehr Flexibiltät und
Funktionalität durch eigene, innovative Widgets erreichen!


Regel #0:

Am Laufenden bleiben! Docs & Dev-Blog lesen,
neue Features ausprobieren, Insights beobachten & Actions optimieren!


http://conceptingsocialmediaconcepts.tumblr.com http://die.socialisten.at

BREA
K
YOU
R
OWN
RULE
S http://die.socialisten.at

“Facebook Programmierung -
Entwicklung von Social Apps & Websites”
Michael Kamleitner, Galileo Computing 2012

http://book.socialisten.at
die.socialisten.at

Michael Kamleitner
Die Socialisten

Let’s connect!

michael@socialisten.at
http://facebook.com/michael.kamleitner
http://twitter.com/_subnet

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

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (11)

En vedette

En vedette (8)

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

Similaire à Inside Open Graph: How to connect all the things! @ AllFacebook Developer Conference (20)

Plus de AllFacebook.de

Plus de AllFacebook.de (20)

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