Pillola: Facebook gli strumenti di condivisione Bottoni "Condividi e "Mi Piace"

Ecco la prima condivisione delle mie conoscenze "tecniche" :-)
Ormai in tutti i siti si vedono pulsanti di condivisione (anche qui visualizzando un post è possibile condividerlo su vari Social Network... ed è tutto già pronto :-D)...
Ora... facciamo un po' di chiarezza.
I pulsanti di condivisione ("share button", "condividi") servono, in genere, per pubblicare sul proprio account di un determinato social network uno specifico contenuto (link, sito, video ecc) che avete trovato rovistando nel caos del web.
I pulsanti di gradimento ("like button", "mi piace") servono per segnalare che quel contenuto ci è piaciuto.
Il "Mi piace" di Facebook in particolare può essere impostato per segnalare il gradimento sia di  una "pagina" specifica di Facebook (ed in tal caso su tale pagina verrà aggiunta una persona all'elenco "Piace a") sia di una pagina web specifica (ad esempio un articolo di un blog) ed in tal caso verrà pubblicato il link sul proprio account (questa soluzione spesso viene adottata in sostituzione del bottone di condivisione perchè i contenuti vengono inseriti con le informazioni predefinite e senza che l'utente abbia la possibilità di modificare le informazioni da condividere).
Personalmente io ritengo corretto usare il "mi piace" per segnalare una pagina facebook ed il "condividi" per pubblicare un contenuto sul mio account.... ma non sono io a dettare legge e ognuno può fare come preferisce!!!!!

Date le spiegazioni...
Ecco il codice "standard" da usare per inserire un pulsante "Condividi"

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php"> Condividi</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Quin non è necessario specificare l'url (indirizzo) della pagina perchè l'informazione viene caricata direttamente da Facebook, ma è possibile personalizzare l’aspetto (dimensione ed informazioni visualizzate) del pulsante usando il parametro type che può essere impostato usando i valori che seguono:

• box_count: visualizza un riquadro con il numero di utenti che hanno condiviso il link in un box grande alto circa 75 pixel
• button_count: visualizza un riquadro con il numero di utenti che hanno condiviso il link in un box più piccolo
• button: visualizza un semplice pulsante share, senza il numero di condivisioni
• icon_link: visualizza un’icona di facebook con in più il testo del bottone
• icon: visualizza esclusivamente l’icona 

Un altro metodo per inserire il "Condividi" è:

<script language="JavaScript" type="text/JavaScript">
function fbs_click() {u=location.href;t=document.title;
window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');
return false;}
</script>
<a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" title="Condividi su Facebook">Condividi</a>

In questo caso è possibile creare un'immagine (icona o bottone) personalizzata per la condivisione che dovrà essere inserita al posto del testo "Condividi".

Ecco il codice "standard" da usare per inserire un pulsante "Mi piace"
(Questo codice può essere creato e personalizzato tramite un'apposita pagina nell'utilissimo sito "Facebook developers".

<iframe src="http://www.facebook.com/plugins/like.php?href=URLDELSITO&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

Al posto di URLDELSITO dovrete chiaramente inserire l'indirizzo completo della pagina che vi interessa. Questo sistema va benissimo se utilizzare il pulsante per una pagina statica di cui conoscete l'indirizzo (es: quando volete che il "mi piace" sia riferito ad una pagina facebook, oppure all'home page del vostro sito.... ma se la pagina è dinamica (es: l'articolo di un blog)? Dobbiamo trovare ed inserire nello script l'url della pagina in qualche modo... ne propongo 2:

Un primo metodo (tramite Javascript) è:

<script language="JavaScript">
var urlpage =  escape(document.location.href);
document.write('<iframe src="http://www.facebook.com/plugins/like.php?href='+urlpage+'&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>')
</script>

In questo caso non è necessario specificare l'url che viene ricavata tramite Javascript.

Un secondo metodo (tramite PHP) è:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php $url = "http://".$_SERVER['HTTP_HOST'].$_SERVER['SCRIPT_NAME'];
if (!empty($_SERVER["QUERY_STRING"])) {
$url .= "?".$_SERVER['QUERY_STRING'];
}
echo $url; ?>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

Ci sono anche personalizzazioni più avanzate... se serve chiedete!! Se avete suggerimenti scrivete!!! :-D

Ed ecco il link indispensabile:
http://developers.facebook.com/