Gestire dinamicamente i Social Bookmarks con Javascript

I Social Bookmarks, come il loro nome lascia ad intendere, sono un servizio di segnalazione dei propri link preferiti, allo scopo di condividerli con gli altri utenti della rete.

Possiamo quindi pensare ai Social Bookmarks coma ad una sorta di directory in cui vengono segnalati non siti o porzioni di siti, come nelle tradizionali directory, ma articoli e news tratti quindi da blog, giornali online, siti di divulgazione.

Gli scopo finali di un Social Bookmark sono diversi a seconda delle parti: per il gestore sicuramente quello di generare traffico; per gli utenti quello di condividere l'informazione, nel sano spirito di Internet; per i gestori dei siti segnalati quello di indicizzare i propri contenuti e di aumentare la visibilità degli stessi, sia in modo diretto che attraverso i motori di ricerca.

Esistono diversi Social Bookmarks in Italia e diverse decine se pensiamo al mondo. I principali Bookmarks sociali italiani (o che accettano anche materiale in lingua italiana) sono i seguenti:

	Google
	Live
	Excite
	Technorati
	Delicious
	Digg
	FUrl
	Segnalo.it
	OKNotizie
	Informazione.it
	UpNews

Salvare le icone senza alterare il nome del file allo scopo di portare a termine con successo l'esempio del presente articolo per il quale utilizzeremo Javascript per dinamizzare e velocizzare i processi.

Si crei il file social_bookmarks.js e lo si corredi col seguente codice:

function SocialBookmarks(Indirizzo, Titolo)
{
  var I = encodeURIComponent(Indirizzo);
  var T = encodeURIComponent(Titolo);
  with (document)
  {
    write('<p style="font: bold 11px verdana;">Condividi nei Social Bookmarks</p>');
    write('<p>');
    write('<a target="_blank" href="http://www.google.it/bookmarks/mark?op=add&bkmk=' + I + '&title=' + T + '"><img border="0" src="google.gif" title="Aggiungi su Google Bookmark"></a> ');
    write('<a target="_blank" href="http://favorites.live.com/quickadd.aspx?marklet=1&url=' + I + '&title=' + T + '"><img border="0" src="live.gif" title="Aggiungi su Live.com"></a> ');
    write('<a target="_blank" href="http://bookmarks.excite.eu/add?url=' + I + '&title=' + T + '"><img border="0" src="excite.gif" title="Aggiungi su Excite Bookmark"></a> ');
    write('<a target="_blank" href="http://technorati.com/faves/?add=' + I + '"><img border="0" src="technorati.gif" title="Segnala su Technorati"></a> ');
    write('<a target="_blank" href="http://del.icio.us/post?url=' + I + '&title=' + T + '"><img border="0" src="delicious.gif" title="Segnala su Del.icio.us"></a> ');
    write('<a target="_blank" href="http://digg.com/submit?phase=2&url=' + I + '&title=' + T + '"><img border="0" src="digg.gif" title="Segnala su Digg"></a> ');
    write('<a target="_blank" href="http://furl.net/storeIt.jsp?u=' + I + '&t=' + T + '"><img border="0" src="furl.gif" title="Segnala su Furl"></a> ');
    write('<a target="_blank" href="http://segnalo.com/post.html.php?url=' + I + '&title=' + T + '"><img border="0" src="segnalo_it.gif" title="Segnala su Segnalo.it"></a> ');
    write('<a target="_blank" href="http://oknotizie.alice.it/post.html.php?url=' + I + '&title=' + T + '"><img border="0" src="oknotizie.gif" title="Segnala su OKNotizie"></a> ');
    write('<a target="_blank" href="http://fai.informazione.it/submit.aspx?url=' + I + '&title=' + T + '"><img border="0" src="informazione_it.gif" title="Segnala su Informazione.it"></a> ');
    write('<a target="_blank" href="http://www.upnews.it/submit?url=' + I + '&title=' + T + '"><img border="0" src="upnews.gif" title="Segnala su Upnews"></a>');
    write('<p>');
  }
}

Alla funzione SocialBookmarks() passiamo due parametri; l'indirizzo (URL) ed il titolo della pagina da segnalare.

All'interno della funzione non facciamo altro che decodificare la URL gestendo eventuali caratteri strany nelle querystring e stampare a video l'elenco dei Social Bookmarks affiancati con sopra un titolo descrittivo.

Includeremo nelle pagine degli articoli questo script attraverso il seguente comando:

<script type="text/javascript" src="social_bookmarks.js"></script>

Sotto all'articolo, o nella posizione in cui si preferisce che compaiano i Social Bookmarks, scriveremo:

<script type="text/javascript">
SocialBookmarks(document.location.href, document.title);
</script>

In sostanza richiamiamo la funzione passando dinamicamente, via Javascript, la URL della pagina ed il titolo, presi rispettivamente dalla barra degli indirizzi del browser e dal tag HTML <title>.