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 pensieri su “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

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

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

      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 potresti dirmi come inserire questo widget su una normale pagina html?
    Copiando e incollando il codice non funziona.

    Grazie

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

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

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

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

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

Rispondi a step Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *