Home Javascript - AJAX Facebook Like Button
Facebook Like Button
Programmazione & Co.
Martedì 08 Novembre 2011 14:46

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.

Ultimo aggiornamento Martedì 08 Novembre 2011 15:01