Archivi tag: Built-in Like

Facebook Open Graph Tutorial – Built-in Like

Like, una delle azioni piu’ gettonate dagli utenti di Facebook, e’ ora disponibile come azione predefinita nella Open Graph.

Cosi’, Facebook annuncia (https://developers.facebook.com/docs/opengraph/actions/builtin/likes/) questa importante novita’ per tutti gli Sviluppatori.
L’errore da evitare e’ pensare che, L’Action Like di Open Graph sostituisca il pulsante Like: non e’ affatto cosi’. Il vecchio Like resta, come espressione di affinita’ generica, mentre il built-in Like serve a meglio esprimere, definire una affinita’.
In parole povere, possiamo creare Actions tipo: Love, Follow, Listen, tutte affini al “mi piace”.
Vedremo, in questo tutorial, come creare l’Action Like, derivare da questa un’altra azione e come farla interagire con un oggetto di Open Graph in una Aggregation. Facebook raccomanda che, il pulsante

dovrebbe avere uno stile personalizzato..e assolutamente ogni pulsante personalizzato non deve indurre gli utenti a pensare che sia connesso a Facebook

e non contenere per esempio il verbo “Like”, maggiori informazioni qui https://developers.facebook.com/docs/guides/policy/examples_and_explanations/branding/#og_like_branding

Bene, al lavoro dunque: dalla Dashboard di Open Graph creiamo una nuova azione, dall’elenco a discesa selezionamo “Like”.

Come potete vedere, a questa azione viene immediatamente associato, di default, il tipo Oggetto: “Object”.

Bene, adesso che abbiamo definito quest’Action, deriveremo da essa l’Azione “Love”: premiamo “create new Action Type”, nella casella di testo scriviamo “Love”, ed ecco i settaggi della nuova Azione:

Noterete nella casella “Connected Object Types”, abbiamo inserito “Recipe”, dato che sono di questo tipo gli oggetti presenti nell’Applicazione “Cucina”.

Passiamo ora all’Aggregazione, che chiameremo “Love” ancora:

Ecco la DashBoard di Open Graph con le Aggregazioni:

Cliccando su “Add Sample Data”, di fianco a “Love”, si aprira’ la consueta finestra:

a questo punto, non ci resta che cliccare su Debug, ed ecco finalmente, i nostri dati(meta tag ed indirizzo dell’oggetto nell’Open Graph).

Copiamo i meta tag nel nostro file HTML dove abbiamo inserito anche un pulsante personalizzato(ricordate le linee guida di Facebook), ed inseriamo questo script che verra’ chiamato dal nostro bottone:

function postLove()
{
FB.api(
‘/me/cucinamed:love’,
‘post’,
{ recipe: ‘http://samples.ogp.me/174517726005617’ },
function(response) {
if (!response || response.error) {
alert(‘Error occured’);
} else {
alert(‘Cook was successful! Action ID: ‘ + response.id);
}
});
}

 

Ecco, il ticker, nell’Activity Feed:

Ricordate che, soltanto dopo alcune pubblicazioni(se non ricordo male cinque), la nostra Azione creera’ un Post sul Wall.

Per chi volesse provare, andate a questa pagina:
Cucina,
cliccando sul link “Panzanella”, andrete qui:

dove potrete provare le Actions, sia “Cook” che “Love”.
Un saluto a tutti.

Annunci