20/07/11

Un facebook like per tutte le pagine del nostro sito


Oggi al lavoro mi sono imbattuto nel problema di dover mettere un pulsantino like di Facebook in ogni pagina prodotto del sito di un cliente. Che lavoro lungo compilare un pulsante like dall'area developer di facebook per ogni prodotto.
Cosi mi sono personalizzato in modo semplice il pulsantino scaricato dal sito con un po di Javascript, non è un codice difficile, probabilmente già migliaia di persone lo hanno utilizzato per i loro prodotti, però lo posto qui cosi se vi serve senza fare troppe ricerche sapete dove trovarlo.

CODICE DA INSERIRE NELL'HEAD DELLA PAGINA



<script language="javascript">


/* widget facebook by maxweb91 */
/* script per pescarmi l'url attuale e scriverla nel widget */


function restituiscimela(){
var cosascrivo = ""

/* prelevo l'url della pagina sulla quale mi trovo */
var urldalikare = ""+ window.location.href +""

/* apertura i frame classica */
cosascrivo += "<iframe src='http://www.facebook.com/plugins/like.php?app_id=208806419172146&amp;href="

/* carico nel campo url l'indirizzo della pagina attuale */
cosascrivo += ""+ urldalikare +""

/* aggiungo la parte rimante dell'iframe di facebook classico */
cosascrivo += "&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like"
cosascrivo += "&amp;colorscheme=light&amp;font&amp;height=21'"
cosascrivo += " scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:450px; height:21px;' allowTransparency='true'></iframe>"

/* scrivo il codice generato nella pagina html */
document.write(cosascrivo)
}




</script>



CODICE DA INSERIRE NEL BODY DELLA PAGINA NELLA POSIZIONE DOVE VOGLIO IL MIO PULSANTINO



<script language="JavaScript">
/* widget facebook by maxweb91 */
restituiscimela();
</script>
Massimiliano Pighi Web Developer