Condividere sui socials con jQuery e jsSocials

jsSocials è un plugin per jQuery che ci permette di aggiungere i tasti di condivisione sul nostro sito in maniera molto veloce.

Richiede jQuery e Font Awesome per visualizzare le icone.

Una volta scaricati i files aggiungeteli alla pagina:

<script type="text/javascript" src="jssocials/jssocials.js"></script>
<link type="text/css" rel="stylesheet" href="jssocials/jssocials.css">
<link type="text/css" rel="stylesheet" href="jssocials/jssocials-theme-flat.css">

Io ho usato il tema flat, ma ce ne sono altri a disposizione.

Poi per avviare il plugin:

<div id="share"></div>
<script>
	$("#share").jsSocials({
		showLabel: false,
		showCount: false,
		shares: ["facebook", "linkedin", "whatsapp"]
	});
</script>

L'unica contro indicazione è che di base usa la versione 4 di Font Awesome.

Se usate la 5 potete ovviare modificando il file jssocials.js; ad esempio:

facebook: {
	label: "Like",
	// logo: "fa fa-facebook",
	logo: "fab fa-facebook-f",
	shareUrl: "https://facebook.com/sharer/sharer.php?u={url}",
	countUrl: "https://graph.facebook.com/?id={url}",
	getCount: function (data) {
		return data.share && data.share.share_count || 0;
	}
},

Come vedete ho sostituito il valore del campo logo, mettendoci quello corretto per la versione 5.

Enjoy!