Inserire i bottoni per condividere i propri post sui più popolari social network è ormai diventato un classico. Da qualche tempo Facebook, Twitter, Digg e altri offrono degli script già pronti che vi consentono di visualizzare, oltre al pulsantino di condivisione, anche il numero di utenti che hanno già condiviso il vostro post in rete. Per quanto riguarda Delicio.us, non viene offerto nessun contatore già pronto. Con poco sforzo e con l’aiuto di jQuery è però possibile crearsene uno in pochi minuti.

Per prima cosa dobbiamo richiamare, se non lo abbiamo già fatto, jQuery:

<script src="http://www.miosito.com/js/jquery.1.4.2.min.js" type="text/javascript"></script>

Passiamo quindi alla creazione del link; l’esempio è molto semplice, loghino di delicio.us, link per condividere e contatore:

<img src="http://l.yimg.com/hr/img/delicious.med.gif" alt="delicious" />&nbsp;<a href='http://delicious.com/save?v=5&noui&jump=close&url=http://www.miosito.com/&title=titolodelpost' class='delicious' >Post to delicious</a>&nbsp;(<span id="deliciousCounter"></span>)

Notare lo span vuoto, che andrà riempito con il risultato della chiamata javascript.
Infine bisogna aggiungere la seguente funzione javascript:

<script type="text/javascript">
	var url = document.location.href;
	jQuery.getJSON('http://feeds.delicious.com/v2/json/urlinfo/data?url='+url+'&amp;callback=?',
            function(data) {
                if(data != '')
                   jQuery('#deliciousCounter').html(data[0].total_posts);
                else
                   jQuery('#deliciousCounter').html("0");
        });
</script>

Possiamo customizzare il tutto con il CSS, ed ecco quale sarà il risultato finale:

delicious Post to delicious (234)