Come inserire il Like Box (Riquadro Mi Piace) di Facebook nel proprio sito web

Ritorniamo sull’argomento Facebook dopo aver parlato di: come creare una pagina aziendale su facebook e di come aumentare la link popularity del vostro sito internet. Il post di oggi vuole essere una mini guida per inserire facilmente e velocemente un Like Box (detto anche Riquadro Mi Piace o precedentemente Riquadro Fan) della vostra pagina aziendale su Facebook all’interno del vostro sito internet.

In questo modo i visitatori del sito aziendale potranno registrarsi immediatamente tra i vostri fan e creare quindi un contatto in modo semplice e veloce.

esempio like box facebook originale

Questo che vedete nell’immagine sarà il widget Like Box che andrete ad incorporare nel vostro sito web. Vediamo quali sono i passaggi per creare un Like Box simile a questo:

  • Se non lo avete già fatto, dovete creare una pagina su Facebook
  • Dalla vostra pagina facebook cliccate sul link Modifica Pagina presente appena sotto l’immagine del profilo

riquadro mi piace facebook

  • Scorrete la colonna di destra (appena sopra gli Amministratori) fino a trovare il link Promuovi con il riquadro “Mi Piace” e quindi cliccatelo
  • A questo punto vi troverete di fronte ad un wizard (vedi immagine sottostante) che vi guiderà nella creazione del vostro riquadro Mi Piace

crea like box facebook

  • A questo punto c’è un passaggio molto importante da seguire. Dovete inserire il vostro Facebook Page ID all’interno dell’apposito campo. Ma… come faccio a sapere qual’è il mio Facebook Page ID? Semplice, guardate l’url (indirizzo) presente nella barra del vostro browser e vedrete qualcosa del genere:

    http://developers.facebook.com/docs/reference/plugins/like-box?profile_id=119612744738726

  • L’ultimo numero che vedete nell’indirizzo è il vostro Facebook Page ID. Copiatelo e incollatelo nel primo campo del wizard.
  • A questo punto “giocate” con i rimanenti campi del wizard, ovvero nell’ordine: larghezza in pixel del box, numero di amici/fan da mostrare, se visualizzare o meno i post della bacheca e l’intestazione del widget
  • Cliccate quindi sul pulsante Get Code e si aprirà una popup (come la sottostante). Copiate il codice dal primo campo e incollatelo nella pagina html del vostro sito internet

popup codice iframe like box

  • Potrete quindi customizzare (personalizzare) il vostro Riquadro Mi Piace ed ottenere un risultato simile a questo

esempio like box facebook

Per chi volesse approfondire l’argomento può leggere la documentazione di Facebook all’indirizzo: http://developers.facebook.com/docs/reference/plugins/like-box

Condividi nei social media:
  • del.icio.us
  • Facebook
  • Digg
  • Google Bookmarks
  • Diggita
  • Segnalo
  • Technorati
  • Twitter
  • StumbleUpon
  • Wikio IT
  • LinkedIn
  • Print
  • email
  • Buzz
  • Mixx
  • Netvibes
  • oknotizie
  • Posterous
  • Reddit
  • technotizie
  • tuttoblog
  • Upnews
  • Wikio
  • Yahoo! Buzz
  • ziczac

 

5 Commenti su “Come inserire il Like Box (Riquadro Mi Piace) di Facebook nel proprio sito web”

  1. siti web Postato da Marco:
    25/05/10 - 12:28

    Ciao, come si “customizza” il Riquadro MI PIACE?

    A me esce scritto in inglese e non capisco come farlo diventare in italiano. Grazie

  2. siti web Postato da Alt Design:
    25/05/10 - 21:50

    Personalizzare il widget like box è un’operazione abbastanza complessa e questo blog non vuole essere tecnico. Se vuoi vedere un’esempio di personalizzazione puoi guardare il codice della homepage del sito logogroup.it e vedere come abbiamo usato un foglio di stile (css) per il widget fan box.
    Per la lingua… prova a controllare le impostazioni del tuo browser o del pc che usi perchè viene rilevata in automatico.

  3. siti web Postato da Creazione sito internet Ristorante Argentino "La Doma Argentina" | Alt Design Web Agency:
    28/05/10 - 22:12

    [...] Servizi: Creazione sito internet di presentazione con ottimizzazione codice per i motori di ricerca e widget like box di facebook [...]

  4. siti web Postato da è possibile eliminare la scritta plug-in sociale......:
    02/06/10 - 16:56

    è possibile togliere la scritta plug-in socuale di facebook dal modulo?

  5. siti web Postato da Alt Design Web Agency:
    03/06/10 - 11:52

    Si, devi lavorare di css. Puoi vedere un esempio su http://www.ladomaargentina.com

Inserisci il tuo commento