in10 facebook open graph

67

Upload: in10

Post on 12-May-2015

2.346 views

Category:

Design


1 download

DESCRIPTION

Je ziet ze momenteel als paddenstoelen uit de grond schieten; de ‘LIKE’ button van Facebook. Het is één van de vele mogelijkheden van verschillende social networks, Facebook voorop, om connected functionaliteit naar andere websites te halen. - English version follows.

TRANSCRIPT

Page 1: IN10 Facebook Open Graph
Page 2: IN10 Facebook Open Graph

“De invloed en kracht van Facebook bij het verbinden van mensen en merken.”

Page 3: IN10 Facebook Open Graph

Agenda

> Facebook> Statistieken> Open Graph> What about Hyves?!> Social Plugins> API> Resultaten

Page 4: IN10 Facebook Open Graph

FacebookWat is het?

Page 5: IN10 Facebook Open Graph

Facebook

Page 6: IN10 Facebook Open Graph

Wall

Page 7: IN10 Facebook Open Graph

Likes and Interests

Page 8: IN10 Facebook Open Graph

PageProfile

Page 9: IN10 Facebook Open Graph

Facebook for Brands

Doelgroep> Doelgroep actief op Facebook.> Directe interactie met doelgroep.

Facebook Platform> Gratis pages voor merken.> Uitgebreide Analytics> Gratis platformontwikkeling.

Page 10: IN10 Facebook Open Graph

Statistieken

Page 11: IN10 Facebook Open Graph

Groei Facebook

100

200

300

400

2004 2005 2006 2007 2008 2009 2010

x1.000.000 actieve gebruikers

Page 12: IN10 Facebook Open Graph

Facebook Facts

> 50% van de actieve gebruikers logt elke dag in.

> De gemiddelde gebruiker heeft 130 vrienden.

> In totaal besteden mensen 500 miljard minuten per maand op Facebook.

> Meer dan 100 miljoen gebruikers actief via een mobiel platform.

> Ongeveer 70% van de Facebook gebruikers komt niet uit de Verenigde Staten.

Page 13: IN10 Facebook Open Graph

Hyves vs Facebook

2000

4000

6000

8000

jul 2009 jan 2010 mar 2010 apr 2010 mei 2010

Hyves

Facebook

x1000 unieke bezoekers NL

Page 14: IN10 Facebook Open Graph

Hyves, Facebook, Twitter

2000

4000

6000

8000

jul 2009 jan 2010 mar 2010 apr 2010 mei 2010

Hyves

Facebook

x1000 unieke bezoekers NL

Twitter

Page 15: IN10 Facebook Open Graph

Open Graph

Page 16: IN10 Facebook Open Graph
Page 17: IN10 Facebook Open Graph
Page 18: IN10 Facebook Open Graph
Page 19: IN10 Facebook Open Graph
Page 20: IN10 Facebook Open Graph

Facebook

Last FM

BOL.COM

Page 21: IN10 Facebook Open Graph

Facebook

Last FM

BOL.COM

Page 22: IN10 Facebook Open Graph

“Open Graph is de continue semantische verbinding

tussen de gebruiker en het Web”

Page 23: IN10 Facebook Open Graph

What about Hyves?

Page 24: IN10 Facebook Open Graph

Mogelijkheden met Hyves> Afgeschermde omgeving.> Beperkte gratis mogelijkheden binnen de API.> Veel mogelijkheden binnen de betaalde API.

Nederlandse Hyvers> Nog een groot, actief gebruik.

Page 25: IN10 Facebook Open Graph

Facebook Hyves

Page 26: IN10 Facebook Open Graph

Terug naar Open Graph

Page 27: IN10 Facebook Open Graph

Social PluginsBasiscomponenten van Facebook

Page 28: IN10 Facebook Open Graph

Social Plugins

Page 29: IN10 Facebook Open Graph

Like Button

> Deel pagina’s vanaf een website naar Facebook.

> Laat zien welke van je vrienden iets ook leuk vinden.

> Kan blijvende verbindingen creëren tussen het object en Facebook.Typepad:

site +50%posts +200%

Page 30: IN10 Facebook Open Graph

Like Box

> Zorgt voor meer Likes op een website.

Page 31: IN10 Facebook Open Graph
Page 32: IN10 Facebook Open Graph
Page 33: IN10 Facebook Open Graph

Login Button

> Maakt het gemakkelijk om in te loggen.

> Kan foto’s laten zien van vrienden die zich al aangemeld hebben.

Page 34: IN10 Facebook Open Graph
Page 35: IN10 Facebook Open Graph
Page 36: IN10 Facebook Open Graph
Page 37: IN10 Facebook Open Graph
Page 38: IN10 Facebook Open Graph

Recommendations

> Laat persoonlijke aanbevelingen zien.

Page 39: IN10 Facebook Open Graph

Comments

> Gebruikers kunnen hiermee gemakkelijk reageren op content.

> Gebruikers kunnen met hun eigen identiteit (en foto) reageren.

> Reacties kunnen gedeeld worden op eigen wall en stream.

Page 40: IN10 Facebook Open Graph

Activity Feed

> Laat de meest interessante likes en shares zien.

> Ingelogd laat het gepersonaliseerde activiteiten zien, van vrienden.

> Uitgelogd laat het recommendations zien.

Page 41: IN10 Facebook Open Graph

Live Stream

> Laat bezoekers live activiteiten en commentaar delen.

> Is vooral relevant naast live-content, zoals een videostream van een concert.

> Laat content van iedereen of van vrienden zien.

Page 42: IN10 Facebook Open Graph
Page 43: IN10 Facebook Open Graph

Open Graph APIOnder de huid werken van Facebook

Page 44: IN10 Facebook Open Graph

Open Graph API

Technische mogelijkheden met de API

> Facebook koppelingen binnen eigen omgeving.> Look & Feel behouden.> Integreren binnen de flow.> Inspelen op gegevens van de gebruiker.> Ontvangen & delen van informatie.

Page 45: IN10 Facebook Open Graph
Page 46: IN10 Facebook Open Graph
Page 47: IN10 Facebook Open Graph
Page 48: IN10 Facebook Open Graph
Page 49: IN10 Facebook Open Graph
Page 50: IN10 Facebook Open Graph
Page 51: IN10 Facebook Open Graph
Page 52: IN10 Facebook Open Graph
Page 53: IN10 Facebook Open Graph

RTL Politieke Matchmaker

Page 54: IN10 Facebook Open Graph
Page 55: IN10 Facebook Open Graph
Page 56: IN10 Facebook Open Graph
Page 57: IN10 Facebook Open Graph

Snordaat van Oranje

Page 58: IN10 Facebook Open Graph
Page 59: IN10 Facebook Open Graph
Page 60: IN10 Facebook Open Graph
Page 61: IN10 Facebook Open Graph
Page 62: IN10 Facebook Open Graph

Like UAR

Page 63: IN10 Facebook Open Graph
Page 64: IN10 Facebook Open Graph

Resultaten

Resultaten Open Graph> Bereik doelgroep buiten- en binnen Facebook.> Bekijken, begrijpen en inspelen op de doelgroep.

Privacy Issues> Gebruiker geeft zelf aan wat hij/zij wil delen.> Ondanks de bescherming toch veel mogelijkheden.> Gepersonaliseerde data kan afschrikken.

Page 65: IN10 Facebook Open Graph

Open Graph is...

> Een nieuwe site bezoeken en toch zien wie van je vrienden er zijn geweest en wat zij precies leuk vonden.

> Een receptensite die je meteen informatie geeft aan de hand van je wensen & interesses.

> Spotify die je muziek aanbeveelt aan de hand van je Facebook “Likes”.

Page 66: IN10 Facebook Open Graph

Open Graph is...

> Concertkaarten bestellen en zien wie van je vrienden er ook gaat, om groepskorting te regelen.

> Zien wat jouw vrienden vinden van berichten op NU.nl

> Op een externe site informatie “Liken” en automatisch je interesses op Facebook verrijken.

Page 67: IN10 Facebook Open Graph