Facebook si può definire a oggi il social network d’eccellenza grazie al suo vastissimo bacino di utenza e traffico.

Molte aziende e brand noti si sono lanciati nella creazione di pagine Fan, ed è normale che se non seguite correttamente e non incentivando i visitatori a diventare fan, è abbastanza difficile convertire il traffico in iscritti attivi.

Grazie al Facebook Markup Language (FMBL) avevamo visto in precedenza che vi è la possibilità di personalizzare la nostra pagina fan inserendo html, css, video, oggetti flash e immagini.

La larghezza che abbiamo a disposizione per ora è di 520px nei quali possiamo mettere in moto la nostra creatività per convertire i nostri visitatori in fan.

Vedamo alcuni esempi e tecniche per creare pagine fan efficaci.

Attirare l’attenzione

Possiamo usare degli elementi grafici molto semplici ma allo stesso tempo creativi per incentivare il visitatore della pagina a diventare fan.

Ci basta creare e inserire tramite HTML + FMBL un’immagine.

Codice

<img src="https://dominio.it/immagine.jpg">

Vediamo alcuni esempi:

RedBull

BMW

IKEA

Kleenex

Incentivare

Per incentivare a diventare fan della nostra pagina possiamo regalare delle guide, promozioni, sconti su prodotti oppure ingeniare la creatività.

Facebook permette di rendere visibile un determinato testo solo agli iscritti, mentre chi non è fan vedrà un’immagine alternativa.

Molti brand hanno usato questa piccola astuzia per incentivare i loro fan a costo zero, tu diventi fan e io ti regalo qualcosa.

Codice

<fb:fbml version="1.1"><fb:visible-to-connection>This part is visible for fans only!<fb:else>This part is visible for non-fans</fb:else></fb:visible-to-connection></fb:fbml>

Per maggiori informazioni Facebook References.

Vediamo alcuni esempi:

Teesey Tees

JeffDunham

Windows7

Desigual

Inserire Pulsande di Condivisione

Un’altra tecniche per incentivare la condivisione della nostra pagina anche se sul momento il visitatore non è nostro fan, è quello di inserire il pulsante share di Facebook direttamente nella pagina.

Codice

<fb:share-button>
<link rel="target_url" href="http://yoururl.com"/>
</fb:share-button>

Vediamo alcuni esempi

Visa

Pizza Hut India

Inserire Contenuti Video

Possiamo inserire dei video all’interno delle nostre pagine fan per promuovere un prodotto, un brand o un film.

Il video attira molto l’attenzione ed è sicuramente uno degli elementi più accattivanti che si possa inserire per effettuare interazione e curiosità.

Codice

<fb:swf swfsrc="https://www.youtube.com/v/n1y_hhqbnns&showinfo=0&showsearch=0&rel=0&autoplay=1" imgsrc="https://www.juliusdesign.net/wp-content/uploads/2010/04/video.jpg" waitforclick='true' width="500" height="306"/>

Vediamo alcuni esempi:

Sony

GuitarHero

NHL

LouisVuitton

Inserire Contenuti Flash

Possiamo inserire anche dei contenuti flash per registrazioni, invio newsletter oppure per animazioni particolari.

Questi oggetti flash hanno da parte loro il piccolo problema che devono essere resi attivi, dopo aver cliccato un’immagini di anteprima.

Codice

<fb:swf
swfbgcolor="000000"
swfsrc='https://dominio/filmato.swf'
flashvars=''
imgsrc="https://dominio/anteprima.jpg"
width='500px'
height='334px'
waitforclick='true'
/>

Vediamo insieme i parametri fondamentali:

  • swfbgcolor: Colore di sfondo filmato
  • swfsrc: Indirizzo assoluto filmato SWF
  • flashvars: Inserimento variabili
  • imgsrc: Immagine di anteprima
  • width: Larghezza Filmato SWF
  • height: Altezza Filmato SWF
  • waitforclick: True o False, ci permette di abilitare con un click il filmato o avviarlo in automatico

Ecco alcuni esempi:

Chanel

Snoop Dogg

Ti consiglio anche di leggere:

Author

Sono un Creative Strategist con più di 10 anni di esperienza in strategie digitali. Il mio ruolo di Stratega consiste nell’ideare e sviluppare concept creativi per progetti multicanale, individuando le attivazioni e dinamiche di Marketing da applicare attraverso un approccio strategico.

48 Commenti

  1. Ciao Julius ottimo post come al solito, proprio quello che cercavo.
    ti volevo chiedere se sai come si far visualizzare dentro una pagina fan di fb una galleria in flash che prende i dati da un file xml???
    ho provato e riprovato, ma non riesco a capire come fargli leggere il file xml.
    grazie mille continua cosi.

  2. Ciao, dovrebbe esserci un errore nel codice per rendere visibile un determinato testo solo agli iscritti:

    il tag dovrebbe essere “fb:visible-to-connection” e non “fb:visible-to-connect”

    bye :D

  3. Perdona l’ignoranza JULIUS… ma queste personal fan page posso creare anche io che sono utente normale? o devo far parte di qualche categoria tipo gruppo, artista ecc…ecc… sto iniziando da poco a lavorare un pò di più con FACEBOOK perdona le mie scarse conoscenze tecniche se la domanda si presenta banale.

    grazie

  4. Ciao Julius volevo farti una domanda:
    Io ho attivato nella mia fan page delle pagine FMBL ma facebook proprio in questi giorni mi ha disattivato la visualizzazione di queste pagine sulla colonna sinistra della mia pagina. Le posso visualizzare solo cliccando sulle finestre centrali, per intenderci quelle vicino a “Bacheca”, “Info”, “Foto”…ti risulta?
    Come posso fare per ovviare a questo limite?
    Saluti!
    Antonio

  5. @Antonio: ho riguardato le impostanzioni delle pagine FBML e sembra che per ora sono disponibili solo le schede nei tab e non nei riquadri…

  6. Francesco

    Ciao Julius, mi chiamo Francesco è ti seguo da parecchio tempo.

    Sono diventato responsabile di un noto brand di moda…

    Vorrei chiederti se fossi interessato a offrirci consulenza e idee sulla grafica della nostra futura pagina fan… abbiamo alcune necessità.

    Se ti interessa trovi la mia email nel commento!

  7. Il codice per rendere visibile o meno alcune cose è interessante e fa al caso mio! grande!

  8. @ Marco: io ho creato una fan page FBML con galleria Flash (AS2)+XML:
    da Flash bisogna richiamare il file XML dandogli un URL assoluto
    (es. http://www.nomedelsito.com/directory/nomedelfile.xml), e allo stesso modo, nel file XML, gli URL a immagini o altri file collegati debbono essere assoluti.

    @ Julius: purtroppo proprio pochi giorni fa ho letto che dalla fine di quest’anno FBML sarà supportato solo per visualizzare le pagine già esistenti, e per crearne di nuove si dovranno utilizzare il Javascript SDK e IFrame. Li conosci?
    (via Facebook Developer blog)

  9. per gli impediti come me non e’ possibile fare dei tutorial con le spiegazioni di Julis ? Sarebbe piu’ facile per tutti, grazie

  10. Ciao JD,

    volevo chiederti se hai avuto modo di testare l’allineamento dell’immagine condivisa solo ai fans, e qwella per i non fans!?
    cioe’ se va’ prima messa l’immagine da far vedere ai fans , ki ancora nn è fan e sbarca sulla mia landing page si trava uno spazio bianco in alto a posto dell’immagine, e sotto l’eventuale immagine per i nn fans!
    Il tag di facebook dando “visible to connection” e poi “else” da la possibilità di allineare le immagini per fans e nn fans a le stesse coordinate che tu sappia??Nella FanPage della Avon è così!

    e poi sul punsante condividi, nell’http ovviamente mettiamo l’indirizzo della nostra fan page, e nel link rel=”target_url” che gli se mette??
    Thanks in advance!

  11. se io volessi usare questo metodo:

    This part is visible for fans only!This part is visible for non-fans

    e inserire 2 immagini per le 2 alternative, il problema è che se non sono un “fan” mi lascia lo spazio vuoto sopra dove ci dovrebbe essere l’immagine. Non la fa vedere finchè non clicco su “mi piace” ma lascia il vuoto. Infatti per vedere la seconda immagine devo scorrere con lo scroll in basso. Sbaglio qualcosa? :) grazie

  12. Ciao Julius,
    ho una domanda un po’ strana…
    secondo te è possibile inserire in una fan page in apposito tab FBML il tasto “Like” che però fa diventare fan di un’altra fan page che si apre nel momento in cui si fa “Like”?

    Grazie
    Ciao
    Laura

  13. @Laura: che io sappia no, ma non sarebbe neanche giusto non credi? Puoi inserire il pulsante di share ma di like mi pare ci sia solo quello sopra…

  14. Eh lo so, concordo con te, ma mi hanno fatto questa domanda e volevo avere un parere in più di qualcuno esperto :)
    grazie per la risposta,
    buona giornata
    :)
    Ciaooo

  15. Ciao a tutti,
    ho provato ad inserire degli mp3 nella pagina Fan del gruppo in cui canto usando come host Soundcloud e FBML STATICO inserendo il seguente codice:

    Press the Play button to listen to this song.

    mi appare il lettore (tasto play) con titolo/artista/album, pero’ una volta avviato la canzone non parte, rimane a 0 min e 0 sec.
    Cosa sbaglio?
    Grazie mille!!

  16. non lo copia…

    Press the Play button to listen to this song.

    forse cosi’..

  17. ciao a tutti nella pag di un amico in bacheca cliccando opzioni e dopo impostazioni manca la voce “” Scheda di arrivo predefinita per tutti gli altri:””come faccio a crearla??il fbml è attivo e ho creato il benvenuto ma non trovando questa voce non posso indirizzare li i fan…come posso fare ???grazie 1000

  18. Come faccio a rendere la mia bacheca della pagina fb visibile solo ai fans???

  19. Remember me

    Ma se io creassi una pagina per un attore, cantante, modello che sia senza essere stata approvata (o “richiesta”) dall’artista stesso posso incorrere in sanzioni penali? Cioè, non credo che tutte le pagine su Lady Gaga siano state create da persone che hanno contatti con la cantante!!!

    Spero di essere stata chiara nell’esporre mia domanda!!

  20. @ cinzia: Prima crea la pagina FBML e poi associala.. verifica che la pagina sia attiva…

    @ Antonio: Leggi qui Facebook References

    @Remember me: Penso che fino a quando siano fan club possa andare bene, ovvio che se crei una pagina per distruggere l’immagine di un’artista verrà chiusa….

  21. HELP, stò svenendo dal nervoso…

    ho creato la mia pagina e sono amministratore.. cerco e trvo l’app FBML static, ma non c’è la voce “Aggiungi alla mia pagina”, ma solo “aggiungi ai preferiti della mia pagina”..

    e ovviamente quindi non vedo l’applicazione.. motivo???

  22. ciao Luca, FBML è deprecato, ovvero le pagine create con quell’applicazione sono ancora visibili, ma non possono piiù esserne create di nuove.
    Per fare questo ora bisogna utilizzare gli iFrame: a mio avviso è una soluzione più snella di FBML, perché senza scrivere una riga di codice ti consente di caricare nella pagina FB il contenuto di un tuo HTML caricato su un server indipendente da Facebook. iFrame consente, tra l’altro, anche una maggiore interattività dell’utente, perché ad esempio i filmati Flash si avviano automaticamente, mentre con FBML potevano partire solo dopo aver cliccato una JPG statica.
    Puoi trovare un tutorial (in inglese) qui:
    http://www.hyperarts.com/blog/adding-iframe-application-to-facebook-fan-page/

  23. CiaoJulius, oggi ti seguo per la prima volta. Ho trovato molto utile questo tuo articolo. Sto seguendo la campgna branding di un marchio legato alle musica e all’organizzazione di eventi. Volevo chiederti se un’azienda ha già un sito attivo, un home page graficamente accattivante e con un video di presentazione…può in qualche modo riportare questa home page (e i suoi elementi) sulla fan page di facebook?

  24. @stex: ciao! ovviamente se vuole il brand si, con un tab iFrame… Io suggerirei di usare queste pagine per attirare nuovi follower senza ripetere informazioni inutili…

  25. michele

    salve, io sulla mia pagina ho attivato l’applicazione:”fanBULDER” e i codici che sono qui sopra non funzionano… =( come posso fare??

  26. ciao io ho bisogno di un aiutino …..ho visto un esempio come quello della RED BULL :

    -il codice che ce sopra al immagine è quello che devo inserire nella mia FBML??

    – a quel codice devo cambiar qualcosa?
    -basta che io coppio il codice e lo incollo nella mi FMBL e funzia’???

    -aiutatemi .—….e se volete passare nella mia pagina di facebook https://www.facebook.com/pages/Milan-per-Sempre-NEL-Cuore/180224422099262 P.S cerco qualcuno che mi aiuti

  27. Ciao Julius! Vorrei avere delle dritte sulla procedura per inserire miei mp3 nella mia fan page.
    Ad esempio nella fan page ufficiale di Amy Winehouse c’è il bottone “Play” o “Ascolta che dir si voglia collegato a deezer.
    https://www.facebook.com/amywinehouse?ref=ts
    Io ho un account soundcloud ma non riesco a creare il bottone “play”. Come faccio? Sei la mia ultima spiaggia :) sto smanettando da giorni senza alcun risultato!
    Grazie. Michele

  28. Michele ha scritto:

    Ciao Julius! Vorrei avere delle dritte sulla procedura per inserire miei mp3 nella mia fan page.
    Ad esempio nella fan page ufficiale di Amy Winehouse c’è il bottone “Play” o “Ascolta che dir si voglia collegato a deezer.
    https://www.facebook.com/amywinehouse?ref=ts
    Io ho un account soundcloud ma non riesco a creare il bottone “play”. Come faccio? Sei la mia ultima spiaggia :) sto smanettando da giorni senza alcun risultato!
    Grazie. Michele

Commenti