Link: https://www.facebook.com/stieglbrauerei/app_227267884030674
Kontakt: office@socialisten.at

Zum 1. Mai jeden Jahres ist es in Österreich üblich, im Ortszentrum einen Baum aufzustellen und die Nacht über zu bewachen, damit dieser nicht von anderen Personen gestohlen werden kann. Auch bei der Stiegl-Brauerei wird dieser Brauch jedes Jahr im Rahmen des Maibaumfests zelebriert und ein Maibaum aufgestellt. Basierend auf der Idee unseres Partners ambuzzador, den Offline-Brauch in die Online-Welt zu übertragen, entwickelten “Die Socialisten” eine Invite-App mit “Echtzeit-Charakter” – anders als bei den wohl-bekannten Invite-Apps ging es darum, in 20, zeitlich sehr kurzen Runden  mit möglichst vielen Facebook-Freunden gemeinsam ein Team zu bilden um den Stiegl Maibaum zu erobern. Am Ende jeder Runde gewann das größte Team eine Kiste mit köstlichem Stiegl-Bier. Das Team, das am Ende des Kampagnenzeitraums den Maibaum eroberte, gewann zusätzlich eine Einladung direkt in die Stieglbrauerei nach Salzburg. Letztlich konnte sich ein Team aus 104 Teilnehmern gegen die Mitstreiter durchsetzen und den Maibaum am 1. Mai erobern. Die Applikation konnte sowohl am Desktop, als auch mobil benutzt werden. Es zeigte sich, dass bei Echtzeit-Kampagnen die Unterstützung/Optimierung einen deutlichen Mehrgewinn für die Benutzer darstellt. So führten zum Beispiel Push Notifications auf iOS dazu, dass letztlich rund 1/4 aller Aufrufe über mobile Endgeräte stattfanden.

In folgendem Video wird die Applikation näher erklärt:

Video: ambuzzador

Um die Plattform-Sichtbarkeit der Kampagne zu erhöhen, entschlossen wir uns dazu, die Applikation als “Spiel” anzulegen. Hierbei stellt Facebook spezielle API-Schnittstellen zur Verfügung, die explizit auf Errungenschaften/Punktestände zugeschnitten sind. Im konkreten haben wir Achievements (für den Gewinn einer Runde), bzw. Scores (“wie oft konnte ein User den Maibaum erobern”) in das Spiel integriert. Diese Funktionalitäten sind mit vergleichsweise wenig Aufwand zu implementieren und sorgen für eine erhöhte Präsenz der Applikation im Newsfeed, der Timeline, sowie dem Ticker. In den folgenden Screenshots kann man einige dieser automatisch getriggerten Postings (gesonderte Permission-Abfrage “publish_actions” notwendig) erkennen. Aus den erzeugten Open Graph Actions (“played”, “achieved”, “passed”, “High Score”) entstanden somit knapp 250.000 zusätzliche Feed/Timeline-Impressions, die die Sichtbarkeit von “Stiegl Maibaum stehlen” deutlich erhöhten.

Wir sind sehr froh über die Möglichkeit, Achievements/Scores in einem Projekt testen zu können und aufgrund der sehr positiven Insights freuen wir uns schon auf die nächste Implementierung. Nähere Einzelheiten zur Kampagne am ambuzzador-Blog.

Related posts:

• Facebook: Fluid Canvas Layout f. Apps & Games
• GraphInspector: Your New Favorite Facebook Developer Bookmarklet
• Facebook: How to build a Like-button linking to a particular tab on a page

From me, big thanks to our awesome team, & congratulations to all the other approved partners!

More Info on the PMD-program: https://developers.facebook.com/preferredmarketingdevelopers/
And here’s our press-relase:

Related posts:

• Nachlese zur Facebook f8 – Was bringen Timeline & Open Graph für Unternehmen, App-Entwickler & Marketing

“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 etwa Axel Springer/Bild.de, Krone Multimedia, ATV und Hitradio Ö3. “Die Socialisten” sind als einzige österreichische Agentur im offiziellen “Facebook Preferred Marketing Developer”-Programm in den Bereichen Apps & Pages gelistet.

Unser Entwicklungs-Team in Wien sucht Verstärkung! Web-EntwicklerInnen die sich am LAMP-Stack pudelwohl fühlen, Web-Applikationen in Front- und Backend eigenverantwortlich umsetzen können und sich dabei mit Social Web-APIs aller Art austoben möchten, sind bei uns genau richtig!

Anforderungen

• HTML(5), CSS, JavaScript, jQuery o.ä. sowie die Nerven, das alles auch cross-browser-kompatibel zusammenzubauen
• Sehr gute Kenntnisse von PHP und einem PHP-basierten MVC-Framework, bevorzugt CakePHP
• MySQL oder PostgreSQL

Bonus-Skills

• Erfahrung mit der Facebook-Plattform in allen Ausprägungen (Graph API, JavaScript SDK, Legacy APIs)
• Kenntnisse verschiedener APIs von Social Web Services wie Twitter, Foursquare, YouTube etc.
• Kenntnisse in der Benutzung von git(hub) o.ä.
• WordPress Theme- und Plugin-Entwicklung

So arbeiten wir!

• Eigenverantwortliche Umsetzung von Projekten sowie Arbeit in kleinen Projekt-Teams
• Genügend Zeit, abseits von Kunden-Projekten neue Technologien im Labor-Betrieb zu erforschen
• Festanstellung, IT-KV ST1 oder ST2, ganztags, in Wien

Bewerbungen mit Lebenslauf und – viel wichtiger – Referenzen per E-Mail an michael.kamleitner@socialisten.at.

Mehr über Die Socialisten auf http://die.socialisten.at und auf Facebook unter http://facebook.com/diesocialisten

Knapp ein halbes Jahr ist vergangen, seit Facebook anlässlich der f8 mit Timeline & Open Graph die wohl weitreichendsten Veränderungen der Plattform seit Einführung des News-Feeds angekündigt hat. Mittlerweile ist Timeline bei vielen Benutzer- und Seiten-Profile angekommen – höchste Zeit also für die passenden Apps! Wir freuen uns, heute die erste Timeline-App eines österreichischen Medien-Unternehmens an den Start zu bringen – Krone Social TV!

Link: https://www.facebook.com/kronetv
Kontakt: office@socialisten.at 

Mit Krone Social TV können Facebook-Benutzer den gesamten Video-Content von Krone.at innerhalb einer Facebook-App gemeinsam mit ihren Freunden betrachten, kommentieren und teilen. Die App nutzt dabei die neuen Timeline-Integrationspunkte (Ticker-Postings, Aktivitäts-Boxen am Benutzer-Profil, Social Plugins) um Inhalte zu personalisieren und entlang des “sozialen Graphen” im Netzwerk der Freunde des Betrachters zu verbreiten. Dazu Michael Kamleitner, Geschäftsführer “Die Socialisten”:

Mit dem öffentlichen Launch von Timeline im Januar 2012 leitete Facebook einen Paradigmen-Wechsel in der Art und Weise wie wir Video-, Audio- & News-Content online konsumieren ein. Content-Anbieter und Anwendungs-Entwickler können mit Timeline-Profilen und Ticker die Verbreitung von Inhalten in sozialen Netzwerken extrem beschleunigen. Erste Show-Cases von US-News-Portalen konnten in wenigen Wochen Traffic-Steigerungen im Ausmaß von bis zu 600% erzielen. Die Socialisten freuen sich, gemeinsam mit krone.at die erste Facebook Timeline-Anwendung eines österreichischen Nachrichten-Portals zu launchen, und damit einmal mehr unseren Anspruch als Innovations-Führer im Bereich Facebook & Social Web unter Beweis zu stellen!”

Krone Social TV wurde gemeinsam mit Digital Affairs & Krone.at konzipiert und von “Die Socialisten” umgesetzt. Mehr Infos zu Timeline & Open Graph finden sich in unserem Platform-Briefing auf Slideshare!

Ich finde @mjam braucht dringend einen 'Random' Button. #entscheidungsschwächen

22. Mar 2012 13:47 via Twitter for MacReplyRetweetFavorite

@countsickness

sickn.es/s/

Damit ist jetzt Schluss! Unser Browser-Bookmarklet “Rand-o-Mjam” verhilft entscheidungsschwachen Bestellern wie @countsickness und kulinarischen Gewohntheitstieren wie uns zu einer ausgewogeneren Ernährung! Nach der Auswahl der Postleitzahl auf mjam.net genügt ein Klick auf das Bookmarklet, und Rand-o-Mjam zeigt die Speisekarte eines zufällig ausgewählten Restaurants an. Feinschmecker können dabei auch einen minimalen Quality-Rank angeben.

Die Installation des Bookmarklets ist kinderleicht: Ziehe einfach den gelben Button auf die Bookmark-Leiste deines Browsers, lade mjam.net und klicke auf den Button – voilà!

Das Bookmarklet funktioniert auf jeden Fall in Chrome und Firefox, vermutlich auch in allen anderen Browsern (außer in IE).

Rand-o-Mjam wurde übrigens von unserem Patrick mit Hilfe der wunderbaren Mjam-API (http://www.mjam.net/api/doc/) umgesetzt!

Viel Spaß beim Ausprobieren, Bestellen, Essen – wünschen euch Die Socialisten!

Related posts:

• GraphInspector: Your New Favorite Facebook Developer Bookmarklet

Schwerwiegendes Problem?

Während bisherige Tab-Applikationen direkt auf einer Facebook-Fanpage eingebunden waren und die komplette Seite nach einem Klick auf “Like” (außerhalb der Applikation) neu geladen wurde, haben unsere gestern durchgeführten Tests ergeben, dass mit der neuen Implementierung kein automatisierter Reload mehr stattfindet. Es kann daher applikationsseitig nicht 100%ig zuverlässig festgestellt werden, ob ein Benutzer im aktuellen Moment des Betrachtens der Applikation tatsächlich Fan einer Page (geworden) ist.

Achtung: Natürlich ist einen Tag nach Veröffentlichung der neuen Funktionen noch nicht seriös abzuschätzen, ob dieses Verhalten bis zum endgültigen Roll-Out am 30. März 2012 bestehen bleibt. Vorerst ist das neue Design und Verhalten nur als ‘Preview’ anzusehen.

Mögliche Auswirkungen

Aus technischer Sicht ist aktuell vom Einsatz des Fan-Gate-Mechanismus in Applikationen, die auf einer Timeline-Page eingebunden werden, klar abzuraten.

Eine Zeit, in der spannende Inhalte nicht mehr durch unspannende Barrieren verdeckt werden ist somit in greifbare Nähe gerückt. Entwickler und letztlich auch Benutzer der Applikationen können sich auf einen einfacheren Zugriff auf Inhalte freuen. Für Auftraggeber, Marketingabteilungen und Agenturen bedeutet der Verlust des geliebten Fan-Gates jedoch ein großes Problem. In vielen Fällen wurde es als ausschließlicher Mechanismus zum Lukrieren von höheren Fanzahlen eingesetzt.

Erst die Insights der folgenden Monate werden also zeigen, wie hoch die Auswirkungen fehlender Fan-Gates tatsächlich sind.

Entwickler aufgepasst!

Der mögliche Wegfall der Fangates wird in den kommenden Wochen für viel Gesprächsstoff in der Branche sorgen. Das technische Problem als ernsthafte Argumentationsgrundlage in Gesprächen haben wir euch bereits geliefert. Doch das ist uns noch nicht genug! Weil wir Awareness für das kontroversielle Thema schaffen möchten und ein Meme mehr sagen kann, als 25 technische Gründe zusammen, haben Die Socialisten das Thema “Fan-Gate” aufgegriffen und durch unseren Meme-Generator (in Person von Patrick) gejagt. Dabei herausgekommen ist eine Vielzahl an nicht unbedingt ernst gemeinten “Diskussionsbeiträgen”, die wir euch für eure Diskussionen mit Kunden, Präsentationen auf Developer-Konferenzen, oder etwaigen Hackathon-LOL-Ups innerhalb eurer Firma zur Verfügung stellen möchten.

23 Memes auf Facebook 

Alle Memes sind direkt auf unserer Facebook Fanpage als Fotoalbum gelistet. Spread the word & love.

Hier lediglich ein kleiner Ausschnitt:

Danke an alle Ideen von Fabian, Johannes, Michael,  und Patrick.

Update 08.03.2012: Facebook hat den Bug “Like Button does not refresh the page” behoben, somit steht einem neuerlichen Fan-Gating technisch gesehen nichts mehr im Wege.

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

Allgemeines zur Timeline für Pages: Funktional und optisch hält sich Timeline f. Pages im wesentlichen an die bereits wohlbekannten Benutzer-Profile. Auch Unternehmen und Marken haben nun die Möglichkeit, ihr bisheriges “Leben” nachträglich Revue passieren zu lassen, in dem die Firmengeschichte in Wort & Bild auf der Timeline aufgetragen wird (sehr schön hat das Coca-Cola gemacht). Wie auch für Benutzer gilt: wer dazu keine Lust hat, muss das natürlich nicht tun – die Timeline von Pages wird genauso wie jene von Benutzer weiterhin automatisch chronologisch rücklaufend bespielt. Hervorhebenswerte Beiträge können dabei wie gewohnt als “Highlight” 2-spaltig dargestellt, oder mit der Funktion “Pin to Top” am oberen Ende der Timeline fixiert werden.

Was geschieht mit Applikations-Tabs? Viele Betreiber von Seiten haben beträchtliche Aufwände in die Erstellung und Konfiguration individueller Applikations-Tabs zur Erweiterung der eigenen Seite investiert. Da die neuen Timeline-Profile f. Benutzer keinen Platz für Tabs vorgesehen haben (bzw. Tabs f. Benutzer ohnehin schon 2011 abgeschafft wurden), war also die berechtigte Frage: wo könnten Tabs in einem künftigen Timeline-Layout f. Page-Profile untergebracht werden. Wie zu erwarten dienen die 4 “Tiles”(oder “Pagelets”) unter dem Cover-Photo der Unterbringung von Tabs. Dabei ist das erste Tile fest mit “Photos” belegt, während die Tiles 2,3 und 4 mit beliebigen Apps belegt werden können.

Mit dem Pfeil-Button rechts daneben, können die Tiles aufgeklappt werden, wodurch max. 8 weitere Anwendungen zum Vorschein kommen. Die Positionen der einzelnen Tiles können mit den Edit-Icon und “Swap Positions” verändert werden. Damit werden Tab-Applikationen einerseits deutlich aufgewertet: die unauffälligen Links unter dem Profil-Bild des alten Seiten-Layouts konnten leicht übersehen werden, während die 4 Tiles unter dem Cover äussert gut sichtbar sind. Andererseits sind statt bisher 6 Tab-Applikationen (die restlichen wurden hinter dem “more”-Link versteckt) nun nur mehr 3 Apps mit einem Klick zu erreichen.

Wird es weiterhin Landing-Tabs geben? Als “Default Landing-Tab” können Seiten-Administratoren bislang eine Tab-Applikation definieren, welche Besuchern die noch nicht Fan der Seite sind per Default angezeigt wird. Von Gewinnspiel über Welcome-Tab waren Landing-Tabs bisher das Facebook-Marketing-Tool #1. Und nun festhalten, denn die neuen Timeline-Profile f. Pages weisen derzeit keine Option mehr zum Festlegen eines Default Landing-Tabs mehr auf. Ob dies nur während der Preview-Phase so ist oder endgültig so bleiben wird, bleibt abzuwarten.

Wie groß sind Tabs? Die neuen Applikations-Tabs auf Seiten-Profilen sind nunmehr 810 Pixel (anstelle der bisherigen 520 Pixel) breit. Alte Facebook-Hasen (nun ja, solche die zumind. vor August 2010 Seiten betrieben haben) werden sich ein Schmunzeln nicht verkneifen können: damals wurden Tabs von 760 auf 520 Pixel verschmälert. Die breiteren Tabs erlauben jedenfalls wieder deutlich mehr Freiraum in der Gestaltung von Tab-Applikationen – alte Anwendungen werden automatisch zentriert angezeigt.

Achtung: aufgrund eines CSS-Bugs von Facebook dürfte der iframe, der die Tab-Applikation enthält derzeit fälschlicherweise nur 779px breit sein – Vorsicht!

Um Apps im neuen Tab-Format zu Betreiben, muss die entsprechende Einstellung Page Tab Width in den App-Settings vorgenommen werden. Das bedeutet, dass Benutzer von “Apps von der Stange” (Involver & Co.) darauf warten müssen, bis der App-Betreiber die Anwendung auf 810 Pixel umstellt – dies wird vermutlich erst am 30. März passieren, um Benutzer die ihre Seiten noch nicht auf Timeline umgestellt haben nicht zu vergraulen.

Was hat sich sonst so getan? In den nächsten Stunden und Tagen werden wir wohl noch auf einige Neuigkeiten & Eigenheiten der Timeline-Profile f. Pages stossen, was auffällt: das “unliken” einer Seite ist nun noch etwas versteckter als bisher, nämlich im Menü das sich hinter dem Zahnrädchen unter dem Cover-Photo befindet:

Wann geht’s los? Ab sofort dürften alle (?) Seiten-Administratoren die Möglichkeit haben, ihre Seite auf das neue Timeline-Format umzustellen. In einem entsprechenden Hinweis-Fenster kündigt Facebook an, dass die Umstellung auf Timeline bereits am 30. März 2012 für alle (bereits bestehenden) Seiten kommen wird.

Wie kann man Timeline f. Pages Ausprobieren? Bis dahin kann mit dem neuen Timeline-Profil mit “Preview” unter Ausschluß der Öffentlichkeit getestet werden. Der entsprechende Hinweis & Button sollte im Lauf des Tages für alle Seiten-Administratoren sichtbar sein. Unternehmen, Marke und Organisationen haben so knapp einen Monat Zeit, ihre Timeline-Profile mit passenden Inhalten zu füllen, sowie vorhandene Applikations-Tabs an das neue Format anzupassen. Im Preview-Modus ist die Seite nur für Administratoren im neuen Look sichbar- alle anderen Benutzer sehen die Seite weiterhin im klassischen Layout. Mit “…see your old design” im Header-Bereich der Seite können darüberhinaus auch Admins während der Preview wieder in das alte Layout wechseln. Aber Vorsicht: mit dem Button “Publish now” wird die Seite endgültig auf Timeline umgestellt

Hier nochmal zusammengefasst was für Developer zu beachten ist:

• Tabs: Verbreiterung von 520px auf 810px spätestens am 30. März 2012. Bis dahin muss die Umstellung auf 810 Pixel manuell über die App-Einstellungen erfolgen.  Schmälere Tabs werden automatisch zentriert dargestellt. Da im Timeline-Profil nur 3 Tabs mit einem Klick erreichbar sein werden, macht es auch Sinn zu überlegen ob man manche Tabs/Apps nicht zusammenlegen kann.
• Tab-URLs: Die URL zu den einzelnen Tabs sehen zwar etwas anders aus als bisher (http://www.facebook.com/diesocialisten/app_133654046712882), das alte Schema funktioniert jedoch weiterhin (http://www.facebook.com/diesocialisten/?sk=app_133654046712882). Das ist etwa für bestehende Short-URLs zu Apps etc. relevant. Jagd man die neuen Tab-URLs durch den Debugger, so zeigt sich dass die OG-Tags der Tab-App nach wie vor nicht nach “aussen” weitergegeben werden. Wenn man einen “neuen” Link zur Tab-URL shared, wird darüberhinaus nur der Titel der Page (nicht wie bisher gemeinsam mit dem Titel der App) zum Sharing verwendet. Es emfpiehlt sich also, Shares, Likes etc. direkt auf die Canvas-URL des Tabs abzuzielen (und von dort dann “in den Tab” weiterzuleiten),
• Default-Landing-Tabs: Derzeit ist unklar, ob diese weiterhin existieren werden.
• Fangates: Nach dem “Like” wird derzeit kein Reload der Page mehr durchgeführt, wie bisher. Fangates, die üblicherweise ja nach dem “Like”/”Unlike” den Seiten-Content neu laden, müssten also auf das JavaScript-Event edge.create ausweichen, um von der Aktion Notiz zu nehmen. Aber: unseren Tests zu Folge funktioniert dies derzeit nicht für den “Like”-Button ausserhalb des iframes – das wäre für Fangates ein schwerwiegendes Problem. Möglicherweise handelt es sich aber auch nur um einen vorübergehenden Effekt, ein “Unlike” löst nämlich den gewohnten Reload aus.

Kleine Tipps im Umgang mit neuen Timeline Pages:

• Um die Tab-Tiles unter dem Cover mit vollflächigen Logos/Bildern auszufüllen (anstatt dem quadratischen App-Logo mit Rand), in den Tab-Setting der Page einfach ein eigenes Bild (111x74px) hochladen! Hier noch ein Screenshot zum Thema!

Related posts:

• Nachlese zur Facebook f8 – Was bringen Timeline & Open Graph für Unternehmen, App-Entwickler & Marketing
• Last.fm Scrobbler for Facebook Open Graph / Timeline

Link: https://www.facebook.com/allianzkarriereinoesterreich
Kontakt: office@socialisten.at

When developing Facebook applications, one very common task is copypasting user ids into config files or administration forms. Since most users have vanity URLs, you have to look up their ID using graph.facebook.com or copy the ID from the profile image URL (did you actually do that? If yes, leave virtual high fives in the comments). When you have to do this repeatedly for a large number of users or pages, it can get very tedious.

Since we couldn’t find a working bookmarklet that makes this kind of thing easier for us, we decided to write our own. We call it GraphInspector.

GraphInspector is an Open Graph inspector (duh!) for Facebook users and pages. It displays the ID of the Facebook page or profile you are currently on and also additional info from the Open Graph. The ID is already selected, so if that’s all you need, you only have to press Ctrl+C and you’re good. Should you need more info, GraphInspector displays everything it can get from graph.facebook.com/vanityurl.

Installation is very easy. Simply drag this yellow blob to your bookmarks bar (you don’t see it? then go here):

Now, when you’re visiting someone’s Facebook profile, simply click the bookmarklet. You should get something like this:

This is still a very early version, but it does its job. We’ve only been using it for two days now and already saved dozens of, well, minutes (but thinking back, this thing would have saved us countless hours in the last couple of months). GraphInspector updates itself, so you only have to install it once.

GraphInspector is known to work in Firefox and Google Chrome. It is also known not to work in Internet Explorer (this is a feature, of course).

Feel free to use, copy, fork and improve GraphInspector. Here’s the GitHub repo. Feel even freer to discuss, spread the word and send feature requests.

Related posts:

• Facebook URL-Linter: How to force Facebook to refresh your Open Graph Meta-Tags
• Preview: Facebook Developer Conference f8 2011
• Last.fm Scrobbler for Facebook Open Graph / Timeline

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.