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: