16/08/11

Creare applicazioni su Facebook



La settimana scorsa rispondendo ad alcune domande su Yahoo Answers mi sono reso conto che molte persone cercano ancora il metodo per creare le proprio pagine fan tramite le vecchie tab FBML che, come non tutti sanno, dall'11 Marzo 2011 sono state eliminate dalla piattaforma blu.

Oggi l'unico modo per creare una propria pagina fan personalizzata su facebook, è la creazione di un applicazione su misura per il proprio business, in questo post vedrai come creare in pochi semplici passi la tua facebook app.

STEP 1 – CREAZIONE DELLA PAGINA 

Come prima cosa dobbiamo creare la pagina che verrà poi inglobata all'interno dell'applicazione facebook, l'unico vero limite nella creazione è la larghezza della pagina, quindi inseriamo nel nostro css una larghezza fissa al body:

body {
width:760px;
}
 
Questa pagina, che deve essere scritta con un linguaggio server come asp.net o php (a meno che non ci studiamo la sintassi dell'FBML e scriviamo la pagina con questo linguaggio), deve essere pubblicata online su un nostro spazio web

STEP 2 – CREAZIONE DELL'APPLICAZIONE SU FACEBOOK 

Come prima cosa dobbiamo accedere, all'interno di facebook, alla sezione developer all'indirizzo: https://developers.facebook.com/apps , a questo indirizzo troviamo tutto il necessario per sviluppare la nostra prima facebook app, prima dobbiamo però verificare l'account tramite SMS.


A questo punto, facciamo click su “Crea Nuova Applicazione” e inseriamo il nome che vogliamo dare alla nostra App, dopo questo passaggio ci troveremo su questa pagina: 

 




















In questa pagina dobbiamo inserire semplici informazioni riguardanti la nostra applicazione.

Per la creazione dell'app vera e propria, dobbiamo accedere alla sezione “On Facebook” presente nel menù a sinistra e successivamente cliccare sul sotto menu “Canvans Settings”.


Qui dobbiamo compilare i seguenti campi nel seguente modo:

Pagina Canvans → Il nome che l'applicazione avrà nell'url di facebook, ad esempio per la mia app scelgo MaxWebOnline e quindi si troverà all'indirizzo: http://apps.facebook.com/MaxWebOnline/

Canvans URL → In questo campo dobbiamo inserire l'indirizzo della cartella dove si trova la pagina che abbiamo creato allo STEP 1, in questo modo indichiamo a facebook quale pagina caricare.

Nella voce Scrolling nell'iframe selezioniamo mostra scrollbars, naturalmente questo servirà solo per la lunghezza della pagina visto che ha una larghezza fissa definita nello STEP 1.
Nella voce Canvans Width selezioniamo Fixed (760px) sempre perchè la larghezza è fissa e definita allo STEP 1.

A questo punto salviamo, facebook ci avviserà che potrebbero essere necessari diversi minuti perchè la pagina venga propagata su tutti i serve, torniamo all'home page di developer e vediamo che è presente la nostra nuova applicazione.



Appena facebook avrà caricato l'applicazione sui server, non ci resta che aggiunger la nostra app l nostro profilo, seguendo questi semplici passi:
  • Dai link correlati, che potete trovare in basso a sinistra nella pagina sviluppatori, cliccate su “Vai alla pagina del profilo dell'applicazione”
  • Entrati nella pagina, cliccate su “Aggiungi alla mia pagina in basso a sinistra” e selezioniamo l'applicazione da aggiungere.

LA VOSTRA APP E' PRONTA PER ESSERE DIFFUSA SUL SOCIAL NETWORK!!!
Massimiliano Pighi Web Developer