fun page facebookDa oggi facebook permette di inserire un widget all’interno del nostro sito per mostrare informazioni sulla nostra pagina facebook.

Il Fan Box ci permette di mostrare per la nostra pagina facebook il numero di fan, gli ultimi post  ed il  pulsante “Diventa fan”

Per aggiungerlo basta andare sulla pagina facebook, cliccare su “aggiungi fan box al tuo fan club” e si aprirà una pagina che ci darà il codice da copiare ed incollare sul nostro sito.
E’ possibile decidere se mostrare il flusso dei post e/o i fan della pagina selezionando le opzioni “Includi Flusso” e “Includi Fans”
Ecco un esempio di codice generato che possiamo facilmente copiare ed incollare

 <script src="[...]FeatureLoader.js.php" type="text/javascript"></script>

<script type="text/javascript">FB.init("f18bdcae7b629d8686616a42fe1714de");</script>

<fb:fan profile_id="46949881962" stream="1" connections="10" width="300"></fb:fan>

In questo codice possiamo vedere che nel tag fb:fan ho settato stream=1 (per mostrare il flusso dati) , connections=10 (per mostrare 10 fans) e con width=300 (ampiezza del widget), oltre ovviamente all’id della pagina (in questo caso “46949881962″ è la mia pagina facebook).

Le opzioni possibili sono :
profile_id: L’ID della pagina facebook
name: Il nome della pagina (usarlo se non si è utilizzato il campo precedente)
stream
: Uguale a 1 mostra i post della pagina, uguale a 0 li nasconde
connections
:Il numero di fan da visualizzare . Massimo 100.
width: L”ampiezza del widget. Deve essere almeno 200px
height: Altezza del widget. Per una fan box che contiene solo il pulsantino “Diventa fan” è di 64px. Se si includono dutte le funzioni  arriva a 554 pixel
Nota : per chi ha un blog o sito in cui utilizza Facebook Connect  (come questo sito) è inutile copiare ed incollare  il primo script “FeatureLoader.js.php”  in questo modo si evita di rallentare ulteriormente la pagina.

p.s. : Non dimenticare di diventare Fan della mia pagina Gennaro Varriale.it

31 commenti

Rispondi

Attenzione : Per inserire codice html/php o caratteri speciali utilizza Postable. Postable converte i caratteri speciali del tuo commento.
XHTML: Puoi usare questi tag: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>