Link: http://www.facebook.com/BurtonEurope
Kontakt: office@socialisten.at

Aggregiert werden auf der “Burton Wall” Postings von 12 nationalen Burton Facebook-Präsenzen, zahlreichen Twitter-Hashtags und Foursquare- & Gowalla-Checkins in den österreichischen Burton-Stores. Nebenbei unterstützt die Wall  auch Fotos von Instagram, Twitpic und anderen Twitter-Photo-Services – man darf sich also auf viele winterliche Snowboard-Schnappschüsse freuen! Neben der Wall werden am Tab “Burton Map” die nationalen Fanpages auf einer Landkarte lokalisiert.

Link: http://www.facebook.com/Bertelsmann
Kontakt: office@socialisten.at

Auf insgesamt 6 Tabs präsentiert der Medien-Konzern seine traditionsreiche Geschichte, seine Werte und seine Tochter-Gesellschaften (RTL Group, Random House, Gruner+Jahr, arvato). Die Darstellung der zahlreichen Standorte auf einer Weltkarte, sowie die 2-sprachige Ausführung aller Tabs wird einem wahrlich weltweiten Unternehmen gerecht.

Übrigens: sowohl die deutsche (C. Bertelsmann Verlag) als auch die spanische (Vintage Espanol) Fassung der jüngst erschienenen Steve Jobs-Biographie wird von Bertelsmann-Tochter-Unternehmen verlegt – schon reingelesen?

Ever since this years f8 developer conference, we at “Die Socialisten” have been burning to release the first apps utilizing the new Open Graph, bringing friction-less sharing-features to your Timeline-enabled profiles. Since Timeline is not released to the public yet, some very exciting apps for our clients have to remain in the pipeline a litte bit longer…

Not particularly good at waiting, we’ve built  & released an inofficial demo-app meanwhile, which connects your Last.fm-account to the Open Graph. After authorization (which previews the Open Graph actions the app is about to publish to your profile, see screenshot), the app does little more than to periodically check your “recent listens”-feed on Last.fm and publish these as “Listen to”-actions to your Timeline (screenshot). Friends who see these actions in their ticker, may click the track and listen to the song themselves. We have implemented this by linking all Last.fm tracks to a matching YouTube-clip (which of course works great very often, but also tends to break especially when the track’s title includes remixers etc.).

Implementing these features was pretty straight-forward, especially for developers already familiar with the Facebook-platform. We are really looking forward to the public launch of Timeline and the new breed of social applications which will then be enabled!

Attention: if you want to try out our Last.fm-Scrobbler yourself, you’ll first have to enable Timeline (here’s a how-to). Moreover, since all Open Graph actions have to be approved by Facebook, which they haven’t started doing yet, we have to add Testing-permissions for your Facebook-account before you install the app. Just email me at michael.kamleitner@socialisten.at, and make sure to include your Facebook User-ID!

Link: http://apps.facebook.com/lastfm-og-scrobbler
Contact:  office@socialisten.at

Wenn Facebook zur jährlichen Entwickler-Konferenz „f8“ nach San Francisco lädt, sind die Erwartungen von Anwendungs-Entwicklern, Online-Marketing-Treibenden und nicht zuletzt vieler interessierter Benutzer groß. Michael Kamleitner, Geschäftsführer der Wiener Agentur „Die Socialisten“ war vor Ort.Die hohen Erwartungen scheinen berechtigt, nutzen CEO Mark Zuckerberg und Kollegen die f8 (ausgesprochen: „eff eight“) doch regelmäßig dazu, die strategische Marschrichtung der nächsten Jahre für die Facebook-Plattform festzulegen. So geschehen 2010 etwa mit „Open Graph“ und dem Like-Button, der mittlerweile auf Millionen Websites eingebunden ist. Oder 2008 mit der Veröffentlichung von Facebook Connect, welches Facebook als universelles Identitäts-System etablierte. Nicht zu vergessen die „Ur-f8“ im Jahr 2007, als die Anwendungs-Plattform selbst für Dritte geöffnet wurde. Und – so viel war vergangenen Donnerstag schon während Zuckerbergs Keynote klar: 2011 hat sich das Unternehmen aus Palo Alto zur f8 wieder viel vorgenommen.

Vom Profil zum Online-Tagebuch

Die augenscheinlichste Neuerung ist die Umgestaltung der Benutzer-Profile zur sogenannten „Timeline“ (im deutschen „Chronik“). Die Idee: zum „Online-Tagebuch“ ausgebaute Profile sollen Benutzern die Möglichkeit geben, ihr ganzes Leben – online wie offline – möglichst detailgetreu & visuell eindrucksvoll wiederzugeben. Die Timeline wird dabei – wie bisher auch die Pinnwand – von allen Benutzer-Interaktionen auf Facebook oder mit Facebook-verknüpften Apps  gespeist. Allerdings haben Benutzer nun wesentlich mehr Möglichkeiten, die angezeigten Einträge nach ihren Vorlieben zu bearbeiten. So können etwa besonders wichtige Fotos oder Videos hervorgehoben, oder unpassende Einträge gelöscht werden. Wer keine Lust zur stundenlangen Pflege seiner Timeline hat, darf beruhigt sein: im Wesentlichen enthält ein Facebook-Benutzerprofil auch weiterhin alle Einträge chronologisch rückläufig sortiert, es ändert sich in erster Linie nur die Form der Darstellung. Allerdings: geschickte automatische Gruppierungen von inhaltlich zusammen passenden Einträgen und die Möglichkeit auch viele Jahre in die Vergangenheit zu scrollen,  machen bereits bisher vorhandene Informationen über eine Person in komprimierter Form so leicht zugänglich wie noch nie.

Mit der Stärkung der Benutzer-Profile begibt sich Facebook auf die Spuren seiner selbst – bis zur Einführung des News-Feeds 2006 waren die Profile der zentralste Bestandteile von Facebook und Haupt-Navigations-Pfad für die Benutzer. Der News-Feed, der alle Interaktionen und News der Freunde eines Benutzers bündelt, drängte die Profile in den Hintergrund, da es schlichtweg nicht mehr notwendig war, die Seiten der eigenen Freunde regelmäßig zu besuchen um von Neuigkeiten zu erfahren. Mit „Timeline“ stärkt Facebook Benutzer-Profile ungemein – nicht nur werden zahlreiche Benutzer beträchtliche Zeitmengen investieren um die eigenen Profile zu gestalten und zu „optimieren“, auch das Bedürfnis quantitativ und qualitativ mehr über seine Freunde zu erfahren wird besser befriedigt (Ja, man kann auch „Stalking“ dazu sagen – zweifelsfrei ein Grundbedürfnis das Facebook & soziale Netzwerke an sich seit jeher gut befriedigen). Interessant: trotz nahendem Börsengang wird der kontextsensitiven Werbung auf Timeline-Profilen weniger Platz am Bildschirm eingeräumt als am klassischen Profil. Ob die noch detaillierteren Profil-Daten, auch zu effektiverer Personalisierung der Werbung führt, bleibt abzuwarten.
Für Firmen-, Organisations- und Marken-Seiten, welche bislang in Aufbau und Funktion den persönlichen Profilen ähnelten, wurden übrigens keine Veränderungen angekündigt. Timeline’s narrative Sicht auf das Profil erscheint für diese Zwecke auch weniger geeignet zu sein. Andererseits wäre es nur konsequent, wenn Facebook in Folge auch Unternehmen mehr individuellen Raum zur Eigendarstellung gewähren würde – vorerst aber bleiben die bekannte Tabs bzw. Reiter auf der eigenen Seite hierzu  die einzigen Möglichkeiten.

Open Graph und das Ende des Wall-Posting

