Partager ses articles sur les réseaux sociaux c’est génial, ça apporte du trafic et peut-être même des visiteurs fidèles qui peuvent devenir des clients. Il existe toute une panoplie de plugins pour mettre en avant les réseaux sociaux sur son blog mais je vais vous en présenter un qui est différent des autres par son originalité.
Il s’agit du plugin Sharebar, il est activé sur ce blog et je trouve le rendu, après quelques bidouillages, assez sympathique. Ça change des barres d’icônes sous les articles …
Première étape et la plus simple, il faut installer le plugin, vous pouvez le faire manuellement ou automatiquement, enfin vous allez vous en sortir je pense non ? Une fois le plugin activé il faut se rendre dans l’administration pour le configurer, et là ça devient un peu plus délicat, du moins pour les non anglophones comme moi !
Pour activer un bouton il faut l’éditer puis le passer en « enable » pour qu’il soit visible dans votre barre défilante.
Si vous voulez le placer en seconde position, première ou troisième, il vous suffit de modifier le chiffre dans la case. Pas besoin de vous faire un screen pour ça vous l’avez sans doute vu tout de suite.
Si vous souhaitez désactiver un bouton décochez « enable », si vous souhaitez en supprimer un cliquez sur « delete ». Maintenant vous savez comment activer des boutons, le plus compliqué arrive, il va falloir intégrer tout ça proprement !
Rendez vous dans « Settings », vous pouvez y voir quelques options qui vont vous permettre de tout mettre en place pile poil.
Si vous souhaitez afficher votre barre de réseaux sociaux sur vos articles et sur vos pages cochez les deux cases. Sinon cochez celle que vous souhaitez. Comme vous pouvez le voir sur l’image au dessus j’ai décidé d’afficher ma barre sur mes articles et sur mes pages.
1 – Mon anglais est loin d’être correct mais j’arrive tout de même à comprendre que si la page se redimensionne en dessous de 1000 pixels de large ma sharebar devient horizontal. Bon ça ne risque pas d’arriver mais je coche tout de même, on ne sait jamais 
2 – Si la case crédit est cochée vous verrez apparaitre en bas de votre Sharebar un lien vers le site du plugin, c’est assez disgracieux j’ai donc choisi de ne pas l’afficher.
3 – Vous pouvez choisir la position de votre Sharebar, droite ou gauche ? J’ai choisi la gauche pour une question esthétique et surtout parce que mes articles sont dans la colonne de gauche, ma colonne de droite est occupée par mes widgets.
4 – En modifiant cette donnée vous allez déplacer votre sharebar vers la gauche, le but de l’intégration est de la coller au reste de votre thème, vous allez donc devoir jouer pixel par pixel pour votre que ça colle pile poil. Faites attention à ne pas vous tromper de case, la première est pour ceux qui ont positionné leur sharebar sur la gauche du site et la seconde pour ceux qui l’ont positionné à la droite de leur site. Modifiez la donnée, enregistrer la modification puis rafraichissez votre site pour voir le résultat, ensuite ajustez
5 – Cette case sert à régler la largeur de votre sharebar, si vous ajoutez des boutons par exemple il est possible qu’elle soit trop étroite, vous allez donc régler cette donnée pour que ça tienne la route sans déborder de tous les cotés ou couper vos boutons en deux.
6 – Insérer votre nom de compte Twitter dans cette case.
7 – Et pour finir pour une intégration au top sélectionnez les codes couleurs de votre choix afin de coller à celles de votre site. De base, le fond de la sharebar est blanc et le contour noir. J’ai donc choisi un contour blanc et j’ai rentré le code couleur « FFFFFF » afin qu’il devienne blanc.
Vous voulez voir le résultat d’une intégration propre afin de donner l’impression que cette barre défilante fait partie intégrante du site et non pas d’une pièce rapportée ? Regardez vers la gauche elle est visible, et profitez-en pour partager ce tuto via facebook et twitter please
Pour ma part, j’utilise Digg Digg, qui est vraiment très ressemblante.
Salut Adrien,
J’ai installé ce plugin sur mon blog après avoir vu celui-ci sur le tien. Très pratique et facilement paramétrable, en ayant les boutons de réseaux sociaux sur le côté on libère de l’espace précieux ailleurs.
A bientôt!
Salut Adrien !
Tiens c’est bizarre, pourquoi t’as pas mis Google + ? Sachant que beaucoup disent qu’il va être pris en compte pour le référencement.
Moi j’ai mis mon propre code pour gérer ça. La sharebar c’est assez peu esthétique à mon goût, mais pourquoi pas remarque …
Dans le même genre il y a aussi :
http://sharethis.com/
ou
http://www.addthis.com/
J’ai éssayé les 2, les 2 font le job après c’est les gouts et les couleurs de chacun.
Merci pour le truc Adrien, c’est vrai que c’est en effet pas mal et probablement plus visible.
On va essayer ça …
Merci pour le plugin, je ne connaissais pas !
Je l’ai installé sur mon blog. Par contre, je ne parviens pas à reproduire un bouton Twitter identique au tien : un bouton Twitter avec l’encadré au au dessus du bouton et le mot-clé « Tweet » (à la place de Tweeter qui s’affiche par défaut chez moi, ce qui élargit le bouton).
Tu as modifié quelque chose ?
(Et je galère encore un peu avec le css de mon thème qui fait modifie l’affichage du bloc ^^)
En fait, pour le mot-clé, il suffit d’ajouter l’attribut: data-lang= »en » dans le lien.
C’est expliqué ici: https://dev.twitter.com/docs/tweet-button
Ce pluggin à l’air très bien, merci pour l’info!
Moi je connaissais sharethis et comme dit plus haut Xavier, après c’est chacun qui voit ce qui lui plait le plus
Merci pour cet article. Au début, j’ai mis un peu de temps à repérer la sharebar en haut à gauche (manque d’habitude sans doute). Mais une fois qu’on l’a repérée, c’est vrai que c’est plus original et plus joli…
Merci pour le tuto Adrien,
J’ai personnellement un bug assez désagréable avec ce plugin, mes icônes « Facebook » et « Twitter » sont coupées, ou en tous cas mal alignés. C’est bien dommage.
Bonjour et merci pour le petit tuto. Tu as raison en disant que partager ses articles sur les réseaux sociaux est génial et que ça apporte du trafic, mais pour fidéliser les clients, ça c’est encore une autre histoire car ça dépend premièrement de la nature du site (remarque que les réseaux sociaux partagent la première place); deuxièmement du sujet du site (technologie, santé et beauté, download etc….) et enfin du thrustrank du site (le site est bien référencé sur google ou pas).
Pas mal du tout comme rendu sur ton site. Sinon je me demande bien quel plugin utilises Aurélien sur le blog WED. Je trouve que le rendu arrondi est encore plus joli. Je lui avais posé la question mais je n’ai jamais eu de réponse…
Pour avoir le rendu en arrondi, il suffit d’insérer la ligne suivante :
‘ border-radius: 8px 8px 8px 8px; ‘
dans le fichier sharebar.css, sous la ligne ‘ body ul#sharebar { ‘
MaxR
Ah merci pour ton aide MaxR
@Julien Arcin : Déjà que j’ai du mal à faire tweeter et aimer mes articles via twitter et facebook, google + je verrai plus tard.
@Pyo : Il faut modifier les dimensions en largeur des boutons si tu souhaites les ajuster.
@Julien : La barre d’Aurélien fait partie de son thème, ce n’est pas un plugin ajouté. Et tu peux faire la même chose en bidouillant sharebar
Plugin très utile et sympa en effet! Beaucoup de blogs l’utilisent maintenant!
Il y a aussi une version qui affiche une barre horizontale en haut du blog.
Je trouve que mettre trop de choix encombre la page. Je me focalise personnellement sur Facebook, twitter et g+. Il me semble que ceux sont eux qui apportent le plus de vues. A trop se dipserser on perd des heures de travail sur les réseaux sociaux sans avoir un apport en page vue comparable.
@Julien Arcin: pour google +1 il faut passer par un autre plugin car sharebar ne le propose pas.
sinon je l’ai tester sur mon blog mais a l’activation j’ai un message d’erreur ( peut être que ma version de wordpress est trop ancienne ? )
Il me semble qu’on peut manuellement rajouter des boutons.
Il faut cliquer sur add new button > et ensuite rajouter le code du bouton.
Peut être que je devrais écrire un article invité la dessus
Pas mal comme rendu, je vais peut être essayer de l’installer sur un de mes blogs, mais j’ai toujours peur de tout casser quand je touche à quelques chose sur mes blogs, c’est d’ailleurs pour ca qu’ils ne changent que très rarement…
Je ne connaissais pas ce plugin WP de partage sur les réseaux sociaux, qui a l’air vraiment simple et complet à la fois. Merci pour ce petit tutoriel d’accompagnement !
Pour ma part j’utilise le plugin « Sociable » sur mon site http://www.gta5.tv qui est également personnalisable de A à Z et très complet
Je n’aime pas du tout Sharebar.
Ni sociable d’ailleurs, ainsi que tout autre plugin de partage.
Meme si en vrai, ma barre de partage ( entièrement codée à la main -> y’a plein de tuto la dessus ) déconne un peu sur le bouton » j’aime » parce que je n’ai pas eu le temps de m’y repencher dessus, clairement, la puissance serveur que ça bouffe en moins, c’est juste abusé. Plugin is evil.
Et puis, l’expérience pratique démontre que si le lecteur veut partager, il partagera dés l’instant ou le bouton adéquat se trouve dans le coin.
Enfin, le problème des médias sociaux, c’est toujours ça… Ton bouton sera peut-être toujours sur ta page, mais ça n’augmente pas vraiment ton taux de clic. ( En tout cas, pas chez moi. ) Après, peut être que pour toi, ça marche. Et j’en serais ravis.
Ps : N’oublie pas de corriger le bug de ton bouton twitter cher voisin ! ( J’ai posté sur le sujet ici : http://www.webentrepreneurdebutant.fr/forum/bouton-twitter-t3497.html. Voilà
)