Risorse utili: Social Likes share buttons

Web e e-commerce 22 Luglio 2014

Quella che voglio consigliare oggi è una validissima alternativa in jQuery ai vari servizi come AddThis o Sharethis comunemente usati per gestire i bottoni di condivisione sui social network all'interno di un sito web.
L'autore si chiama Artem Sapegin, ed è un talentuoso web developer di origine russa. Il pacchetto può essere scaricato da github e installato tramite Bower. Per i meno esperti c'è anche un editor visuale che genera il markup in tempo reale.

Pregi e difetti

Social likes è molto leggero, rallenta pochissimo il caricamento della pagina e non modifica in nessun modo l'URL. E' possibile scegliere fra tre diverse skin (orientabili in orizzontale o in verticale) o personalizzare interamente i bottoni tramite css.

Il più grosso difetto è rappresentato dal fatto che non supporta (ancora) molti social network. Permette infatti di condividere solo su facebook, twitter, google+, pinterest (e un social network russo che dubito vi servirà mai). E' tuttavia possibile aggiungere nuovi bottoni non presenti nativamente con jQuery

Istruzioni per l'uso

I parametri possono essere passati in modo semplice via data-attributes html5 oppure jQuery in questo modo:

DATA ATTRIBUTE:

class="social-likes" data-url="http://www.ilgattohanuovecode.it/blog/" data-title="titolo del post"

JQUERY:

$('.social-likes').socialLikes({
    url: 'http://www.ilgattohanuovecode.it/blog/',
    title: 'Titolo del post'
});

Lista dei parametri disponibili:

url - indirizzo della pagina da condividere, di default è quella in cui si trova il bottone.
title - il titolo della pagina, di default usa quello della pagina in cui si trova il bottone.
counters - Abilita/disabilita il contatore dei like, che è abilitato di default.
zeroes - Abilita il contatore anche se ci sono zero like.
single title - E' la label del bottone.
via - Solo per Twitter, tagga un account twitter al momento della condivisione.
media - Solo per Pinterest, specifica l'url di un'immagine da condividere.

Ovviamente tutti questi parametri possono essere passati anche dinamicamente.

Social Likes e Magento

Spesso a chi lavora con Magento viene richiesto permettere la condivisione sui social network della scheda prodotto direttamente dalla pagina di categoria. Per far fronte a questa esigenza Social Likes è particolarmente indicato in quanto ci permette di manipolare facilmente il markup tramite php e inserire dinamicamente i parametri che ci servono. Ecco, ad esempio, come integrare i nostri bottoni nella pagina di categoria di un tema Magento: