In questo breve articolo andremo a realizzare un link che consente di condividere la pagina attuale su Facebook, in pratica vogliamo realizzare un qualcosa che consenta la condivisione della pagina in cui lo includiamo.
Per prima cosa leggendo dalla guida di Facebook è venuto fuori che per effettuare una condivisione bisogna creare un link dalla pagina che vogliamo condividere che ha la seguente struttura:
http://www.facebook.com/sharer.php?u=<url>&t=<titolo>
Molto brutalmente quello che va fatto è la produzione della url e del titolo, ovviamente non vogliamo scriverlo a mano ma vogliamo generarlo con javascript.
Per ottenere questo risultato abbiamo bisogno di una funzione javascript che chiameremo share2Fb.
function share2Fb(){
// definiamo 2 variabli che conterranno url e titolo
// e una che conterrà la url completa
var u;
var t;
var url4Share;
//valorizziamo le variabili con i valori da passare
u=self.location.href;
t=document.title;
//codifichiamo secondo i dettami di Fb
u=encodeURIComponent(u);
t=encodeURIComponent(t);
//costruiamo il link:
url4Share='http://www.facebook.com/sharer.php?u='+u+'&t='+t
//apriamo il link
self.location.href=url4Share;
}
A questo punto dove preferiamo nel codice html possiamo aggiungere il seguente link:
Condividi su Facebook
A questo punto basta cliccare sul link e la pagina verrà condivisa.
Per una demo basta cliccare qui sotto: