Condividere fonti con AddThis Share plug-in

In questo articolo parlerò del plug-in AddThis, che io stesso utilizzo in questo blog, grazie al quale i miei visitatori possono facilmente condividere i miei articoli con i loro contatti.

Cos'é AddThis?

Si tratta di un componente software, gratuitamente offerto da www.AddThis.com, che permette di aggiungere al DOM di un documento HTML una pulsantiera per consentire ai propri utenti di scegliere comodamente il miglior canale sul quale condividere ciò che stanno leggendo.

Direttamente a quell'indirizzo è possibile in 4 semplici passi creare la propria share bar: basta infatti selezionare il tipo di CMS(Content Management System) utilizzato per il proprio sito, scegliere il layout che il componente dovrà avere, indicare se si desidera monitorare i click ed infine richiedere il codice HTML da inserire nel proprio blog o sito.

In funzione del modello scelto è possibile modificare il codice HTML personalizzandolo e adattandolo al layout del proprio spazio WEB.

Per esempio, per il modello che ho scelto io, è possibile aggiungere e rimuovere i pulsanti sempre visibili, cambiandone l'ordine ed il numero a proprio piacimento.

Perchè AddThis?

Ho scelto AddThis perchè lo utilizzo anche su un altro spazio WEB e quindi ho avuto modo di conoscere ed apprezzare il servizio.

Il primo motivo per cui ho scelto di utilizzarlo anche su questo blog é dovuto al fatto che circa 3 anni fa ho inserito AddThis in un altro sito e ad oggi non mi è mai capitato di accorgermi di un'eventuale caduta del servizio: quindi per l'affidabilità.

Sebbene utilizzando blogger abbia di default la possibilità di aggiungere una pulsantiera per la condivisione dei miei articoli, ho preferito adottare AddThis proprio per la vasta scelta dei social network e per la completa personalizzazione del layout.

Caso d'uso

Qui di seguito riporto il codice HTML della mia pulsantiera AddThis per mostrare quanto è semplice introdurre nel layout di un sito questo formidabile componente.

<div class="addthis_toolbox addthis_default_style"
    style="float: right;margin-top: 0;font-size: 9pt;
          font-weight:  normal;padding:0;">
<a href="http://www.addthis.com/bookmark.php?v=250&pub=xa-4a4b"
    class="addthis_button_compact">Share</a>
<span class="addthis_separator"> | </span>
<a class="addthis_button_facebook"></a>
<a class="addthis_button_myspace"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_twitter"></a>
</div>
<script type="text/javascript" 
    src="http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a4b"
></script>

Come è facile intuire, basta modificare il valore dell'attributo class di ogni link HTML per modificarne l'immagine ed il target.

Alla prossima,
MA