Diplomlehrgang Social Media Manager - Facebook Plattform

68
thanks for the ad(d). Social Communities I “Facebook Plattform” Diplomlehrgang Social Media Manager

description

Der Vortrag zum Diplomlehrgang "Social Media Manager" gibt einen Überblick über die Facebook Plattform & Social Web-Apps - was ist eine Software-Plattform, wo können Apps mit Facebook integriert werden (Canvas, Tab, Website, Mobile...), wie wird eine soziale Web-App konzipiert etc.

Transcript of Diplomlehrgang Social Media Manager - Facebook Plattform

Page 1: Diplomlehrgang Social Media Manager - Facebook Plattform

thanks for the ad(d).

Social Communities I“Facebook Plattform”

Diplomlehrgang Social Media Manager

Page 2: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Ü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 etwa Red Bull, Axel Springer/Bild.de, Krone Multimedia, ATV und Hitradio Ö3.

"Die Socialisten" wurden als erste österreichische Agentur im offiziellen "Facebook Preferred Marketing Developer"-Programm in den Bereichen Apps & Pages gelistet.

http://die.socialisten.at | http://facebook.com/diesocialisten

Page 3: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Inhalt:

Einführung: Social Software Plattformen & Apps

- Web-basierte Software-Plattformen - Definition & Typologie

- Social Application Design - Identity, Community, Conversation

- Social Graph & Open Graph

Die Facebook-Plattform

- Facebook Platform Overview

- Die Facebook Graph API

Hands-on!

- Konzeption einer Facebook-Anwendung

Zum Mit- oder Nachlesen: http://die.socialisten.at/downloads/Die-Socialisten-SMM-Diplomlehrgang.pdf

Page 4: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Applikationen? Apps? Plattformen?

- Benutzen Sie persönlich Facebook?

- Haben Sie schon Facebook-Apps benutzt?

- Wenn ja, welche?

- Welche Applikations-Plattformen im Social Web kennen sie noch?

- Bietet ihr Unternehmen bereits Apps im Social Web an?

- Wenn ja, auf welchen Plattformen?

- Haben Sie Erfahrung in der Erstellung/Wartung/Modifikation von Web-Sites?

- Wenn ja, mit welchen Tools/Sprachen/CMS?

Unser Thema heute: Social Web-Apps auf der Facebook-Plattform!

Page 5: Diplomlehrgang Social Media Manager - Facebook Plattform

Hands on:1. Let’s connect!

Page 6: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Hands-on:1. Let’s connect!

Aufgabe:

Verbinden Sie ihren Laptop mit dem WLAN!

WLAN-Kennung: ?

Verschlüsselung: ?

Kennwort: ?

Treten Sie unserer Facebook Gruppe bei!

http://www.facebook.com/groups/273046772816809/

oder abgekürzt:http://on.fb.me/W5a4TB

Page 7: Diplomlehrgang Social Media Manager - Facebook Plattform

Web-basierte Software-Plattformen

Definition & Typologie

Page 8: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

From: Social Network to: Social Platform

Was unterscheidet Facebook eigentlich von herkömmlichen Social Networks wie MySpace, Friendster etc.?

Facebook erlaubt seit 2007 in bis dahin unbekannter Konsequenz & Offentheit, Dritten die Integration von eigenen Applikationen auf Facebook.com.

Damit wurde Facebook von einem sozialen Netzwerk zu einer sozialen Plattform, die weit über die Grenzen von Facebook.com hinaus Entwicklern die Möglichkeit gibt, das Milliarden-Publikum von Facebook zu adressieren.

Page 9: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Typologie: Web-basierte Plattformen

Marc Andreessen:

“A Platform is a system that can be programmed and therefor customized by outside developers or users and in that way adapted to countless needs and niches that the platform’s original developers could not have possibly contemplated, much less had time to accommodate”.

Oder:

“If you can program it, then it's a platform. If you can't, then it's not.”

http://pmarca-archive.posterous.com/the-three-kinds-of-platforms-you-meet-on-the-0

Page 10: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Typologie: Web-basierte Plattformen

Level 1 - Access-API*: Die Plattform bietet Zugriffsmöglichkeiten (“Access”) nach aussen an, üblicherwiese in Form einer auf Web-Services basierenden API. Der Code der auf der Plattform aufsetzt, wird allerdings ausserhalb der Plattform ausgeführt (etwa unter einer eigenen Domain, auf einem eigenem Server), und auch die User-Experience findet losgelöst von der eigentlichen Plattform statt.

Beispiele: Flickr, Twitter... - die meisten heute verfügbaren Social Web-APIs sind Access-APIs.

Nachteile: Der Plattform-Entwickler trägt die Bürde, selbst die Laufzeitumgebung & Infrastruktur für seine App bereitstellen zu müssen. Damit ist die technologische & finanzielle Hürde, eigene Apps für die Plattform zu entwicklen, beträchtlich höher.

Vorteile: für den Plattform-Anbieter einfach & schnell umsetzbar.

*API: Application Programming Interface

Level 1Access API

Page 11: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Level 1 - Access-API: Beispiel Flickr

flickr.com/photos/austrianairlines www.red-blog.at

API

Typologie: Web-basierte Plattformen

Page 12: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Level 1 - Access-API: Beispiel Twitter

twitter.com TweetDeck - 3rd Party Client

API

Typologie: Web-basierte Plattformen

Page 13: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Typologie: Web-basierte Plattformen

Level 2 - Plugin-API: Die Plattform bietet Entwicklern die Möglichkeit, ihre Anwendungen in die Kern-Plattform zu integrieren und in deren Benutzer-Interface einzuklinken (“plug-in”). Anwendungen laufen so für den Benutzer transparent integriert in die Plattform. Level 2 APIs beinhalten meist auch Level 1-Funktionalitäten.

Beispiele: Facebook, Google Open Social

Nachteile: Wie bei Level 1 APIs müssen auch hier Plattform-Entwickler die Infrastruktur bereitstellen. Eine Level 2 API ist deutlich komplexer in der Bereitstellung durch den Plattform-Betreiber.

Vorteile: Durch die angebotenen Integrationspunkte, hilft der Plattform-Anbieter dem Entwickler bei der Vermarktung und Verbreitung seiner App.

Level 1Access API

Level 2Plugin API

Page 14: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Typologie: Web-basierte PlattformenLevel 2 - Plugin-API: Facebook

App-”Canvas”3rd Party Applikation auffacebook.oe3.fm

Plattform-”Rahmen”facebook.com

Page 15: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Typologie: Web-basierte Plattformen

Level 3 - Runtime Environment: Die Plattform bietet Entwicklern die Möglichkeit, den Code ihrer Anwendungen auf die Infrastruktur des Plattform-Anbieters hochzuladen. Der Code wird innerhalb der Plattform ausgeführt. Dabei kann es ebenfalls zur Bereitstellung von Funktionalitäten (L1) und Integration in das Benutzer-Interface (L2) kommen.

Beispiele: Google App Engine, Salesforce

Vorteile: Plattform-Entwickler müssen sich nicht mehr um die Bereitstellung von Infrastruktur und deren Skalierung kümmern.

Nachteile: Die Bereitstellung einer stabilen, skalierbaren Runtime-Environment ist für den Plattform-Anbieter besonders aufwendig. Level 1

Access API

Level 2Plugin API

Level 3Runtine

Page 16: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Typologie: Web-basierte PlattformenLevel 3 - Runtime Environment: Salesforce

3rd Party Applikationsalesforce.com (!)

Plattform-”Rahmen”salesforce.com

Page 17: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Typologie: Web-basierte Plattformen

Level 1-3: Google App Engine, Google+, Google APIs

Level 1Access API

Level 2Plugin API

Level 3Runtine

Nahezu alle Google-Services stellen L1-APIs zur Verfügung

Google+, Orkut bietenMöglichkeiten, 3rd Party Apps im Plattform-”Rahmen” auszuführen

App Engine bietet ein Hosting & RTE f. 3rd Party Apps

Page 18: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

ZusammenfassungWas sind Plattformen, Apps?

Platform-Vendor(Facebook Inc., Google Inc.)

PlatformFacebook.com, Google+...

3rd Party-Developer(Zynga, Die Socialisten...)

AppsFarmville, BranchOut...

Plattform: jedes Software-Produkt, dass Dritten mittels Programmierschnittstellen (APIs) erlaubt, Änderungen und Erweiterungen an der Software vorzunehmen.

Web-Plattform: jede Plattform, deren Programmierschnittstellen über Web-Technologien bereitgestellt werden. 3 Stufen: Access-API, Plugin-API, Runtime-Environment.

Apps: Software-Produkte, die elementar auf einer Plattform aufsetzen oder diese zumindestens integrieren. Apps gibt es im Web, in Social Networks, Mobile...

Page 19: Diplomlehrgang Social Media Manager - Facebook Plattform

Social Application DesignIdentity, Conversation, Community

Page 20: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design

Wie wird eine Web-Applikation eigentlich “social”?

Beim “Social Application Design” beachtet man drei Aspekte:

Identity - Darunter verstehen wir die digitale Repräsentation einer Person oder eines Benutzers, i.e. sein Profil

Conversation - Bezeichnet alle sozialen Interaktionen, die ein Mensch mit den anderen Mitgliedern seiner Community bzw. Communities hat.

Community - jeder Mensch ist eingebunden in ein Netzwerk an Personen, denen er mehr oder weniger stark vertraut, und deren Meinungen und Aussagen er in der eigenen Entscheidungsfindung berücksichtigt.

Page 21: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Identity

Die Gestaltung der eigenen, digitalen Identität ist eine besonders starke Motivation für Menschen, an sozialen Netzwerken oder sozialen Apps aktiv teilzunehmen - als Menschen streben wir danach, die Wahrnehmung unserer Person in den Communities die uns am Herzen liegen, aktiv zu gestalten.

Das Benutzer-Profil war schon in den “Ur-Social-Networks” der zentrale Ort zur Bestimmung der eigenen Identität.

Darüberhinaus definiert sich unsere digitale Identität heute vor allem durch soziale Gesten (Shares, Likes, Checkins, Kommentare etc.) - den Interaktionen die wir in sozialen Netzwerken setzen.

Page 22: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Identity

Erfolgreiche soziale Apps erlauben es Benutzern, ihre digitale Identität in der jeweiligen “Anwendungs-Domäne” (“Vertical”) detaillierter zu gestalten, als dies das normale Plattform-Profil erlaubt.

Dazu werden etwa zusätzliche, kontext-relevante Attribute bereitgestellt.

Beispiel: In der “Mein Klub” Bundes-Liga-App identifizieren sich Fans mit ihrer Lieblings-Mannschaft.

http://facebook.com/MeinKlub

Page 23: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Identity

Ebenso wichtig ist es für erfolgreiche soziale Apps, dem Benutzer spezielle, domänen-relevante soziale Gesten zur Verfügung zu stellen. Dies trägt der Tatsache Rechnung, dass wir unsere Identität nicht bloss über ein mehr oder weniger statisches Profil, sondern vor allem durch unsere Aktivitäten in sozialen Netzwerken definieren.

Beispiel: Die Bundesliga-App motiviert Benutzer zum Posten von “Schlachtrufen” vor, während und nach einem Match

Page 24: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Identity

Waren soziale Gesten bisher nur kompliziert zu realiseren oder gar ganz auf “Likes” & Wall-Postings beschränkt, so bietet Open Graph seit 2012 deutlich flexiblere Möglichkeiten, Interaktionen zu Bildung der Identität von Benutzern einzusetzen:

Page 25: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Identity

Auch User-generated Content, wie etwa hochgeladene Photos oder Videos, Kommentare, Foren-Beiträge tragen können zur Bildung der eigenen Identität beitragen und sind damit Bestandteil vieler sozialer Apps.

Beispiel: News-Beiträge mit Benutzer-Kommentaren, Meinungs-Forum.

Page 26: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Conversation

Konversationen sind der Pulsschlag eines sozialen Netzwerks und gestalten darüberhinaus, wie die eigene, digitale, Identität in der Community wahrgenommen wird. Als App-Entwickler können wir Konversationen in zwei Aspekten fördern und ermöglichen:

“Zuhören”: in dem wir personalisierten, sozial relevanten Content & Aktivitäten in den Communities eines Benutzers zu Tage fördern.

“Sprechen”: in dem wir Engagement an möglichst vielen Stellen, und möglichst nieder-schwellig ermöglichen.

Im Idealfall ergibt Zuhören & Sprechen einen sich selbst verstärkenden Kreislauf (“Feedback Loop”).

Page 27: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Conversation

“Zuhören”: um auf Konversationen oder Aktivitäten in unseren Communities antworten zu können, müssen wir davon erst erfahren!

Mit dem News-Feed stellt Facebook ein mächtiges Interface zum “Zuhören” zur Verfügung, welches wir als Applikations-Entwickler nutzen können!

Page 28: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Conversation

Neu!

Der Ticker, ergänzt den News-Feed in Echtzeit und ist v.a. für soziale Gesten (“like”, “checkin”, “listen to”, “watching”, “reading”...) geeignet.

Page 29: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Conversation

Facebook bietet mit einigen standardisierten Modulen (Plugins) Beispiele dafür, wie personalisierter Content einfach angezeigt werden kann:

