Se gestite un sito realizzato senza appoggiarvi a CMS o servizi esterni, e volete permettere all’utente di condividere la pagina che stanno visitando con i loro amici sui più famosi Social Network esistenti, questo articolo è perfetto per le vostre esigenze.

EGSharePage è un piccolo script Javascript/CSS che permette di salvare le pagine del proprio sito nei Social Network come MySpace o Facebook o nei servizi di bookmark come del.icio.us o Yahoo Bookmarks.


Questo script è molto semplice e leggero. Può essere facilmente compreso anche dai meno esperti, e può essere adattato a qualsiasi vostra particolare struttura del sito Web. Esso nasce come un piccolo riquadro, con le icone di vari Social Network. Ad ogni riquadro, è collegato un link al relativo sito, che permette la pubblicazione della pagina che l’utente sta visitando.

Un esempio di come si può adattare questo script è il seguente. Ho creato una semplice funzione JavaScript che apre la pagina del relativo Social Network per pubblicare un post con un link che stanno visitando. La parte della visualizzazione del bottoni è lasciata al codice HTML.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script type="text/javascript">
    function share (service) {
        URLDocSP = encodeURIComponent(location.href);
        TITOLODocSP = document.title;
        TITOLODocSP = TITOLODocSP.split("'").join("\'");
        TITOLODocSP = TITOLODocSP.split("\"").join("&quot;");
        TITOLODocSP = encodeURIComponent(TITOLODocSP);
       
        if (service == "facebook") {
            indirizzoSC = "http://www.facebook.com/share.php?u=__URL__&t=__TITOLO__";
            indirizzoSC = indirizzoSC.split("__URL__").join(URLDocSP);
            indirizzoSC = indirizzoSC.split("__TITOLO__").join(TITOLODocSP);
            window.open(indirizzoSC);
        }
        else if (service == "myspace")  {
            indirizzoSC = "http://www.myspace.com/Modules/PostTo/Pages/?l=3&u=__URL__&t=__TITOLO__&c=";
            indirizzoSC = indirizzoSC.split("__URL__").join(URLDocSP);
            indirizzoSC = indirizzoSC.split("__TITOLO__").join(TITOLODocSP);
            window.open(indirizzoSC);
        }
        else if (service == "delicious")    {
            indirizzoSC = "http://del.icio.us/post?url=__URL__&title=__TITOLO__";
            indirizzoSC = indirizzoSC.split("__URL__").join(URLDocSP);
            indirizzoSC = indirizzoSC.split("__TITOLO__").join(TITOLODocSP);
            window.open(indirizzoSC);
        }
    }
</script>

Questa funzione viene richiamata all’interno della pagina in questo modo:


<a href="javascript:share('facebook');">Condividi su Facebook</a>

Questo è solo un piccolo esempio di come personalizzare questo codice. Può essere adattato alle più svariate esigenze. Se volete potete condividere le vostre pagine, con i vostri esempi. Potete trovare maggiori informazioni su questo script sul sito del produttore.