Parliamo di come linkare la propria fan page di Facebook sul proprio sito. Questo articolo segue è il post Inserire pulsante Mi piace e Segui sulla mia pagina.

Prima fase: recuperiamo il codice da Facebook

Una volta loggati come amministratori (non usare facebook come pagina) andiamo sulla nostra pagina e clicchiamo sul pulsante Aggiungi riquadro “Mi Piace” nella sezione Promuovi questa Pagina sul tuo sito Web.

Aggiungi riquadro "Mi Piaci"

Si aprirà developers.facebook.com alla seguente pagina /plugins/like-box

.../docs/reference/plugins/like-box/

Personalizziamo il box

Tramite questo box possiamo inserire i link alla nostra pagina e personalizzare le informazioni che verranno visualizzate nel box.
Possiamo impostare il layout del box decidendo larghezza e altezza, colore del bordo e lo schema di colore; possiamo poi decidere che tipo di informazioni conterrà, dal volti delle persone che seguono la pagina allo stream pubblicati.

Il link della pagina

l’informazione più importante è il link della nostra pagina che deve essere inserito nella prima riga del box precedentemente visto.
Se non ci sono problemi sulla destra del box apparirà la preview di come apparirà il box una volta inserito nel nostro sito; qualora non apparisse, ricontrollare l’esattezza del link e di non utilizzare Facebook come pagina.

link della pagina

Il codice

pulsante Get Code

Una volta trovata la personalizzazione che più si sposa con la grafica del nostro sito, andiamo a generare il codice da copiare e incollare nel nostro sito.

Cliccando sul tasto Get Code apparirà una finestra contente il codice

codice da copiare e incollare

Inserire il codice nella nostra pagina web/

Facebook ci da 3 possibilità di codice HTML5, XFBML, IFRAME. Valide tutte e tre, io ho utilizzato quella in HTML5.
Dalla schermata generata contente il codice, copiamo la prima parte e la incolliamo subito dopo il tagmentre la seconda parte va copiata e incollata direttamente nella parte di pagina che destiniamo alla visualizzazione del box.
Io ho inserito qui, nella sidabar di destra, il link alla mia pagina /Studio-Ingegneria-Renzo-Chiostri/

RISORSE
Vi invito a dare un occhiata a tutte le risorse messe a disposizione da Facebook
https://developers.facebook.com/docs/plugins/