Activity Feed: zeigt an, welche soziale Gesten innerhalb meiner Community in Bezug auf eine App, Page oder Web-Site gemacht wurden.

Recommendations: aggregiert Empfehlungen/Likes innerhalb meiner Community...

Page 30: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Conversation

“Sprechen”: auf Konversationen die wir beim “Zuhören” entdeckt haben, können wir reagieren, antworten.

Ja nieder-schwelliger diese Antwort von statten gehen kann, um so besser kommt die Feedback-Loop in Gang! Facebook bietet mittels “Like”-Mechanismen besonders nieder-schwellige (1-Klick) Antwort-Möglichkeiten!

Tipp: erfolgreiche Social Apps bieten Benutzern eigene, domänen-spezifische Response-Möglichkeiten an!

Page 31: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Conversation

Beispiel: Die Bundesliga-App bietet mittels “Mood”-Buttons extrem nieder-schwellige Möglichkeiten, auf einen Artikel zu reagieren!

Page 32: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Conversation

“Sprechen”: auf Konversationen, auf die wir beim “Zuhören” aufmerksam wurden, können wir reagieren in dem wir antworten und in die Konversation einsteigen.

Andere Möglichkeiten mit unseren Communities zu “Sprechen” sind persönliche Nachrichten, Kommentare, Umfragen, Live-Chats...

Page 33: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Conversation

“Sprechen”: Beispiel Live-Chat

Page 34: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Community

Die Communities in denen wir uns im Rahmen von sozialen Netzwerken bewegen, vermitteln ihren Mitgliedern Relevanz, Vertrauen und Vertrautheit.

Die ursprünglichste Community auf Facebook sind unsere beidseitig bestätigten Freunde & Kontakte.

Darüberhinaus nehmen wir an zahlreichen, teilweise überschneidenden Sub-Communites Teil: auf Facebook etwa Groups, Pages (bzw. deren Fans).

Page 35: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Community

Erfolgreiche soziale Apps berücksichtigen die vorhandenen Infos über die Community eines speziellen Benutzers, um ihm Inhalte maßgeschneidert & personalisiert anzubieten. Schlüssel zur Personalisierung ist dabei der Social Graph eines Benutzers.

“Instant Personalization”: Dem Benutzer werden bereits beim ersten Besuch einer Applikation personalisierte Inhalte angezeigt.

Beispiel: Anzeigen, welche Freunde eine App bereits benutzen, oder bereits Fan einer Seite sind.

Page 36: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Page 37: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Social Application Design:Community

Beispiel: Anzeige welche Musik von Facebook-Freunden zuletztund am häufigsten konsumiert wurde (Charts).

Page 38: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Exkurs: Social Graph

“Social Graph”: das Netz an Beziehungen, die ein soziales Netzwerk wie Facebook ausmachen.

Knoten = Personen, Pages Kanten = Beziehungen (Friendship, Fan/Like)

Page 39: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

2011 ist der Social Graph wesentlich komplexer: Firmen, Organisationen, Interessen, Orte sowie beinahe beliebige Kanten welche diese verbinden:

Exkurs: Social Graph

Page 40: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Mit Timeline / Open Graph erlaubt Facebook Applikations-Entwicklern Objekte die Veröffentlichung von Verbindungen zwischen Objekten mit beinahe beliebigen “Verben” / Kanten:

Objekte repräsentieren beliebige Inhalte (Musik, Videos, Artikel...) aber auch Applikations-spezifische Daten wie bspw. eine Jogging-Route, ein Buch-Review, ein Kochrezept etc.Aktionen können in beliebigen Verben ausgedrückt werden - lesen, hören, ansehen, kochen, empfehlen, sammeln, laufen...

Exkurs: Open Graph

Page 41: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

ZusammenfassungWas macht Apps “social”?

Identity Conversation Community

Identität bildet sich durch Benutzer-Profile und ihre Attribute, soziale Gesten und user-generiertem Content.

Diese Aspekte können von App-Entwicklern aufge-griffen werden, etwa durch domänen-spezifische Attribute & Gesten.

Zuhören und Sprechen - verstärkt sich im Idealfall in einer Feedback-Schleife.

App-Entwickler machen das “Zu-hören” einfacher, indem sie relevanten (persona-lisierten) Content vor-filtern & zugänglich machen. Mit nieder-schwelligen sozialen Gesten wird die das “Sprechen” gefördert.

Communities schaffen Relevanz, Vertrauen und Vertrautheit.

Die meisten Benutzer von sozialen Netz-werken sind Mit-glieder meherer Communities: Freunde, Pages, Groups.

App-Entwickler nutzen den Social Graph zur Personalisierung von Inhalten.

Page 42: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Weiterführendes MaterialFacebook Open GraphUnser Plattform-Briefing Q4/2012 gibt einen ausführlichen Überblick über Facebook Open Graph!http://www.slideshare.net/socialisten/die-socialistenplatformoverview20121105

Page 43: Diplomlehrgang Social Media Manager - Facebook Plattform

Die Facebook-PlattformCanvas, Tabs, Websites, Plugins, Mobile

Page 44: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook - Platform Overview

Wo & wie können eigene Applikationeneigentlich auf der Facebook-Plattform “stattfinden”?

- Apps auf facebook.com

- Apps auf Pages / Tabs

- Websites / “Facebook Connect”

- Social Plugins & Open Graph

- Mobile SDKs

Page 45: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook - Platform OverviewApps auf facebook.com

Canvas App, 760px od. Fluid Breite

Page 46: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook - Platform OverviewApps auf facebook.com

- Canvas-App - “Canvas” ist die “Leinwand” auf der Entwickler ihre App “malen” können.

- Abrufbar unter http://apps.facebook.com/APPTITLE

- Hosting durch App-Entwickler

- 760 Pixel breit (+optionales Fluid Layout)

- Basierend auf iframes - “Web-Seite in der Web-Seite”

- Unterstützt alle Web-Technologien: JavaScript, Flash, Widgets, Tracking...

Canvas App, 760px od. Fluid Breite

Page 47: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook - Platform OverviewApps auf Pages/Tabs

Tab-App, 710px Breite

Page 48: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook - Platform OverviewApps auf Pages/Tabs

- Tab-App - integriert als Tab auf einer Facebook-Page

- Pro Tab = 1 App

- 520 Pixel breit

-Abrufbar unter http://facebook.com/PAGETITLE/?sk=app_116151718472547 (App-ID)

- Hosting durch App-Entwickler

- Basierend auf iframes - “Web-Seite in der Web-Seite”

- Unterstützt alle Web-Technologien: JavaScript, Flash, Widgets, Tracking...

Tab-App, 710px Breite

Page 49: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook - Platform OverviewExterne Websites / “Facebook Connect”

Page 50: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook - Platform OverviewExterne Websites / “Facebook Connect”

- Eigenständige, “herkömmliche” Web-App / Website

-Abrufbar unter http://yourdomain.com

- Hosting durch App-Entwickler

- Unterstützt alle Web-Technologien: JavaScript, Flash, Widgets, Tracking...

- Technische Verbindung gleich wie bei Canvas-/Tab-Apps: Graph API & JavaScript SDK, welche auf der eigenen App eingebunden wird.

Page 51: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook - Platform OverviewExterne Websites / “Facebook Connect”

Möglichkeiten, die eigene Website / Web-App mit Facebook zu verknüpfen:

- Login mit Facebook Account (früher “Facebook Connect”) erspart dem Benutzer das Anlegen eines neuen Accounts (1-Click-Signup)

- Nutzung des Social-Graphs: Freunde auf Facebook können auch Freunde in der App werden

- Nutzung von Share-Dialogen, App-Invites, Social Plugins & Like-Buttons für nieder-schwellige Interaktion

Page 52: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook - Platform OverviewOpen Graph & der “Like”-Button

Das Open Graph Protokoll ermöglicht es, Inhalte der eigenen Website optimal in den Social Graph von Facebook zu integrieren. Um die eigene Website “Open-Graph-Fit” zu machen, benötigt man:

- Erweiterung der Meta-Daten auf der eigenen Site: Facebook liest diese Meta-Daten ein, um die eigenen Inhalte darstellen zu können (etwa in Wall-Postings)

- Integration des Like-Buttons auf der eigenen Site

- Jedes “Like” oder Share erzeugt ein angepasstes Wall-Posting im Feed des Benutzers

Page 53: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook - Platform OverviewOpen Graph & der “Like”-ButtonBeispiel: Event-Community Stadtkinder.com

Page 54: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook - Platform OverviewOpen Graph & der “Like”-Button

Beispiel: Event-Community Stadtkinder.com

Page 55: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook - Platform OverviewMobile SDKsNeben den genannten Möglichkeiten, bieten sich dem App-Entwickler auch mehrere Wege mobile Apps auf der Facebook-Plattform aufzubauen:

