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:
48 Commenti
fbMl, manca la m
Hey Giuliano,
Thank you for following up our blog post for visible content on Facebook FBML pages.
@Luca: corretto ;)
@fbml templates: good blog & post ;)
Ottimi spunti grazie, ne terrò conto…
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.
sono invertiti Louis Vuitton e NHL….
cmq bell’articolo :-)
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
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
@Corrado: corretto! grazie
@sushidub: ciao, praticamente basta che tu abbia una pagina fan.
Per iniziare ti consiglio di leggere questo articolo: Inserire Contenuti HTML e Filmati Flash che ti permetterà di capire come creare tab e pagine personalizzate con FMBL
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
@Antonio: ho riguardato le impostanzioni delle pagine FBML e sembra che per ora sono disponibili solo le schede nei tab e non nei riquadri…
Molto interessante! grazie per le dritte!
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!
Bellissimo ed utilissimo articolo come sempre Julius.
Quelle che hai elencato sono ottime fonte di ipirazione.
Grazie!! :)
Davvero ottime dritte, cercherò di utilizzarle per la mia azienda!
Il codice per rendere visibile o meno alcune cose è interessante e fa al caso mio! grande!
Ottimo articolo complimenti, informazioni davvero molto utili per la creazione di una pagina Facebook!
@ 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)
Gran bell’articolo grazie mille.
per gli impediti come me non e’ possibile fare dei tutorial con le spiegazioni di Julis ? Sarebbe piu’ facile per tutti, grazie
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!
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
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
@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…
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
@Laura: non sono espertissimo di FB ma se trovo qualcosa ti faccio sapere!
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!!
ecco il codice mancante:
Press the Play button to listen to this song.
non lo copia…
‘
Press the Play button to listen to this song.
‘
forse cosi’..
nisba
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
Come faccio a rendere la mia bacheca della pagina fb visibile solo ai fans???
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!!
@ 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….
Ciao Julius,complimenti per le spiegazioni dettagliate :) volevo chiederti,ho un canale youtube e invece di mettere un solo video vorrei mettere tutti i video del canale come li ha lamentecontorta http://www.facebook.com/lamentecontorta?v=app_7146470109
mi spiegheresti come posso fare?Grazie in anticipo!
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???
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/
Che ve ne pare?
http://www.facebook.com/pages/Live-Gubbio/213544105329420?v=app_4949752878
è la pagina di Benvenuto per un urban blog che ho realizzato.
l’unico problema è che come pagina di default mi lascia comunque la bacheca e non questa…#@#@#¶#@ Per la realizzazione ho utilizzato HTML+CSS, anche se non supporta CSS3 ;-)
Si bell’articolo davvero. Ti hanno ingaggiato quelli della moda?
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?
@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…
Grazie @ Julius:
salve, io sulla mia pagina ho attivato l’applicazione:”fanBULDER” e i codici che sono qui sopra non funzionano… =( come posso fare??
Ciao, sicuramente il coinvolgimento è uno dei fattori più importanti per il successo di una pagina su facebook , c’è questa video guida che è molto interessante …
http://www.youtube.com/watch?v=rkTZ3_TAUhs&list=PLA28FAC723D7FF29C&index=6&feature=plpp_video
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
@ pinkarman:
ciao come ai fatto ??
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
Michele ha scritto: