csbuttons jquery plugin - Acrow
Acrow

Custom Share Buttons !

Si vous n'aimez pas utiliser les boutons de partage par défaut des différents réseaux sociaux,
nous avons écrit pour vous un petit plugin jQuery qui vous permet de définir vos propres boutons personnalisés.

Vous trouverez toute la documentation nécessaire sur cette page.


Télécharger jquery.csbuttons.js (8,01 ko) Télécharger jquery.csbuttons.min.js (4,53 ko)

Démonstrations

Total share :

 

Total share :

Utilisation

Ajouter les attributs à vos liens

<a href="#" data-type="facebook" data-count="true" class="csbuttons">Partager sur facebook</a>
<a href="#" data-type="twitter" data-count="true" data-txt="Ceci est mon texte" data-via="AcrowFR" class="csbuttons">Partager sur Twitter</a>

Ajouter l'appel des scripts jquery et csbuttons

<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="jquery.csbuttons.js"></script>

Puis faites un appel du script sur vos liens

$(document).ready(function(){
$('.csbuttons').cSButtons();
});

Paramètres

Option Attribut Défaut Définition
url data-url Page courante Url de la page à partager
type data-type facebook Le réseau social correspondant au bouton: facebook, twitter, google, linkedin, pinterest
txt data-txt Texte à partager
via data-via Lier un compte twitter au partage
count data-count false Compteur de partage
count_position data-count-position right Position du compteur de partage : right, left
apikey data-apikey Seulement pour le compteur de partage Google, si vous voulez utiliser le partage officiel.
media data-media Url d'une image pour le partage Pinterest
lang data-lang Language du partage Google (normalement automatique)
total data-total Affichage du total de partage de tous les réseaux sociaux : id ou class de l'élément conteneur