sabato 29 gennaio 2011

Facebook - Come creare un riquadro "Mi piace" e inserirlo nel proprio sito

Facebook raccoglie più di 500 milioni di utenti e lo ritengo un utile strumento di marketing come ho scritto in un altro articolo. Nel post La tua azienda su Facebook a costo zero! ho descritto come portare la propria azienda su Facebook. In Facebook - Suggerire una pagina ai propri amici ho indicato come promuovere la pagina. In Facebook - dal sito aziendale alla pagina aziendale: il Badge Pagina ho parlato di come promuovere la propria pagina a partire dal proprio sito aziendale. Avete ogni volta dimostrato di essere molto interessati all'argomento e, anche per questa ragione, torno a parlarne.
Questa volta vedremo come, con gli strumenti offerti direttamente da Facebook, sia semplice creare un riquadro "Mi piace" da inserire su di un sito o un blog.
La "Like Box", ossia il riquadro del "Mi piace", è un plugin che permette ai possessori di una pagina Facebook di attrarre utenti e collezionare "Mi piace" direttamente dal proprio sito.
Il riquadro del "Mi piace" permette agli utenti di:
  • Vedere a quanti utenti ed "amici" "piace" la pagina
  • Leggere commenti sulla pagina
  • Esprimere il gradimento della pagina con un click, senza l'effettivo bisogno di visitarla
Vediamo di seguito quali sono gli attributi del riquadro:
  • href - l'URL (indirizzo) della pagina Facebook
  • width - la larghezza del plugin in pixels. Valore predefinito: 300px.
  • height - l'altezza del plugin in pixels. L'altezza varia in base al numero di facce da mostrare, e se lo stream è visibile. Con lo stream attivato, e 10 facce l'altezza predefinita è 556px. Senza facce né stream l'altezza predefinita è 63px.
  • colorscheme - varia le impostazioni cromatiche del plugin. Sono disponibili due stili: 'light', 'dark'
  • show_faces - il valore determina la visualizzazione delle "facce" degli utenti che hanno cliccato su "Mi piace". Valore predefinito: true.
  • stream - il valore determina la visualizzazione dello stream degli ultimi post dalla bacheca della pagina
  • header - il valore determina la visualizzazione dell'header Facebook in cima al riquadro

(continua sotto) 
promo


Per costruire il riquadro, Facebook offre uno strumento di redazione molto semplice. Dopo aver impostato gli attributi desiderati si può generare il relativo codice per l'iframe da copiare ed incollare in nella pagina web di destinazione. Contemporaneamente è generato anche il relativo codice XFBML. Chiudendo la finestra con il codice generato si potrà visualizzare l'anteprima del riquadro. Nell'immagina seguente è mostrata la configurazione predefinita per la pagina "Facebook platform" con la relativa anteprima.



Alla prossima!

Se il post ti piace dillo su Facebook
Tieni d'occhio questo post e i suoi commenti: iscriviti nella parte destra del blog.

Per qualsiasi dubbio, critica, segnalazione scrivimi a vm_tempbox-perparlarediweb[at]yahoo.it
Ricevi gratuitamente tutti gli aggiornamenti del blog direttamente dal feed RSS ed in email.
Segui il blog su Twitter e su Facebook.
Istalla la toolbar del blog... è gratis!

4 commenti:

  1. grazie mille per semplice spiegazione lho usato nel mio sito, dopo tanti sbattimenti.

    RispondiElimina
    Risposte
    1. Il risultato mi sembra ottimo. Il sito è basato su Wordpress?

      Elimina
  2. Davvero mal fatto ed impossibile da eseguire, perché è impossiblie da comprendere e per giunta ti impedisce di copiare i codici di collegamento da inserire nei blog, ecc. ecc.

    RispondiElimina
  3. Ciao Anonimo e grazie mille per il tuo commento.
    Che piattaforma di blogging utilizzi?
    Cosa trovi di difficile uso?
    Vorrei poterti aiutare.

    RispondiElimina

Nel rispetto della normativa sul trattamento dei dati personali (GDPR n. 679/2016) puoi scegliere di commentare questo post usando il tuo account Google, oppure avvalerti delle opzioni Anonimo o Nome/URL disponibili dal menù a tendina in questo form. In ogni caso, nessuno dei tuoi dati personali verrà usato dall'amministratore di questo blog né venduto a terzi. Per tutelare la sicurezza dei lettori i commenti postati dagli utenti che contengano link cliccabili saranno cancellati. Spunta Inviami notifiche per continuare a seguire i commenti del post.

Potrebbe interessarti...
Ultimo articolo pubblicato:
Netflix per 12 mesi a 2 euro - È una TRUFFA!


Ideale per la scuola media! ad 
Lenovo Tab M10 FHD Plus (2nd Gen) Tablet - Display 10.3" FHD (MediaTek Helio P22T,Storage 64GB Espandibile fino ad 1TB,RAM 4GB,WiFi+Bluetooth,4G LTE,2 Speaker,Android 9 Pie) Grigio – Esclusiva Amazon