- Mobile Webseiten / Web-Apps (technisch analog zu externen Webseiten, also Graph API & JavaScript SDK)

- iOS (iPhone & iPad) & Android SDKs - bieten auf diesen Plattformen die Möglichkeit an, native Apps zu entwickeln.

Page 56: Diplomlehrgang Social Media Manager - Facebook Plattform

Die Facebook Graph APIExplore the Graph!

Page 57: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook Graph APIExplore the Graph!

Die Graph API ist eine von Facebook bereitgestellte Programmier-Schnittstelle, die unter bestimmten Voraussetzungen den technischenZugriff auf Daten des Social Graph erlaubt.

Daten: Profil-Informationen, Freundes-Liste, Wall-Postings, Pages, Fotos,...

Voraussetzungen: während einige wenige Informationen (Name, Profilbild) vollkommen öffentlich zugänglich sind, benötigt man für den Zugriff auf die meisten Daten die Zustimmung des Benutzers. Diese über die Authorisierung der App einmalig eingeholt.

Berechtigungen: über erweiterte Berechtigungen kann darüberhinaus Zugang zu weiteren Daten (Postfach, Fotos, Videos, administrierte Seiten) erhalten werden.

Der Graph API Explorer erlaubt das einfache Erforschen der Schnittstelle:

http://developers.facebook.com/tools/explorer

Page 58: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook Graph APIExplore the Graph!

Öffentlich zugängliche Profil-Informationen:

Page 59: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook Graph APIExplore the Graph!

Authorisierung der Applikation:

Page 60: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook Graph APIExplore the Graph!

Authorisiert zugängliche Profil-Informationen:

Page 61: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Einholen von zusätzlichen Berechtigungen:

Facebook Graph APIExplore the Graph!

Page 62: Diplomlehrgang Social Media Manager - Facebook Plattform

Hands-on!Konzeption einer Facebook-Anwendung

Page 63: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Wählen sie eine Web-Site, Web-Applikation oder mobile Applikation, die noch keine Verbindung mit ihrem Facebook-Profil hat!

Überlegen & konzipieren sie in kleinen Gruppen:

- Wie könnten optisch ansprechende & informative “Like”-Stories aussehen, wenn Benutzer den “Like”-Button auf der Web-Site klicken?

- Welche Profil-Informationen die über die Graph API ermittelt werden könnten zur Personalisierung verwendet werden?

- Wie können sie die Applikation hinsichtlich der drei Säulen einer “social App” (Identity, Conversation, Community) optimieren?

- Welche Benutzer-Interaktionen in der App könnten auf Facebook veröffentlicht werden?

- Welche Objekte & Aktionen wären dazu geeignet und wie könnten sie optisch & informativ dargestellt werden?

Konzeption einer Facebook AnwendungHands-on!

Page 64: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Beispiel: Like-Story

Konzeption einer Facebook AnwendungHands-on!

Page 65: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Facebook PlattformWeiterführende Links

Dokumentation:http://developers.facebook.com/docs/ - Offizielle Dokumentationhttp://developers.facebook.com/docs/technical-guides/opengraph/ - Open Graph Guidelineshttp://www.slideshare.net/socialisten/die-socialistenplatformoverview20121105 - Platform Briefing 2012

Tutorials & Bücher:http://www.youtube.com/watch?v=g8N_mxLaRag - Graph API Explorer Tutorialhttp://book.diesocialisten.at/ - Buch “Facebook Programmierung”http://www.amazon.de/Follow-Erfolgreiches-Marketing-Facebook-Twitter/dp/3836218623/ - Follow me!http://www.amazon.de/Facebook-Anwendungen-programmieren-Mario-Scheliga/dp/3897216450/

Blogs & News:http://allfacebook.de/http://www.thomashutter.com/http://die.socialisten.at/blog/

Apps-Showcase:http://apps.facebook.com/meinklub - Mein Klubhttp://apps.facebook.com/lastfm-og-scrobbler - Last.fm Scrobblerhttp://www.facebook.com/kronetv?sk=app_135828866537171 - Krone Social TVhttp://www.facebook.com/AmPunkt/app_119818284846 - ATV Am Punkt

Page 66: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

Page 67: Diplomlehrgang Social Media Manager - Facebook Plattform

die.socialisten.atsocial network development

“Facebook Programmierung - Entwicklung von Social Apps & Websites” Michael Kamleitner, Galileo Computing 2012 http://book.socialisten.at