Buzz it!tecnici con nuovi termini, uno di questi è il Social Graph: un diagramma
che illustra le interconnessioni tra gli "attori", persone, gruppi e
organizzazioni, rappresentati come nodi, che avvengono nel network
rappresentato dal grafico. Il protocollo Open Graph di Facebook permette
di integrare le proprie pagine web in un grafico sociale: la sua
funzione è quella di rappresentare il mondo che ci circonda, film,
squadre sportive, celebrità o locali troveranno spazio sociale tramite
profili.
Far diventare una pagina nodo del grafico significa connetterla
all'utente, prima definito attore, proprio come si fa con le "pagine di
Facebook". Il protocollo permette di integrare una pagina esterna a
Facebook nei profili degli utenti, nei risultati di ricerca e nel News
Feed: in poche parole una pagina esterna a Facebook diventa a tutti gli
effetti una Facebook Pages. Vediamo le principali caratteristiche del
sistema come presentate da http://developers.facebook.com/docs/opengraph
Per iniziare
Per convertire le proprie pagine in graph objects bisogna
aggiungere dei Open Graph protocol «meta» tags e il bottone "Mi Piace"
che d'ora in poi chiameremo con il suo vero nome cioè "Like Button" (lo
vedremo più avanti).
I tag sono importanti perché permettono di specificare informazioni
strutturate sulle pagine che connettiamo al social network, quindi
bisogna dare il maggior numero di informazioni possibile. Questo è un
buon esempio:
<html
xmlns:og="http://opengraphprotocol.org/schema/"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>The Rock
(1996)</title>
<meta property="og:title"
content="The Rock" />
<meta property="og:type"
content="movie" />
<proprietà meta = "og:url" =
"http://www.imdb.com/title/tt0117500/ " />
<meta property="og:image"
content="http://ia.media-imdb.com/rock.jpg" />
...
</ head>
...
</ html>
Il protocollo Open Graph ha cinque importanti proprietà :
- og:title - Il titolo
dell'oggetto come dovrebbe apparire all'interno del grafico, ad esempio,
"The Rock". - og:type - il tipo di
oggetto, ad esempio, "film". La lista dei type supportati la trovate
nella sezione object types. - og:image - Un URL immagine
che dovrebbe rappresentare l'oggetto all'interno del grafico.
L'immagine deve essere di almeno 50px con 50px e avere un aspect ratio
massimo di 3:1. - og:url - L'URL canonical
dell'oggetto che verrà utilizzato come ID permanente nel grafico, ad
esempio, http://www.imdb.com/title/tt0117500/. - og:site_name - Il nome per
l'utente, ad esempio "IMDb", "Wikipedia"
Facebook Developers ha esteso i metadati di base con:
- fb:admins / fb:app_id - un elenco separato da virgole di una User
ID o di una Facebook Platform application ID che amministra la pagina.
A seconda dei casi è possibile (e consigliato) anche l'uso dei seguenti
metadati:
- og:description - la descrizione della pagina corrente
- og:latitude / og:longitude: latitudine e longitudine
- og:street-address / og:locality / og:postal-code /
og:country-name: informazioni sull'indirizzo - og:email / og:phone_number: informazioni di contatto
Nel News Feed di Facebook comparirà un feed come nell'immagine
d'esempio, al "nodo" attore Francis Luu piace la pagina esterna del film
"The Rock" (og:title che linka
og:url) su IMDb (og:site_name).
Questa immagine indica cosa comparirà del profilo utente: og:type
definisce la categoria del link, nell'immagine "movies", mentre
"og:image" sarà il thumbnail, in questo caso la locandina del film "The
Rock". Per alcuni oggetti è meglio specificare metadati aggiuntivi, location per un ristorante ad
esempio. Oltre location possiamo usare altri tags descritti in seguito
nella sezione "metadati raccomandati" seguendo lo schema og:-prefisso,
ne possiamo inserire quanti vogliamo, variano dalla latitudine al codice
postale.
Aggiungere un "Like Button"
Una volta configurato il meta tag possiamo aggiungere il pulsante "Mi
Piace" (una volta era "Diventa Fan"), si può fare un <iframe>
oppure usare le SDK JavaScript (http://developers.facebook.com/docs/reference/javascript/)
usando il tag XFBML <fb:like>, per maggiori informazioni vi
rimando alla pagina
http://developers.facebook.com/docs/reference/plugins/like.
Ecco un esempio
<fb:like href="http://developers.facebook.com/" width="450"
height="80"/>
Se si vuole ci sono anche i social plugins come
Activity Feed, Comments e Login With Faces.
Amministrazione della pagina
Si possono aggiornare gli attributi della nostra pagina con i «meta»
tags ricordando che
og:title e og:type sono solamente editabili finché si sta sotto i 10
likes, e una volta che si aggiorna Facebook impiegherà 15 minuti circa
per metabolizzare i cambiamenti.
Gli utenti che premono "like" fanno una sorta di "iscrizione" alla
nostra pagina: questo permette all'amministratore della pagina di
pubblicare aggiornamenti e ottenere delle statistiche proprio come
accade per le Pagine Facebook.
Per far questo bisogna associare la nostra pagina ad un account Facebook
aggiungendo nel codice fb:admins seguito dall'user ID o dall'username,
ad esempio:
<meta property="fb:admins"
content="USER_ID1,USER_ID2"/>
Gli utenti in lista admins, ad esempio USER_ID2, devono premere il Like
button dopo di che dovrà essere approvato dall'admin. Il primo utente in
lista non può essere rimosso o spostato di posizione nella lista in
nessun momento.
Dopo aver associato la nostra pagina all'account Facebook sarà
visualizzabile, loggandosi con l'account da amministratore, tramite
Pages Manage (http://www.facebook.com/pages/manage/).
Tramite questa interfaccia possiamo pubblicare aggiornamenti e trarne
dati per analizzare gli utenti che sono diventati fan della nostra
pagina.
Programmare l'amministrazione delle
nostre pagine
Una cosa che possiamo fare è inviare aggiornamenti in maniera
programmatica (cioè utilizzando le API di Facebook e un nostro script,
in PHP o altro) a tutti gli utenti che hanno cliccato sul bottone "Like"
della nostra pagina. La procedura è piuttosto tecnica, per maggiori
approfondimenti consiglio una lettura di http://developers.facebook.com/docs/api
e
http://developers.facebook.com/docs/authentication/
Object Types
Facebook supporta questi tipi di oggetto (usando og:type, esempio:
<meta property="og:type" content="athlete" /> - nel caso in cui
gli argomenti siano news, video o foto bisogna sostituire type con article):
- Attività
- activity
- sport
- Businesses
- bar
- company
- cafe
- hotel
- restaurant
- Gruppi / Squadre
- cause
- sports_league
- sports_team
- Organizzazioni
- band
- government
- non_profit
- school
- university
- Persone
- actor
- athlete
- author
- director
- musician
- politician
- public_figure
- Luoghi
- city
- country
- landmark
- state_province
- Prodotti / divertimento
- album
- book
- drink
- food
- game
- product
- song
- movie
- tv_show
- Siti web
- blog
- website
- article
Consigli
Posizionare il like button vicino all'argomento interessato e usare in modo idoneo gli oggetti. Per esempio se il like è riferito ad un attore in uno show tv l'utente deve trovare informazioni sull'attore e non sullo show.
Lasciando per un attimo da parte i problemi di privacy etc., questo strumento può essere un potente mezzo per legare e far interagire ancora di più i nostri visitatori con le nostre pagine e fra di loro: voi che ne pensate?
Buzz it!
