Home » Guide » Come scrivere codice HTML su Facebook

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.

FBMLUna 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

  1. Entrati su Facebook, cercate col motore di ricerca interno “FBML”. Troverete “Static FBML” o “FBML Statico”.
  2. Entrate in quella pagina.
  3. Sotto al logo cliccate su Aggiungi alla mia pagina.
  4. Nella finestra che compare, cercate la vostra pagina e cliccate su Aggiungi alla pagina.
  5. Ora entrate nella vostra pagina e quindi su Modifica la pagina.
  6. 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:

Schermata FBML

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

Riquadro complilato

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:

Creazione riquadro

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:

Riquadro in sidebar

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 :)


Commenti

Attenzione: nessun commento sarà approvato se l'email risulterà falsa.

47 commenti a “Come scrivere codice HTML su Facebook”

  1. Francesco GuidOlanda il 27 febbraio 2010 14:47

    Grande.. grazie.. ottima guida

  2. veronica il 14 maggio 2010 15:34

    la pregooooooo…mi dica come scrivere in html!!!

  3. Daniele Imperi il 14 maggio 2010 18:21

    Per scrivere in html devi studiare qualche guida, ne trovi parecchie online :)

  4. Christian Di Nocera il 16 maggio 2010 12:02

    Ma perchè a me non me lo fa?

  5. Daniele Imperi il 16 maggio 2010 13:10

    Che cosa non ti fa? Hai seguito passo passo questa guida?

  6. massimiliano barresi il 1 luglio 2010 10:43

    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

  7. Daniele Imperi il 1 luglio 2010 11:10

    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….

  8. Gianni il 20 luglio 2010 07:59

    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? :)

  9. Gianni il 20 luglio 2010 08:03

    ps: forse è un’operazione che si può fare sol ose sia ha creato una fan page? Io vorrei inserire questa applicazione sul mio profilo…

  10. Daniele Imperi il 20 luglio 2010 08:03

    Ciao Gianni,

    hai creato prima una pagina fan? :)

  11. Gianni il 20 luglio 2010 09:56

    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?

  12. caterina il 30 luglio 2010 09:23

    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.

  13. Eva il 2 agosto 2010 17:51

    Ma a me non funzionaaaaaaaaaaaaaaa!!!!!!! :( ((( Uffaaaaa

  14. Claudio il 14 agosto 2010 08:54

    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

  15. Amsterdam For Free il 28 agosto 2010 20:24

    Grazie per la guida, utilissima!!!

  16. serena melis il 26 settembre 2010 16:33

    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

  17. Daniele Imperi il 27 settembre 2010 13:44

    Ciao Serena, sinceramente non ho capito nulla :)

    Il mio tutorial è per scrivere l’html sulle fan page di Facebook.

  18. Lollo il 12 ottobre 2010 15:15

    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

  19. Daniele Imperi il 12 ottobre 2010 18:49

    Questo perché Facebook ha modificato le fan page, togliendo i riquadri dalle sidebar.

  20. Peluson il 2 novembre 2010 19:04

    Ciao… vorrei sapere se si può includere un ogetto flash nel riquadro fbml di facebook.
    Grazie dell’aiuto

  21. Andrea il 8 novembre 2010 13:08

    Ciao io vorrei chiederti semplicemente come si fa a creare un collegamento ipertestuale su facebook? qual’ è il codice da utilizzare?
    Grazie Mille

  22. Daniele Imperi il 8 novembre 2010 13:57

    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.

  23. Nicola il 10 novembre 2010 08:14

    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?

  24. Daniele Imperi il 10 novembre 2010 08:58

    L’immagine cambia ogni 24 ore, stai dicendo?

  25. Nicola il 10 novembre 2010 17:51

    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

  26. Daniele Imperi il 11 novembre 2010 09:10

    A quel punto non credo tu possa fare nulla.

  27. Nicola il 11 novembre 2010 12:09

    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?

  28. daniel il 8 dicembre 2010 21:06

    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

  29. Daniele Imperi il 10 dicembre 2010 21:46

    Facebook ha cambiato qualcosa nel frattempo. Non so perché le appare quel messaggio. Provi a ricominciare da capo seguendo i vari passaggi.

  30. Roberto il 6 aprile 2011 13:04

    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

  31. Daniele Imperi il 6 aprile 2011 17:29

    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.

  32. Alessandro Tegagni il 1 maggio 2011 23:40

    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?

  33. Walter il 8 giugno 2011 16:21

    Ciao, io ho seguito i primi 5 passaggi, ma non trovo FBML tra le mie applicazioni.
    Ci vuole forse un po’ di tempo?

  34. Daniele Imperi il 8 giugno 2011 17:01

    Ciao,

    purtroppo quell’applicazione non funziona più per nuove installazioni. Appena avrò tempo farò un nuovo articolo.

  35. Walter il 8 giugno 2011 20:58

    Grazie Daniele,
    attendiamo “tue” istruzioni.
    Ma rimane comunque la possibilità di inserire codice html in qualche altro modo?
    Walter

  36. Daniele Imperi il 9 giugno 2011 07:50

    Sì, c’è sempre quella possibilità.

  37. lorenzo il 13 giugno 2011 15:26

    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 !

  38. Daniele Imperi il 13 giugno 2011 15:51

    Perché non è più disponibile quell’applicazione. Ne esiste un’altra. A breve devo pubblicare un’altra guida per poter scrivere codice HTML su Facebook.

  39. lorenzo il 13 giugno 2011 18:32

    Grazie, mi daresti il sito del nuovo FBML statico? (ma il procedimento è lo stesso?)

  40. lorenzo il 14 giugno 2011 14:54

    Ho scoperto il giusto sito :)

  41. fede il 1 luglio 2011 14:42

    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

  42. Daniele Imperi il 1 luglio 2011 15:17

    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.

  43. giannino moratti il 6 settembre 2011 15:27

    una volta trovato fbml cosa devo fare

  44. melanie il 7 settembre 2011 17:08

    ma per scrivere a colori come funziona ?

  45. Daniele Imperi il 7 settembre 2011 17:15

    @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,

  46. Andrea il 19 ottobre 2011 09:13

    Procedura eseguita correttamente.
    Come si fa, adesso, per mostrare l’immagine direttamente in prima pagina?

  47. Andrea il 19 ottobre 2011 09:15

    Ho appena inserito l’immagine in prima pagina.
    Grazie comunque. E’ stato molto utile! :-)

Lascia un commento