Facebook Fan Page: mettere contenuti HTML e video SWF
Vediamo come si possono inserire dei contenuti HTML e filmati SWF in Adobe Flash in una pagina fan di Facebook.
1. Creare una Pagina Fan su Facebook.
E’ una cosa facilissima: prendi una qualsiasi pagina fan e scorrila verso il basso, ad un certo punto sulla sinistra troverai un tasto con la scritta ” Crea pagina”. Se vuoi puoi usare la nostra, la trovi all’indirizzo Testato Fan Page: Ti verrà fuori una shermata come questa:
Poi, dopo inseriti tutti i dati clicca su ” Crea Pagina ufficiale”.
2. Aggiungere l’applicazione FBML
Basta digitare nel modulo di ricerca FBML e poi scegliere FBML static. Per comodità ti lascio il link:
FBML Static
Seleziona “Aggiungi alla mia pagina”.
3. Configurare l’applicazione FBML
Ritorna alla tua Pagina Fan ed entra nell’area Modifica Pagina. Si trova proprio sotto la foto/logo.
Cliccata modifica pagina dirigiti nell’area dell’applicazione FBML e seleziona modifica.
Premi su modifica ed entrerai in una finestra in cui potrai inserire un Titolo Pagina e una parte in cui inserire contenuto HTML + Tag FB specifici come ad esempio per filmati swf.
4. Inserire un Filmato SWF in una Pagina Fan
Inserito il Titolo Pagina puoi inserire i contenuti in semplice HTML, o tag specifici per inserire filmati swf come in questo esempio.
In questo caso useremo il tag FBML relativo a file swf: fb:swf.
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:black;"
swfsrc='http://web2.flashgames.it/avventura/super.mario.star.scramble/game.swf'
flashvars=''
imgsrc="http://www.testato.it/wp-content/uploads/2010/04/mariobros.jpg"
width='500px'
height='334px'
waitforclick='true'
/>
Altri parametri importanti sono:
- 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
5. Inserire un video da YouTube su una Pagina Fan
Usiamo lo stesso tag FBML e inseriamo un video da youtube.
Da notare bene la stringa di codice per il video che deve essere in un determinato formato.
<fb:swf swfsrc="http://www.youtube.com/v/n1y_hhqbnns&showinfo=0&showsearch=0&rel=0&autoplay=1" imgsrc="http://www.testato.it/wp-content/uploads/2010/04/video.jpg" waitforclick='true' width="500" height="306"/>
In questo caso ho inserito i tag:
- showinfo: elimino il titolo video nel player
- showsearch: elimino il box ricerca nel player
- rel: elimino i video correlati nel player
- autoplay: abilita o meno l’autoplay, in questo caso mettiamo 1 cosi al click si avvierà il video
Altri parametri importanti sono:
- swfsrc: Indirizzo del video YouTube con sintassi /v/
- 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
6. Impostazioni Applicazione FBML in una Fan Page
Andate su Impostazioni Applicazioni, si aprirà una finestra che ci permetterà di inserire la vostra pagina come riquadro o come scheda, per ora inseritela come scheda.
Per abilitare la scheda come pagina di arrivo predefinita sulla vostra Pagina Fan, vi basterà andare su Impostazioni Bacheca e selezionare la pagina personalizzata di nome(lo stesso che avete dato sopra) come pagina predefinita.
In questo modo chiunque arrivasse alla vostra Pagina Fan sarà dirottato in un primo momento sulla pagina personalizzata.
Grazie ai Tag FBML è possibile includere diversi altri contenuti come silverlight, flickr, mp3, iframe.
Il procedimento sarà sempre lo stesso!
Related posts:
- Twitter: il miglior broker video
- Fetchmp3: convertire video in mp3
- Vedere i video danneggiati
- Scrivere contenuti duplicati
- Il guadagno di Facebook in Italia





























found your site on del.icio.us today and really liked it.. i bookmarked it and will be back to check it out some more later
Ciao, ti volevo chiedere, ma come si fa ad inserire dei piccoli “SITI” Come la FP di Victoria Secret nella fan page? Spero di essermi spiegata ^^
Puoi vedere questo articolo: Come creare una landing-page su Facebook
I find the topic very interesting and informative. However, it would do a great deal if you have some more pictures for this post.
ciao scusatemi.
qualcuno mi sa dire come aggiungere i video che ho su flickr???
Su flickr, vado su condividi -> Recupera HTML/BBCode -> copio tutto e poi lo incollo nel fbml, ma non me lo mette.
Ciao!
gran bell’articolo! complimenti! soprattutto completo!
Una richiesta: sai per caso come si inserisce il “condividi” o il “like” nella landing page? nello specifico una video landing page?
grazie mille!
Ste
Basta crearlo e poi inserirlo:
Tasto condividi: http://www.facebook.com/share/
Tasto Mi piace: http://www.facebook.com/badges/like.php
Thanx!
Ci sono quasi…perchè inserendo il codice “condividi”:
a name=”fb_share” type=”button_count” href=”http://www.facebook.com/sharer.php”>Condividi
mi apre un’altra finestra con scritto “inserire l’url da condividere”!
sono proprio una frana lo so ma devo riuscirci a costo di morirci! (ok ho esagerato!…ma ormai è una sfida!)
help me!!!
ok risolto!!!
grazie cmq! preziosissimo il link!
Vorresti condividere come hai risolto?
Magari potresti essere utile agli altri che incontreranno le tue stesse difficoltà?
Hai prelevato il codice dalla pagine dei widget Pagina widget e poi hai incollato il “riquadro Like-Box” o “badge della pagina”?
presto detto!
sono andato in questa pagina per il codice (come da te suggerito): http://www.facebook.com/share/
Quindi ho copiato e incollato il codice e per modificarlo ho seguito quanto indicato a fine pagina;
In pratica, codice da copiare: Condividi
e indicazione della modifica da fare (importante per visualizzare l’url da condividere!!!): http://www.facebook.com/sharer.php?u=&t=
Spero di essere stato chiaro!
oi, io ci sono riuscito ma nn riesco a cambiare le dimensioni di altezza e larghezza del video, perchè si vede troppo piccolo e largo quindi vorrei cambiare però lo faccio ma rimane uguale. aiuto!