Home / Programmazione / Javascript - AJAX / Facebook Like Button
Mattepuffo

Facebook Like Button

Facebook Like Button

Ormai quasi tutti i siti hanno il cosidetto Facebook Like Button, piccolo tasto che permette di fare il like delle pagine direttamente dal sito.

Ci sono parecchi modo per aggiungere il like:

  • html 5
  • xfbml
  • iframe

Io ho scelto il secondo.

xfbml è un linguaggio di markup creato dagli sviluppatori di Facebook.

E' molto semplice da usare.

Prima di tutto richiamiamo le librerie Javascript nell'head della pagina:

<script type="text/javascript" src="http://connect.facebook.net/it_IT/all.js#xfbml=1"></script>

Volendo possiamo usare un'altra lingua; ad esempio l'inglese mettendo en_US al posto di it_IT.

Come vede alla fine richiamiamo anche xfbml.

 

Poi nella pagina dove ci serve mettiamo questa roba qua:

<div id="fb-root"></div>
<fb:like href="http://www.sito.it/pagina.html"
layout="button_count"
show_faces="false"
width="500"
action="like"
font="tahoma"
colorscheme="light">          
</fb:like>

Nell'href impostiamo il link della pagina che ci piace e che comparirà nella nostra pagina personale.

Poi scegliamo il layout, la dimensione, l'azione, il font e il colore.

Le opzioni possibili non sono moltissime e potete vederle qua.

Vi svelo anche un piccolo segreto.

Su Firefox la inestra popup mi impazziva e non capivo il perchè.

Dopo vari tentativi ho capito di chi era la colpa: dei cookie di terze parti!

Io ho impostato di non accettare mai i cookie di terze parti e questo mi sputtana il like button, su tutti i siti ovviamente.

Quindi se sul vostro sito avete un comportamento analogo controllate questa impostazione nel vostro browser e fate prove su altri siti.