Come aggiungere una Fan Box di Facebook su una pagina web 42





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” badge delle pagine e selezionare “Riquadro dei Fan”  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

Seguimi su twitter : @ironico

42 thoughts on “Come aggiungere una Fan Box di Facebook su una pagina web

  1. Reply stefano poletto mar 26,2011 5:39 pm

    Ho tentato in tutte le maniere di installare un widget su wordpress che mi facesse vedere come il suo facebook fans, ma il risultato è sempre lo stesso (visibile nel mio sito)

    Mi aiuterebbe (pagando ovviamente il disturbo) a capire dove sbaglio e sapere come si fa?

    cordiali saluti

    • Reply Gennaro Varriale mar 27,2011 9:53 am

      prova in questo altro modo
      1. andare in modifica pagina
      2. selezionare la voce “Marketing”
      3. Cliccare “Ottieni un badge”
      4. selezionare “badge ‘Mi piace’”
      5. copiare ed incollare il codice che compare nel box nell’apposito spazio in wordpress (testo widget).

  2. Reply Bloghissimo feb 5,2011 4:52 pm

    Ottimo articolo!! ;) Grazie mille Gennaro!!

  3. Reply Nicola apr 14,2010 9:21 am

    Scusa ma dove accidenti trovo sto bottone o link??
    :-D
    “aggiungi fan box al tuo fan club”
    :-(

  4. Reply GIANLUCA apr 13,2010 8:04 pm

    CIAO
    SAI COME POSSO AREA MADARE UN “MESSAGGIO” (DI QUELLI PRIVATI TIPO EMAIL) A TUTI I FANS DELLA PAGINA DEL MIO NEGOZIO?

    GRAZIE

  5. Reply Andrea apr 8,2010 12:25 pm

    ho eseguito le istruzioni, ma non riesco a visualizzare la fan page di facebook, ho il seguente errore:

    FB.init(“8bf9ad79f8a76271567e3f3dc9dc6da8″);

    puoi vederlo sul mio blog in alto a destra

    perchè???

  6. Reply luca feb 3,2010 11:25 am

    ciao io ho fatto questa cosa:

    so che si puo modificare il css quindi il carattere delal scritta eprche lo vorrei fare piu piccolo, quindi ho provato:

    pero’ non va nulla…
    mi sai dire dove sbaglio o come va settato il css?

    vorrei solo cambiare dimensione al font
    grazie mille

  7. Reply gianluca dic 13,2009 3:03 pm

    promuovi con un riquadro dei fan io non c’è l’ho, non capisco perchè :(
    mi puoi aiutare ???

    • Reply Gennaro Varriale dic 14,2009 2:16 pm

      Certo;) Facebook ogni tanto cambia le cose ..
      Vai sulla tua pagina.Clicca “Modifica la Pagina” sotto il tuo logo.
      A destra troverai il link “Promuovi con un riquadro dei fan” nella sezione “publicizza la tua pagina”

  8. Reply Emanuel nov 3,2009 5:09 pm

    Ciao Gennaro, ho seguito alla lettera le tue istruzioni per ottenre il fan box di facebook e l’ho inserito nel blog (WP) su cui sto lavorando. Volevo chiederti se è normale che il fan box venga visualizzato perfettamente su browser come Firefox e Crome, ma per niente su IE, su cui mi visualizza solo un link, o sono io incapace (molto probabile :) )?

    • Reply Gennaro Varriale nov 3,2009 5:17 pm

      Su IE non dovrebbero esserci problemi. Per esempio controlla il mio sito (fanbox nella sidebar destra) sul tuo ie.
      Altrimenti, potrebbe esserci un errore javascript all’interno della tua pagina che interrompe lo script.

      • Reply Emanuel nov 4,2009 9:02 pm

        dunque io ho inserito il codice preso da Facebook nel widget Text nella barra laterale e in questo modo visualizzo il box solo con FireFox e Crome.
        Ho provato anche a modificare direttamente la pagina sidebar.php inserendo il codice ma in questo modo non lo visualizza con nessun browser, dunque penso di sbagliare la pagina dove inserisco il codice… :(
        correggimi se sbaglio in qualcosa….

  9. Reply Igor nov 1,2009 9:23 pm

    Come non detto funziona!!!

  10. Reply Igor nov 1,2009 9:13 pm

    Ciao potresti dirmi come inserire questo widget su una normale pagina html?
    Copiando e incollando il codice non funziona.

    Grazie

  11. Reply Mauro Ferrari ott 30,2009 9:29 pm

    Ciao. Dove posso trovarlo questo widget?

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

    SULLA MIA PAGINA DI FB NON ESISTE.

  12. Pingback: Come condividere al massimo Facebook tramite Widget « Gennaro Varriale »

  13. Reply regina ott 12,2009 2:11 pm

    ciao Gennaro io vorrei inserire facebook nella mia pagina/web http://www.obraweb.it mi riesci ad enviare i codici per inserirlo. grazie mile
    Regina.
    email: obraweb@hotmail.it

    • Reply Gennaro Varriale ott 24,2009 12:42 pm

      Il codice dipende dalla pagina di facebook.
      Vai nella tua pagina facebook, a sinistra sotto la foto della pagina
      clicca “Aggiungi riquadro dei fan al tuo sito” e segui le istruzioni per avere il codice da copiare ed incollar sul tuo sito.

  14. Reply step ott 9,2009 9:01 pm

    ciao a tutti,
    ho anche io lo stesso problema con il fanbox per myspace, e per di più non ho capito nulla di quello che avete spiegato a ornella :(

    come faccio?

  15. Reply Ornella set 22,2009 10:37 am

    Ciao scusami la domanda..sto cercando di inserire la Fan Box di Facebook su un myspce… ma ovviamente i codici entrano in conflitto (viene visualizzata solo la scritta Diventa Fan il resto no…) e non riesco a capire in cosa (eventualmente) va contenuto il codice del widget.. ho provato con vari tag … puoi aiutarmi?
    Io penso che ci sia una limitazione da parte di Myspace… però speravo che ci fosse un modo per eluderla :-)
    GRazie

  16. Reply Facebookmania ago 13,2009 10:15 pm

    Ciao, anche se un po’ fuori luogo vorrei farti ua domanda su Comments Box Widget..
    L’ho installato correttamente sul mio sito (wp) ma purtroppo non riesco a capire come fare per ricevere le notifiche dei commenti.

    In pratica on vengo avvisato in alcun modo quando gli utenti commentano gli articoli del blog..
    Sai qualcosa a riguardo? Ti ringrazio anticipatamente

    Ciao ;)

  17. Reply gennaro lug 11,2009 9:26 am

    non c’è alcun rimedio a tutto ciò?! io ho un blog su wordpress e vorrei tanto aggiungere un fanbox sul mio sito. Nelle impostazioni posso aggiungere addirittura i sostenitori di twitter, però è meno popolare di facebook! se conoscete qualche rimedio, ho una mezza soluzione fatemi sapere, per chi ci riesce ne divento fan su fb e lo aggiungo nella lista blog utili nel mio blog :) ciao grazie aspetto con ansia una risposta!

    • Reply Gennaro Varriale lug 11,2009 10:51 am

      WordPress.com non permette l’utilizzo di javascript nei widget. Si potrebbe utilizzare un Iframe al posto del JS, ma se non sbaglio, anche questo non è permesso da WordPress.com.
      Un’ “alternativa” potrebbe essere quella di fare uno screenshot del widget da facebook, e linkarlo alla pagina di FB. Ovviamente, è un trucchetto “stupido”, ma porterebbe “quasi ” lo stesso risultato.

  18. Reply comunicazionedigitale lug 10,2009 9:41 pm

    infatti, lo sospettavo! grazie per la tua conferma

  19. Reply comunicazionedigitale lug 9,2009 10:55 pm

    Ciao Gennaro, visto che sei un esperto a livello di codice a quanto capisco, sai aiutarmi con questo problema nell’uso del codice fornito da Facebook per il Fan Box che WordPress mi tronca?
    http://comunicazionedigitale.wordpress.com/2009/07/09/facebook-fan-box-ce-un-baco-in-wordpress/

    • Reply Gennaro Varriale lug 10,2009 10:05 am

      Il tuo sito è ospitato su WordPress.com, che ti crea problemi ad inserire script nei widget (li esclude). Infatti il codice risultante (troncato) è lo stesso codice senza gli script.

Leave a Reply

  

  

  

Current ye@r *

Login with:
Powered by Sociable!

Per essere informato sui miei contenuti - Email: