Come scrivere codice HTML su Facebook
Pubblicato il 27 febbraio 2010 alle 12:34 pm | Archiviato in Guide
Quando si crea una fan page, è importante la sua personalizzazione, affinché risulti più simile possibile al sito/blog a cui si riferisce. Ma non è solo questione di somiglianza, quanto di ottenere una struttura che fornisca agli utenti, in questo caso ai fan, degli elementi di navigazione utili a migliorare e ottimizzare le potenzialità di fidelizzazione della pagina stessa e, di conseguenza, di promozione del sito o blog di riferimento.
Una delle migliorie che possiamo apportare alla nostra pagina fan è senz’altro la possibilità di scrivere codice HTML nella pagina stessa. Questo ci permetterà di inserire a nostro piacimento menu di navigazione che rimandano al sito o blog, banner pubblicitari per promuovere una sezione del sito, liste di link, testi, ecc.
Per scrivere codice HTML su Facebook occorre installare l’applicazione FBML (FaceBook Markup Language), che non è altro che il linguaggio di marcatura di Facebook. Grazie a questa applicazione potete creare dei riquadri nella vostra pagina, da inserire nel menu orizzontale oppure nella barra laterale.
Installazione dell’applicazione FBML
- Entrati su Facebook, cercate col motore di ricerca interno “FBML”. Troverete “Static FBML” o “FBML Statico”.
- Entrate in quella pagina.
- Sotto al logo cliccate su Aggiungi alla mia pagina.
- Nella finestra che compare, cercate la vostra pagina e cliccate su Aggiungi alla pagina.
- Ora entrate nella vostra pagina e quindi su Modifica la pagina.
- Sotto la voce Applicazioni troverete FBML – FBML. Cliccate dunque su Modifica.
Come scrivere codice HTML su Facebook
Ecco a voi un schermata in cui scrivere il vostro codice e preparare un menu o qualsiasi altra rappresentazione:

Nel campo Titolo del riquadro scrivete un titolo per il vostro riquadro e in quello sottostante il codice HTML, come in figura:

Cliccate ora su Salva modifiche.
Creazione di un riquadro
Tornate nella pagina. Cliccate sul segno “+” nel menu orizzontale. Vedrete nel menu a comparsa la scheda che avete appena creato:

Cliccateci. Avete appena aggiunto la scheda nel menu orizzontale. Per trasportarla nella sidebar della pagina cliccate sul segno » e quindi su Riquadri, sempre nel menu orizzontale. Nella pagina che si aprirà, cliccate sul simbolo della matita (Modifica), in alto a destra del riquadro e scegliete la voce Move to Bacheca tab.
Il vostro riquadro è ora copiato nella barra laterale:

Ora, per non avere il doppione nel menu orizzontale, cliccate sul nome del riquadro che vedete appunto in questo menu e scegliete Elimina scheda.
Buon lavoro e buona scrittura di codice su Facebook
Opzioni articolo
Permalink | Trackback |
|
Stampa l'articolo | 47 commenti
Commenti
Attenzione: nessun commento sarà approvato se l'email risulterà falsa.
47 commenti a “Come scrivere codice HTML su Facebook”
Lascia un commento




