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” 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
1 2 3 4 5 |
<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
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
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).
Ottimo articolo!! ;) Grazie mille Gennaro!!
Scusa ma dove accidenti trovo sto bottone o link??
:-D
“aggiungi fan box al tuo fan club”
:-(
ho aggiornato l’articolo. Facebook cambia in continuazione ;)
vai su questo link fan page box
ora non dimenticarti di diventare fan ;)
CIAO
SAI COME POSSO AREA MADARE UN “MESSAGGIO” (DI QUELLI PRIVATI TIPO EMAIL) A TUTI I FANS DELLA PAGINA DEL MIO NEGOZIO?
GRAZIE
Vai in modifica pagina, a destra trovi “Promuovi la tua pagina” e quindi la voce “iniva un aggiornamento”
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è???
quello non è un errore, se lo visualizzi evidentemente nn hai copiato bene il codice, deve essere nel tag script.
si l ho copiato nel tag script, forse perchè ho un account gratuito, da come leggevo negli altri post.
giusto. WordPress, non ha eseguito lo script, lasciando il codice come testo.
grazie mille :)
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
promuovi con un riquadro dei fan io non c’è l’ho, non capisco perchè :(
mi puoi aiutare ???
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”
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 :) )?
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.
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….
sembra che hai fatto bene. Mandami url della tua pagina, per dare un’occhiata veloce.
ora sembra funzionare…
devo solo sistemare il css del tema…
cmq questo è l’url:
http://www.accaref.it/onofriodamone/
Ciao e grazie mille
Emanuele
Grazie.
Come non detto funziona!!!
Ciao potresti dirmi come inserire questo widget su una normale pagina html?
Copiando e incollando il codice non funziona.
Grazie
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.
Mauro, loggati su facebook, vai sulla tua pagina e sotto la foto della pagina segui il link. Ti allego lo screenshot della mia pagina
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
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.
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?
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
Ciao Ornella,
il problema è la gestione del javascript non permesso da myspace.
Il chè ti fa vedere solo la parte html, ovvero la scritta “Diventa Fan”.
Una soluzione è quella di installare un’applicazione per myspace che ti permetti di utilizzare un iframe/codice html
(la dovresti trovare sulla community di sviluppo : http://developer.myspace.com/community/ )
Che velocità! GRAZIE! Proverò….. gentilissimo!!!
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
grazie Gianluca, ho corretto il link.
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 ;)
Ciao,
non lo conosco e non l’ho mai installato. Prova a postare sul loro forum. L’hai impostato correttamente?Forse c’è qualche opzione poco visibile.
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!
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.
…GENIALE!
infatti, lo sospettavo! grazie per la tua conferma
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/
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.