sept
4

Comment insérer une barre de partage dynamique grâce au plugin Sharebar?



Vous l’avez remarqué :

Depuis quelques jours, j’ai ajouté une barre de partage. Sur la gauche.

Elle m’a été conseillée par Daouda du blog Travail-Indépendant.biz, et je vous la recommande à mon tour.

Cette barre est intéressante, car elle reste toujours visible. Histoire de rappeler à vos visiteurs de partager vos articles :)

Voici comment insérer cette barre sur votre blog, et la configurer.

sharebar, plugin, wordpress, barre de partage, réseaux sociaux, ajouter google plus à un blog, google +1
Boostez votre trafic avec Sharebar

De quel plugin s’agit-il? Et comment le configurer?

Pour ajouter cette barre, il suffit d’installer le plugin: ShareBar.

Si vous ignorez comment ajouter un plugin sur votre blog wordpress, lisez cet article : Installer un plugin wordpress, la méthode pas-à-pas.

Une fois installé et activé, cliquez sur « Sharebar » dans le menu « Réglages » :

sharebar, plugin, wordpress, barre de partage, réseaux sociaux, ajouter google plus à un blog, google +1
Sharebar

Vous pouvez maintenant le configurer.

Comment configurer le plugin Sharebar?

L’écran de réglage de Sharebar devrait ressembler à ceci :

sharebar, plugin, wordpress, barre de partage, réseaux sociaux, ajouter google plus à un blog, google +1
Configuration de Sharebar

Vous pouvez changer la position des boutons en cliquant sur les petites flèches.

De même, les boutons marqués en gris (ci-dessus, Facebook et Buzz) sont désactivés.

Pour activer ou désactiver un bouton, cliquez sur « Edit » :

sharebar, plugin, wordpress, barre de partage, réseaux sociaux, ajouter google plus à un blog, google +1
Ici, Google Buzz est grisé, donc désactivé

Puis cochez la case « Enabled », comme indiqué ci-dessous :

sharebar, plugin, wordpress, barre de partage, réseaux sociaux, ajouter google plus à un blog, google +1
Cochez la case « Enabled » pour activer le bouton

À l’inverse, si vous voulez désactiver un bouton de partage, il suffit de décocher la case « Enabled ». Tout simplement.

Vous pouvez également ajouter d’autres réseaux sociaux ou outils de partage. Comme, par exemple, Google Plus.

Comment intégrer le bouton Google Plus dans votre Sharebar?

Pour installer un bouton Google Plus, il suffit de récupérer le script. Et de le copier/coller dans Sharebar. Vous allez voir, c’est très facile.

1. Récupérer le script Google +1

Rendez-vous sur cette page de Google Webmarster.

Choisissez une taille de bouton Google Plus (j’ai choisi Grand). Puis sélectionnez votre langue.

Vous pouvez maintenant récupérer le code, comme indiqué ci-dessous :

sharebar, plugin, wordpress, barre de partage, réseaux sociaux, ajouter google plus à un blog, google +1

Récupérer le code Google +1

Vous devez maintenant intégrer le bouton Google +1 dans votre Sharebar.

2. Intégration dans Sharebar

Pour cela, cliquez sur « Add New Button », comme ci-dessous :

sharebar, plugin, wordpress, barre de partage, réseaux sociaux, ajouter google plus à un blog, google +1
Ajouter un nouveau bouton dans Sharebar

Remplissez ensuite le formulaire, comme suit :

1. Donnez un nom au bouton. Ici, j’ai mis Google Plus.

2. Indiquez sa position dans la barre. Vous pourrez la modifier par la suite.

3. Cochez la case « Enabled ».

4. Collez le code Google Plus.

5. Cliquez sur « Update Button »

Voici la copie d’écran :

sharebar, plugin, wordpress, barre de partage, réseaux sociaux, ajouter google plus à un blog, google +1
Installer Google Plus dans Sharebar

Et voilà, Google +1 est dans votre Sharebar.

Il vous reste maintenant à faire quelques petits réglages, que voici :

Les réglages de Sharebar

Dans le menu du haut, cliquez sur « Settings ».

sharebar, plugin, wordpress, barre de partage, réseaux sociaux, ajouter google plus à un blog, google +1, configurer sharebar
Le panneau Settings de Sharebar

Les 2 premières cases à cocher correspondent à :

1. Ajouter automatiquement Sharebar aux articles

2. Ajouter automatiquement Sharebar aux pages.

Personnellement, j’ai décoché les pages.

Passons à la suite…

sharebar, plugin, wordpress, barre de partage, réseaux sociaux, ajouter google plus à un blog, google +1
Configurer Sharebar

Sharebar Position permet de choisir entre positionner la barre à gauche (left) ou à droite (right). Elle est à gauche par défaut.

Les valeurs « Left offset » et « Right offset » servent à déplacer la barre plus à gauche, ou plus à droite.

Ensuite, il ne vous reste plus qu’à indiquer votre Twitter, comme ci-dessous :

sharebar, plugin, wordpress, barre de partage, réseaux sociaux, ajouter google plus à un blog, google +1
Le menu Customize

Vous pouvez aussi changer la largeur de votre Sharebar en modifiant la valeur de « Sharebar Width ».

Voilà !

Votre Sharebar est configurée.

22 Commentaires pour “Comment insérer une barre de partage dynamique grâce au plugin Sharebar?”

  • Sié Issa@Business-Efficace.com 4 septembre 2011 à 13 h 11 min

    Merci Cédric pour le plug in que tu viens de nous montrer.
    C’est une très bonne chose car à chaque instant les visiteurs seront en contact visuel avec les boutons de partage.
    Ainsi, il y a plus de probabilité qu’ils partagent vos articles.

    Bon dimanche à tous,

    Sié Issa

  • Mokhtar 4 septembre 2011 à 13 h 27 min

    Merci pour ce tutoriel très utile ! Je pense aussi que les boutons de partage en bas de chaque article peuvent être efficaces eux aussi sans être trop intrusifs

  • Mokhtar 4 septembre 2011 à 13 h 30 min

    Sil vous plait j’ai trouvè une erreur dans le classement des top commentateurs du mois , il ya mon nom deux fois et a chaque fois il ya 3 commentaire donc ca devrait etre comptabilisè 6 commentaires . Je vous prie de corriger cette erreur

  • Daouda@Travailleur indépendant 4 septembre 2011 à 13 h 43 min

    Salut Cédric.

    Je t’ai fait découvrir le plugin « Sharebar » par contre toi tu me fais découvrir comment installer « Google Plus » dans ce plugin, merci ! :)

    Daouda

  • Emilie 4 septembre 2011 à 15 h 44 min

    Bonjour Cédric,

    C’est fait ! :-).

    Merci beaucoup pour ce tutoriel.

    Emilie.

  • Arnaud@création site internet 4 septembre 2011 à 17 h 46 min

    Merci beaucoup pour ce plugin, ça va bien me servir pour les réseaux sociaux :)

  • Arnaud@création site internet 4 septembre 2011 à 17 h 46 min

    Merci beaucoup pour ce plugin, ça va bien me servir pour les réseaux sociaux :) !

  • gwenael de formeetminceur.net 4 septembre 2011 à 17 h 52 min

    peut-on insérer ce pluging sur un site internet ?

  • Davy@Webmarketing 4 septembre 2011 à 18 h 37 min

    Mon attention a été retenu, par la fonctionnalité qui permet d’ajouter des boutons supplémentaires. Ca veut dire que les possibilités sont illimités, tu peux aussi rajouter le linkedin par exemple.

    Très intéréssant, il y a un plugin similaire sur Mashable, ce n’est pas pour rien! Une petite question, ton retour sur le plugin est plutôt positif? Y a-t-il plus de partage globalement? Le plugin me tente bien …. ! C’est vrai que ça permet de profiter d’un espace sous exploité, pour mettre en avant autre chose, un lien,n un formulaire, des articles similaires …

  • business-conception 5 septembre 2011 à 8 h 25 min

    Salut cédric,

    intéressant comme petit plugin, l’intégration a l’air simple et les fonctionnalités sont sympa puisque infinies.

    Par contre je ne suis pas un grand fan de l’intégration de plugins vis à vis de la sécurité du blog. Donc comme pour Davy, si tu peux nous donner un retour sur installation (pas forcement maintenant parce que ça ne doit pas être très représentatif) mais dans quelques temps :)

    Par contre attention, le plugin n’est pas compatible visualisation iPhone et iPad et décale les éléments de ton site. Même si c’est pas la priorité, c’est toujours bien de le savoir :)

    Merci à toi

  • Christian@conseils jardin 5 septembre 2011 à 10 h 38 min

    Bonjour,

    ca a l’air sympa ce plugin, mais sur mon PC (avec IE8) je ne voie rien s’afficher à gauche de tes articles. Pas de Sharebar, et ni sur le site de Daouda.

  • Thierry Valker@business-marketing-internet 5 septembre 2011 à 11 h 21 min

    Salut Cédric

    Intéressant comme plugin.

    Mais de mon PC, je ne vois que la moitié de la barre. Elle est coupé.
    Je ne vois que le « eet », la moitié du rond google et le « me » du bouton facebook.

    Je suis le seul ?

    • Mokhtar 5 septembre 2011 à 16 h 26 min

      Non tu n’est pas le sur Thierry d’ailleurs j’ai vu cette barre sur un autre blog et je vois la meme chose . Cela est peut-être dut a un défaut de programmation du plugin ..

  • judicael@astuces-economies 5 septembre 2011 à 18 h 11 min

    Bonjour,

    Super, justement je me posais la question en voyant cette barre depuis quelques jours. Je vais m’empresser de l’adopter également sur mon blog.

    Merci pour l’info

  • Gonzague 6 septembre 2011 à 15 h 01 min

    Bonjour
    Merci pour cette info. Je ne connaissais pas ce plugin intéressant et pratique puisqu’il rassemble plusieurs plugin en un seul .Je vais aller désinstaller mes deux plugins like et tweetmeme et installer celui là à la place.

  • Aurélie 6 septembre 2011 à 22 h 24 min

    Vraiment très enrichissant, vous êtes un blogueur très qualifiés.Aussi, j’ai partagé votre site sur mes réseaux sociaux !

  • David@outils d'affiliation 9 septembre 2011 à 3 h 31 min

    Merci Cédric,
    Daouda te conseilles, et tu en fait un article excellent, et il en apprends encore plus … j’adore !

  • Thomas@mauvaise haleine 11 septembre 2011 à 21 h 17 min

    Merci pour ce tuto, le plugin a l’air sympa. Mais la question que je me pose : Est-ce vraiment efficace ? Est-ce que ça ne suffit pas de simplement mettre ces boutons en fin d’article ?

    Et le plugin est payant, non ? Il me semble que sur la version gratuite on ne peut choisir l’emplacement et un lien vers le plugin est intégré d’office.

  • Ali@La Fatigue 7 mars 2012 à 19 h 31 min

    Excellent !

    Merci Cédric pour ces explications claires et précises, je vais de ce pas l’installer sur mes blogs :)

    Et merci également à Daouda….

  • Matthieu@Déguiz blog 11 juillet 2012 à 21 h 58 min

    Merci pour l’astuce, je l’ai suivi à la lettre et j’ai pu ajouter le bouton Google + sans problème.
    Merci.
    J’ai conservé comme vous Twitter et Facebook d’origine seulement.

  • Jeremy@Infos Bâtiment Energie 30 juillet 2012 à 11 h 43 min

    Bonjour Cédric,

    Très bel article.
    Personnellement, j’ai installé ce plugin en deuxième car je le trouve très utile et dynamique.
    J’espère qu’il boostera mes visites et mon référencement.

    Bonne continuation et merci à Daouda pour le partage !

  • Mikael@wikoaching 3 octobre 2012 à 5 h 43 min

    Le plus drôle c’est que je n’avais jamais vu cette barre. Elle n’apparait que sur quelques millimètres à gauche de l’écran et est chez moi totalement inutilisable.

    Pour info j’utilise Firefox sous Ubuntu Linux

Postez un commentaire

Ce site utilise KeywordLuv. Écrivez "VotrePrénom@Votre Mot-Clé" dans la case Prénom.

Notifiez-moi des commentaires à venir via email. Vous pouvez aussi vous abonner sans commenter.