sabato 12 febbraio 2011

Blogger tips: Inserire riquadro “mi piace” (like box) per gruppi e pagine di Facebook sul proprio sito o blog

facebook like boxVi piacerebbe integrare sul vostro sito o blog una “like box”, cioè un riquadro che consente ai visitatori di iscriversi con un click al vostro gruppo o pagina su Facebook?
Una roba tipo questa qui in basso e che al momento trovate sulla colonna sinistra del mio blog (già che ci siete, se non l’avete ancora fatto, cliccate pure su “mi piace”, così potete seguirmi Occhiolino)?
In giro per la Rete si trovano già alcune guide a riguardo, ma parlano quasi tutte dell’aggiunta di riquadri per pagine di Facebook. Per i gruppi il codice è leggermente differente.
Innanzitutto: indipendentemente da quale sia la vostra piattaforma di blogging (o sito), da qualche parte, dovreste avere qualcosa tipo “Aggiungi widget –> HTML/Javascript”. Ecco, quello è il posto in cui dovete aggiungere uno dei due codici seguenti:

Like box per gruppo

<iframe src=http://www.facebook.com/plugins/likebox.php?id=[IDDELVOSTROGRUPPO]&
width=214&colorscheme=dark&connections=10&stream=false&header=false&height=220  
scrolling="yes" frameborder="0" style="border:none; overflow:hidden; width:216px; height:290px;"  
allowTransparency="true"></iframe>


Per averlo funzionante, vi basta sostituire a [IDDELVOSTROGRUPPO] l’ID del gruppo.

Cambiando i numeri contenuti in width:216px; height:290px;" potrete cambiare rispettivamente larghezza e altezza del riquadro, per meglio adattarlo allo spazio che avete a disposizione (più il numero è grande, più lo allargate/alzate e viceversa). 

Like box per pagina

<script src="http://connect.facebook.net/it_IT/all.js#xfbml=1"></script><fb:like-box  
href="http://www.facebook.com/pages/Kaeel/190914134495" width="220" show_faces="true" stream="false"  
header="false"></fb:like-box>



Questo è il codice per avere il riquadro “mi piace (like box) per una pagina. Lo trovate in giro dappertutto e ci sono anche tool per crearlo automaticamente.
In questo caso, per farlo funzionare, dovete solo sostituire l’indirizzo http://www.facebook.com/pages/Kaeel/190914134495 (che è quello che uso io) con quello della vostra pagina.


Nel caso dovesse servire una mano a cambiare i parametri, lasciatemi un messaggio qui sotto e vedrò di integrare la guida.

18 commenti:

  1. Antonio Salvi25 marzo 2011 22:47

    ottimo, finalmente uno like box anche per i gruppi
    ti volevo dire che ho inserito il codice nel mio sito e funziona benissimo, però io vorrei visualizzare anche le immagini delle persone iscritte a quel gruppo, come posso fare?

    RispondiElimina
  2. Guarda, è strano che tu me lo chieda... Il codice è lo stesso che ho usato per questo sito: http://www.futureistomorrow.it e lì funziona

    RispondiElimina
  3. Non funziona:
    https://www.facebook.com/group.php?gid=154250204343&ref=ts
    La cosa buffa è che fin'ora non mi aveva dato problemi.

    RispondiElimina
  4. La pagina a cui stai cercando di accedere è riservata o non è disponibile.

    RispondiElimina
  5. a me apre la pagina del gruppo che mi hai indicato; in che sito hai inserito il box?

    RispondiElimina
  6. scusa, ma evidentemente non mi era arrivata la notifica del commento ed ho letto solo ora :(
    prova ad aggiungere l'opzione show_faces="true" 
    la uso per il like box della mia pagina pubblica e non dà problemi

    RispondiElimina
  7. Medesima cosa. Mi ha sempre funzionato...

    Da un po di tempo che mi esce la scritta 
    "La pagina a cui stai cercando di accedere è riservata o non è disponibile."

    RispondiElimina
  8. ...anche utilizzando connessioni a internet differenti?

    RispondiElimina
  9. si, provando con diverse connessioni, diversi pc e diversi browser....

    RispondiElimina
  10. cavolo, su www.futureistomorrow.it continua a funzionare :o 

    ...che FB abbia cambiato di sua sponte l'ID della tua pagina, nome, indirizzo o magie del genere?

    RispondiElimina
  11. Non avevo visto le risposte, grazie.
    Ho inserito il link al nostro gruppo perché secondo me la differenza la fa il tipo di gruppo e di conseguenza il tipo di link. Ho visto che si deve distinguere tra gruppi "vecchi" e "nuovi" perché cambia il tipo di link per questi due gruppi.

    Non volevo in home page una finestra di errore quindi ho tolto tutto. Però utilizzavo un codice simile a quello di questo sito:
    http://www.bandiere-dintorni.net/

    Quello che mi da fastidio è che ora non funzioni più.

    RispondiElimina
  12. Infatti il link a Kael è:
    https://www.facebook.com/pages/Kaeel/190914134495
    Quello al nostro gruppo è:
    https://www.facebook.com/group.php?gid=154250204343&ref=ts

    La frmattazione del link è molto diversa, ad esempio da me non appare il nome del gruppo. (non fare caso agli esclamativi ed al maiuscolo)

    RispondiElimina
  13. grandeeeee ! grazie

    RispondiElimina
  14. Salve, io uso la piattaforma myblog.it (del portale Virgilio.it) .
    Non trovo "aggiungi windjet ", cosa fare?
    Aitatemi...grazie in anticipi

    RispondiElimina
  15. Orsolina Campisi5 febbraio 2012 11:55

    Ho una pagina privata su FB https://www.facebook.com/orsolina.campisi Non riesco a inserire il box dei miei amici sul mio sito http://orsolinacampisi.jimdo.com/?logout=1 Come mai?

    RispondiElimina
  16. Rossellastellaa13 giugno 2012 10:51

    io non capisco dopo aver generato il codice all'interno del mio gruppo dove devo clikkare per inserirlo.. aiuto!

    RispondiElimina
  17. ciao io ho inserito questo codice nell'head: . La visualizzazione con firefox o safari è perfetta peccato che dopo qualche minuto sparisca il box dalla pagina e ricompare se ricarico la pagina. Come mai

    RispondiElimina
  18. ciao, non riesco. Possibile sia il fatto che genero il mio sito utilizzando PUBLISHEr 2007? Grazie

    RispondiElimina

Related Posts Plugin for WordPress, Blogger...