Für Anwendungsentwickler und Marketing ist die zweite Ankündigung der „f8“ allerdings noch wesentlich bedeutender als „Timeline“. Mit einer Neu-Auflage des bereits 2010 veröffentlichten „Open Graph Protocols“ sollen die Charakteristika von sozialen Applikationen auf der Facebook-Plattform grundlegend verändert werden. Seit 2006 versuchen Anwendungen  die Kommunikations-Mechanismen der Plattform – und hier besonders das „Wall-Posting“  und den News-Feed – zur eigenen Verbreitung zu nutzen. Zu Recht, ist doch Distribution ein Haupt-Argument für Facebook als Applikationsplattform. Je mehr Content allerdings auf Facebook geteilt wird, und je größer die individuellen Freundeskreise wurden, desto schwieriger war es für Anwendungen in den News-Feeds der Benutzer eine Rolle zu spielen. Die Folge: immer öfter wurden Benutzer an den unmöglichsten Stellen zum Verfassen eines Postings aufgefordert, oft passierte dies auch für den Benutzer unbemerkt im Hintergrund. Mittlerweile ist der Punkt erreicht, an dem viele Benutzer Wall-Postings mit geringem Info-Gehalt, etwa das Teilen eines Artikels oder eines gerade gehörten Musik-Stückes aus Rücksicht auf ihre Informations-überfluteten Facebook-Freunde lieber ganz unterlassen. Unternehmen, die Gewinnspiele oder andere Promotionen auf Facebook realisieren wollten, mussten immer tiefer in die Trickkiste greifen um Verbreitung  zu erlangen.

Mit Open Graph soll das nun anders werden. Bisher vor allem für die Funktionsweise des Like-Buttons verantwortlich, wird Open Graph zum Motor eines „Aktivitäts-Streams“ für alle neuen Facebook-Anwendungen.  Entsprechend programmierte Anwendungen  können verschiedenste Aktivitäten ihrer Benutzer ohne deren weiteres Zutun auf Facebook veröffentlichen. Ein Beispiel gefällig? Die News-Applikation der Washington Post publiziert etwa alle Artikel die ein Benutzer gelesen (bzw. geladen) hat auf dessen Profil. Oder: der bisher nur in Amerika verfügbare Musik-Service Spotify sammelt alle Musikstücke die ein Benutzer abspielt und veröffentlicht diese in einer eigenen Box in der „Timeline“. Um mit diesen Shares nicht die News-Feeds der Benutzer zu überfluten, hat Facebook bereits vor einigen Wochen mit dem „Ticker“ ein neues Element auf der Startseite eingeführt. Der Ticker ist eine Echtzeit-Anzeige dessen, was die Freunde eines Benutzers momentan auf Facebook und dessen Apps gerade machen. Neben Likes, Kommentaren, und Spielen können hier nun auch Applikationen ihre individuellen Aktivitäten veröffentlichen. Die Möglichkeit, den Benutzer zum Verfassen eines Wall-Postings aufzufordern beleibt daneben bestehen – „noch“, ist man versucht zu sagen.

Angesichts von Schlagworten wie „automatisches Veröffentlichen“ und „ohne Zutun des Benutzers“ werden vermutlich nicht nur Privacy- & Datenschutz-Advokaten die Hände über dem Kopf zusammen schlagen. Tatsächlich fühlt man sich an 2007 erinnert, als Zuckerberg mit dem Konzept „Beacon“ ähnliches im E-Commerce-Bereich plante, angesichts der starken Proteste seitens seiner Benutzerschaft aber wieder zurück ziehen musste. 2011 hat sich – vor allem auch durch Facebook – die weitläufige Einstellung zu Privatsphäre im Netz weiter gelockert, und Zuckerberg aus Fehlern gelernt: anders als Beacon, dass Online-Käufe bei Amazon und anderen Shopping-Portale ohne Einverständnis des Benutzers veröffentlichte, basiert das Publizieren von Aktionen per Open Graph auf einem Applikations-spezifischen opt-in. Im Klartext: jede App die Aktionen im Namen des Benutzers veröffentlichen will, muss dazu im Rahmen der Applikations-Installation die explizite Einverständnis des Benutzers einholen. Und: Facebook hat einen internen Bestätigungs-Prozess etabliert, den Anwendungs-Entwickler durchlaufen müssen, wenn sie Open Graph nutzen möchten.

Social Application Design

Was bedeuten die Neuerungen in Open Graph und Ticker nun für Unternehmen die Pages und Apps auf Facebook betreiben? Aus Sicht eher content-getriebener Pages dürfte die Entlastung des News-Feeds durch den Ticker positiv wirken. Nachrichten von Pages könnten so mehr Sichtkontakte generieren als bisher. Für Applikationen aller Art, sei es der Gewinnspiel-Reiter auf der eigenen Page, ein Facebook-verknüpfter Foto-Contest auf der eigenen Website oder eine abseits von Marketing-Kampagnen langfristig angelegte App, heißt es jedoch Abschied nehmen. Abschied nehmen vom Wall-Posting als dem primären – wenngleich in jüngere Vergangenheit ohnehin immer ineffektiveren – Mittel zur Distribution der eigenen App, zugunsten einem tiefergehenden „Social Design“ der Anwendung selbst. Ähnlich wie beim Design einer Datenbank, gilt es dabei die Objekte einer Anwendung zu erkennen, und die damit verknüpften sozialen Gesten und Interaktionen im Sinne des Open Graph zu modellieren. Ein Schlüssel wird dabei die Personalisierung von Inhalten anhand des Social Graph eines Benutzers sein – eigentlich eine längst bekannte Binsenweisheit, in der Praxis aber leider meist noch ignoriert.

Aus unserer Sicht, der Sicht der Anwendungs-Entwickler, hat Facebook seine Plattform zur diesjährigen „f8“ also ein gehöriges Stück verbessert. Die Umgestaltung der Benutzer-Profile zur „Timeline“ ist innovativ, wird aber – wie alle Änderungen am Benutzer-Interface von Facebook – kontrovers aufgenommen werden. Die ersten Tage mit „Timeline“ haben bereits gezeigt dass die neuen Profile nicht unbedingt übersichtlich sind. Aber wie schon in der Vergangenheit wird Facebook hier rasch nachbessern. Die Erweiterungen am Open Graph Protocol und die daraus resultierenden Konsequenzen können hingegen gar nicht hoch genug eingeschätzt werden. Einmal mehr legt Facebook die Messlatte in Sachen Offenheit vs. Privatsphäre deutlich höher. Das Versprechen: die wirklich „sozialen“ Anwendungen auf der Facebook-Plattform, werden erst jetzt gebaut werden. Gehen wir’s an!

Bereits zum vierten Mal lädt Facebook diesen Donnerstag, 22. September zur Facebook Entwickler Konferenz f8 (ausgesprochen “eff eight”, obwohl “fate” auch nicht so unpassend wäre, wohl kein Zufall) in San Francisco. Sieht man sich die Highlights vergangener Jahre an, so wird schnell klar: Mark Zuckerberg & Co. machen zur f8 keine halben Sachen sondern nutzen die Konferenz um die strategische Ausrichtung der Plattform für die nächsten Jahre zu definieren. Von Facebook-Connect (2008), über Open Graph/Graph API (2010) und natürlich der Veröffentlichung der Applikations-Plattform selbst auf der “Ur”-f8 2007 – die Erwartungen an die Konferenz sind also berechtigterweise hoch.

Bei “Die Socialisten” beschäftigen wir uns seit Sommer 2007 intensiv mit allen Aspekten der Facebook-Plattform – allerhöchste Zeit also, sich das Spektakel mal selbst anzusehen! Und so freue ich mich darauf, heuer erstmals direkt von der f8 berichten zu können – auf Facebook, Twitter und natürlich hier am Blog! Einen Live-Stream wird es darüberhinaus auf http://f8.facebook.com/ geben (22. 9., 10am PDT – minus 9hauf CET).

Bis dahin & zur Einstimmung: die f8 keynote vom letzten Jahr:

The video cannot be shown at the moment. Please try again later.

Since the beginning of time (or rather since platform was first made available in 2007), the Facebook application-canvas has always been fixed to 760px width, content has been centered if the browser window was any larger. Fluid layouts abolish this limitation for the first time. To activate fluid layouts, go to the developer-app:

You’ll notice new Canvas settings to set both “width” & “height” to fluid. The “height”-setting basically corresponds to the old setting for “auto-resizing iframes”, so you will most probably already have this set to “fluid” (you’ll still need the JavaScript-call FB.Canvas.setAutoResize(); to do the actual vertical resizing tough). The “width”-setting is entirely new, and has to be set to “fluid” to enable flexible layouts (fixed layouts still we be the default).

So, how do fluid canvas layouts look and feel? We’ve prepared a Demo-App at http://apps.facebook.com/superfluidappcanvas/, however if the new layout-option hasn’t been rolled out for your user-account, this app will still be displayed in fixed, 760px width! If fluid layouts are enabled, the content will be rendered like this:

• Content of canvas is left-aligned
• Canvas grows dynamically with size of browser window (width of canvas = width of viewport – 256px for the sidebar)
• No Margin on left, top or right (which takes a bit getting used to)

If you decrease the browser window’s width, the canvas-width is reduced down to 774px minimum:

Again, here is how the canvas would look with fixed-layout enabled (or, if fluid layouts are not enabled for you yet):

While we think the no-margins canvas, which btw. is also changing for fixed width apps, looks a bit strange (especially with rounded corners on your canvas-layout), the new fluid layout certainly gives developers more flexiblity. While it probably is mostly aimed at games, it might be a good solution to integrate existing web-apps/sites which can’t be easily trimmed down to 760px. What do you think, are you going to use fluid layouts on your Facebook-apps?

“How can I build a Like-button, that links to a particular tab on my Facebook-page, not the whole page itself?”

Since we get asked this is regularly, here’s a quick how-to:

1st Attempt: First thing you might want to try – put the the URL to your tab into Facebooks Plugin-builder like you would do with any other URL. Let’s try this with our “We are hiring”-tab (full URL: http://www.facebook.com/diesocialisten?sk=app_173159669408314):

Unfortunately, Facebook ignores the ?sk=… parameter, so the resulting like-button references the page itself (http://facebook.com/diesocialisten), and not the tab. You can easily verify this using the Facebook URL-Linter (Michael I. has introduced the Linter a while ago). The same behavior is expected when sharing the tab-URL directly on your Facebook-wall, so that won’t work.

2nd Attempt: the solution to this problem is quite simple! We just have to create an html-stump that only includes the Open-Graph-Tags (title & description of tab, image etc.) we want to be used (title & description of the tab, image etc.) when someone is sharing or liking our tab:

We drop this file somewhere on our webserver (f.e. http://apps.diesocialisten.at/tab/index.php) and test it with the Linter until we are happy with how Facebook displays the Open-Graph-tags:

But there’s still a big problem: when clicking on a share or like, users are now redirected to http://apps.diesocialisten.at/tab/index.php – which results in a blank page (containing just the “invisible” OG-tags). So what we basically need to do, is redirect everybody back to the tab, except of course the Facebook crawler, which we still want to feed the OG-tags. We do this by checking the user-agent-string, which identifies the crawler:

So here’s complete stub, which includes a tiny php-snippet to examine the user-agent and do the redirect accordingly:

And this is how the wall-posts, likes etc. referencing http://apps.diesocialisten.at/tab look like:

Wer sich mit dem Thema Deals bereits in der Vergangenheit beschäftigte, der wird nicht um das internationale Unternehmen Groupon herum gekommen sein, die im vergangenen Jahr ein Portal für Österreich und die Schweiz starteten. Groupon vernetzt internetaffine Schnäppchen-Jäger mit Anbietern regionaler und überregionaler Produkte und Dienstleistungen. Die angebotenen Deals sind in diesem Zuge um durchschnittlich 70% des Originalpreises reduziert. Für den Konsumenten in jedem Fall ein lohnendes Geschäft (Textanzeige).

Doch wie kam es dazu? In den letzten Tagen werden von Facebook auf Pages vermehrt Popups geschalten, die Administratoren zur Eingabe von fehlenden Adress-Daten auffordern. Da dieser Hinweis sehr oft erfolgt, gaben wir auf einer zu Test-Zwecken eingerichteten Page eine falsche Adresse an, um Facebook zu besänftigen. Wir wählten spaßeshalber als Ort unserer Seite den Apple Campus in der “1 Infinity Loop” in Kalifornien. Nun wurde unsere Fanpage automatisch in einen Facebook Place umgewandelt, der sich in Amerika befindet. Grund genug für Facebook, um uns in der Administratoren-Ansicht der Fanpage den Menüpunkt “Deals” zu spendieren.

Als wir den Menüpunkt vorfanden waren wir überrascht und skeptisch, ob das Erstellen von Deals tatsächlich funktionieren würde, da diese erst (zumindest) halb-manuell von Facebook freigeschalten werden müssen. Wir änderten also Profilfoto & -namen auf ein plausibles “Cafehaus Szenario” in Amerika und warteten, ob Facebook tatsächlich unseren Deal freischalten würde. Prompt kam innerhalb von wenigen Stunden die Rückmeldung, dass Facebook unseren Deal “Get a free coffee” offiziell freigeschalten hat. Phase Eins erfolgreich abgeschlossen! Doch zum Aufrufen des Deals müsste man sich nun in Amerika befinden. Zeit für Phase Zwei.

Phase Zwei beinhaltete eine erneute Adressänderung, die problemlos funktionierte. Wir änderten die Angaben nun auf unsere eigene Geschäfts-Adresse in Wien zurück. Voila, der Deal wurde nun in der Facebook iPhone-App in der Liste der umliegenden Places als verfügbar angezeigt (siehe Screenshot)!

Und hier ist er nun, der vermutlich erste, in Österreich jemals erstellte Facebook Deal. Speziell für euch:

“Get a free coffee!” – check in @ Die Socialisten Coffee Club!

100 Stück davon haben wir für euch reserviert. Zum Zeitpunkt des Verfassens des Artikels gibt es noch 98 davon abzuholen. Unsere Mitarbeiter sind über den Deal informiert und freuen sich, euch das Incentive während einem Tratsch über Deals, Places etc. auszuhändigen . Das Angebot gilt übrigens noch bis Ende Mai! (Der Cafe selbst schmeckt wohl im Starbucks, der nur einige Meter von unserem Büro entfernt ist, besser. Aber trendigeren Cafe als bei uns findet ihr in ganz Österreich wohl dennoch (noch) nicht!)

Und hier findet ihr noch einige Screenshots, wie unser Facebook Deal am iPhone angezeigt wird:

Hinweis: Obwohl das Ändern der Adresse und Anlegen des angesprochenen Deals auf unserer Test-Page probemlos funktionierte, raten wir derzeit dennoch von einem produktiven Einsatz ab.

Schon zu Beginn des Jahres haben wir gemeinsam mit unserem Partner Ambo Media die deutsche Facebook-Fanpage des Modeversands Elégance mit einem saisonal aktualisiertem Landing-Tab sowie einem Umfrage-/Quiz-Tab ausgestattet, welches seitdem für unterschiedliche Kampagnen (“Welche ist Deutschlands eleganteste Stadt?”) eingesetzt wurde. Derzeit kann übrigens noch bis 15. April “Deutschland eleganteste Frau” gewählt werden…

Link: facebook.com/elegance
Kontakt: office@socialisten.at

Link: facebook.com/MuseumsQuartierWien
Kontakt: office@socialisten.at