Grande.. grazie.. ottima guida
la pregooooooo…mi dica come scrivere in html!!!
Per scrivere in html devi studiare qualche guida, ne trovi parecchie online
Ma perchè a me non me lo fa?
Che cosa non ti fa? Hai seguito passo passo questa guida?
salve, vorrei inserire nella mia fan page due form uno di raccolta dati anagrafici uno di dati per eseguire un operazione aritmetica . Mi può dire se facebook lo permette? perchè io ho provato con un form mailto ma niente e neanche per fare l’operazione aritmetica. Grazie mille
Salve,
io avevo creato un form per inviare email dalla fan page, ma dopo un po’ non ha più funzionato, quindi forse FB ha modificato qualcosa….
Ciao a tutti!
Ho provato a seguire la procedura ma mi inchiodo immediatamente…
In fase di installazione dell’applicazione come clicco su “Aggiungi alla mia pagina”, nella finestra che poi si apre mi appare la scritta “Nessun risultato” e quindi non ho nessuna pagina da inserire… e fine della fiera..
Qualcuno sa aiutarmi?
ps: forse è un’operazione che si può fare sol ose sia ha creato una fan page? Io vorrei inserire questa applicazione sul mio profilo…
Ciao Gianni,
hai creato prima una pagina fan?
Ciao Daniele, no.. anche perchè teoricamente (leggendo le norme di facebook) bisognerebbe essere autorizzati per creare una pagina fan.. Ad esempio, se volessi creare una pagina su Paolo Maldini io posso creare il gruppo Paolo Maldini ma non la pagina di Maldini in quanto dovrei avere la sua autorizzazione (ripeto, questo prevede Facebook, poi che uno lo fa ugualmente è un altro discorso)..
Ma quindi l’installazione di questa applicazione è possibile esclusivamente sulle pagine fan? Non si può sul proprio profilo?
ciao! io ho fatto tutti i passaggi e va tutto bene fino a quando arrivo a riquadri che non ha la matita per modifica e quindi sposta nella scheda bacheca. che faccio? Ieri ci sono riuscita poi ho cancellato una scheda perchè era troppo grande e non sono più riuscita.
Ma a me non funzionaaaaaaaaaaaaaaa!!!!!!!
((( Uffaaaaa
Salve, interessante articolo a di valido aiuto, avrei comunque un domanda:
Ho provato ad inserire il codice di google maps per il ” dove siamo ”
ma FBML non visualizza la mappa in miniatura secondo il codice inserito?
Visualoizza solamente un link a google maps.
Come si fa a visualizzare la mappa ?
grazie
Claudio
Grazie per la guida, utilissima!!!
scusate !! io per fare queste grafiche su facebook usavo windows live msn.. solo che ora hanno cambiato il modo per farlo e non ci capisco nulla.. mica avete un sito dove io scrivo e modifico la scritta (colore, stile testo,..) e poi basta cliccare un tasto (non della tastiera) per avere il codice html? perché su windows msn era così! ._.
spero di essermi spiegata!
grazie
Ciao Serena, sinceramente non ho capito nulla
Il mio tutorial è per scrivere l’html sulle fan page di Facebook.
Scusami, ma non capisco una cosa, quando alla fine clicco sulla matita della scheda creata mi esce solo l’opzione “elimina scheda”..di “move to bacheca tab” neanche l’ombra, e inoltre la pagina creata è tutta bianca e nessuna traccia del codice
..help
Questo perché Facebook ha modificato le fan page, togliendo i riquadri dalle sidebar.
Ciao… vorrei sapere se si può includere un ogetto flash nel riquadro fbml di facebook.
Grazie dell’aiuto
Ciao io vorrei chiederti semplicemente come si fa a creare un collegamento ipertestuale su facebook? qual’ è il codice da utilizzare?
Grazie Mille
Ma dove vuoi creare quel link? In una fan page? Ovunque basta che incolli il link nel campo dei commenti o della tua bacheca e il link appare.
Ciao, ho inserito un immagine da un link esterno con img src, l’immagina viene attualizzata ogni 24h sul link esterno ma su facebook purtroppo si mette in cache e non si aggiorna ad ogni accesso, come ovviare?
L’immagine cambia ogni 24 ore, stai dicendo?
Si, l’immagine sul sito esterno viene attualizzata ogni 24 ore, io vorrei che l’immagine venga attualizzata anche da facebook ma non ci riesco visto che resta in cache,…vedi http://www.facebook.com/meteolocarno sulla scheda Previsioni
A quel punto non credo tu possa fare nulla.
Speravo in uno scrpit che incecrementa il valore v=1 in modo automatico cosi da aggirnare la cache,…vabbé vedo cosa posso inventarmi,…non esiste il modo di cancellare o aggiornare una cache in modod continuo?
ciao,io ho seguito i passaggi che lei ha detto ma quando clicco su aggiungi alla mia pagina mi compare una finestra con scritto aggiung fbml statico alla tua pagina…ma non riesco a capire come devo fare per aggiungerlo visto che non mi fa aprire niente
Facebook ha cambiato qualcosa nel frattempo. Non so perché le appare quel messaggio. Provi a ricominciare da capo seguendo i vari passaggi.
Come mai non riesco più ad aggiungere pagine FBML alle mia pagine facebook? In passato ci sono riuscito e funzionano ancora perfettamente, adesso non ci riesco più. L’applicazione non è più disponibile? Quando provo a cliccare su Vai all’applicazione vengo reindirizzato alla home di facebook.
Se avete aggiornamenti a riguardo avvisatemi.
Grazie
Roberto
FB ha cambiato qualcosa, come ho scritto nei commenti precedenti. Se vieni reindirizzato, a questo punto hai la conferma che non esiste più quell’applicazione.
Salve, ottima guida.
Volevo fare una domanda, si potrebbe inserire del javascript o del php all’interno dell’html? o si deve utilizzare solamente il markup html?
Ciao, io ho seguito i primi 5 passaggi, ma non trovo FBML tra le mie applicazioni.
Ci vuole forse un po’ di tempo?
Ciao,
purtroppo quell’applicazione non funziona più per nuove installazioni. Appena avrò tempo farò un nuovo articolo.
Grazie Daniele,
attendiamo “tue” istruzioni.
Ma rimane comunque la possibilità di inserire codice html in qualche altro modo?
Walter
Sì, c’è sempre quella possibilità.
Scusami, ma perchè quando vado su FBMl statico e clicco su “aggiungi ai preferiti della mia pagina” poi vado sulla pagina e nn vedoi FBMl statico sulle applicazioni ?? (dopo essere andato su “Modifica pagina”) ! ? Graxie in anticipo !
Perché non è più disponibile quell’applicazione. Ne esiste un’altra. A breve devo pubblicare un’altra guida per poter scrivere codice HTML su Facebook.
Grazie, mi daresti il sito del nuovo FBML statico? (ma il procedimento è lo stesso?)
Ho scoperto il giusto sito
daniele, io sto cercando di inserire un video da vimeo in una tab fbml. vorrei che si vedesse la preview così come dalla pagina di vimeo (un pò come questi video di reset! http://www.facebook.com/wearereset?sk=app_190322544333196 ).
usando il codice embed fornito direttamente da vimeo, non appare la preview ma solo il link cliccabile con il titolo del video. usando altri codici di classi div non mi appare proprio nulla.
avresti qualche idea sul da farsi?
ciao e grazie
federico
Ciao,
stai usando FBML? Perché credo che non funzioni più. Io ne uso un’altra, che a breve presento qui nel blog, e con quella vedo le anteprime. Magari la prossima settimana ne parlo.
una volta trovato fbml cosa devo fare
ma per scrivere a colori come funziona ?
@Giannino: come ho scritto negli altri commenti, quell’applicazione non funziona più. A breve spero di poter pubblicare un altro post su come scrivere codice HTML su FB.
@Melanie: stabilisci i colori dei font nel foglio di stile, che puoi linkare dalla tua fan page,
Procedura eseguita correttamente.
Come si fa, adesso, per mostrare l’immagine direttamente in prima pagina?
Ho appena inserito l’immagine in prima pagina.
Grazie comunque. E’ stato molto utile!