Come aggiungere una Fan Box di Facebook su una pagina web - -oldpost-





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

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

 

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

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

    1. 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. 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è???

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

  4. 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 :) )?

      1. 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….

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

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

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

      1. Ciao Gennaro :) solo un errorino da segnalarti, siccome ho trovato questa pagina con google e la trovo utilissima, in questa risposta hai linkato anche la chiusa parentesi, qualche utente poco avvezzo potrebbe pensare che il link al developer myspace non funzioni ;) ciao grazie dei toui consigli

  7. 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 ;)

  8. 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!

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

Leave a Reply to Gianluca Cancel reply

Your email address will not be published. Required fields are marked *