Procédure vidéo : Comment faciliter le partage de vos articles sur les médias sociaux

Vous l’avez remarqué sur ce blog, j’ai rajouté dernièrement une barre de "partage" (Sharebar) qui s’affiche normalement en permanence à l’écran, pour que vous puissiez partager l’URL de l’article en cours avec vos amis et connaissances sur les médias sociaux.

Je vous explique dans la vidéo d’aujourd’hui comment installer et paramétrer cette barre de partage dans un premier temps, mais surtout comment régler les différents petits soucis que l’on rencontre lors de son utilisation.

social network of African American businesswoman

Ensuite, vous avez certainement remarqué également une sorte de copie de cette barre, (format horizontal), qui se trouve au bas de chacun de mes articles, et qui fait office de "bloc de partage".

C’est une création personnelle que je vous propose d’utiliser également pour votre blog, afin d’augmenter le partage de vos articles.

Dans la vidéo du jour, vous allez apprendre comment utiliser les scripts de la Sharebar pour personnaliser ce bloc de partage avec les boutons que vous voulez.

Un certain nombre de codes et de fichiers sont disponibles au bas de cette page. Je vous explique dans la vidéo comment ils vont vous servir.

Ressources à copier ou à télécharger

Le fichier à inclure à la fin de votre article (renommer le fichier en l’appelant comme suit : bloc-partage.php) :

Téléchargez bloc-partage.txt

Le code de Google+1 pour le gros bouton :

Le code de Google+1 pour le petit bouton :

Le code pour le bouton TweetMeme :

Le code pour le bouton Like de Facebook :

Notez que pour le bouton TweetMeme et le bouton Like de Facebook, cela fonctionne même si les deux plugins correspondants ne sont pas installés sur votre blog (toujours ça de gagné).

Si vous avez des questions, n’hésitez pas !

Précédent

Est-ce que ce genre de mésaventure peut aussi vous arriver sur Internet ?

Suivant

Les vidéos du dimanche : C’est bon, mais c’est… violent :)

  1. Salut Yvon,

    Sur mon portable, la sharebar apparait à gauche de l’écran. Mais on ne la vois qu’à moitié.

    Voila, je tenais à te le signaler. (j’ai FireFox).

    Bon week-end.

    PS : Sur un PC avec IE, c’est encore pire.
    Sinon bravo et merci pour cette nouvelle procédure.

  2. BK

    Salut Yvon,

    Scuse mon ignorance crasse en la matière, mais j’avais cru comprendre que ces boutons de partage étaient intégrés d’office dans les thèmes Elegant-themes.

    Est-ce le cas, ou faut-il quand même bidouiller, notamment pour faire le block ?

    Bernard

    • Salut Bernard

      En fait, je ne sais pas s’ils sont dans Elegant thème. Mais ce que je sais, c’est que l’avantage du Bloc, c’est que tu peux utiliser le copywriting pour encourager tes lecteurs à partager. Tu peux aussi le personnaliser autant que tu veux. Avec de nouveaux réseaux, des diggs, etc…

      Bref, l’idée, c’est de regrouper les icônes de partage au même endroit, et de rendre ce bloc ACTIF.

      Je ne l’ai peut-être pas assez fait passer dans l’article ou dans la vidéo.
      Mais le but est réellement ça.

      Bonne journée

      Yvon

      PS : Ca peut rester une solution de secours EN PLUS ;)

      • Bonjour Yvon,

        Ah ben je pensais faire une vidéo sur ce plugin… tu m’as devancé :super:

        Ce plugin est très pratique et vraiment utile tout en restant assez discret quand on est plongé dans la lecture d’un article.

  3. Yvon, c’est royal !

    Tu n’imagines pas le temps que tu me fais gagner : hier soir j’envisageais un genre de bricolage de ce type à partir d’une autre sharebar que celle-ci mais le temps que j’aille fouiller dans les codes pour essayer de comprendre comment ça fonctionne… bref, j’ai fait toutes les configs en moins d’une demi-heure avec quelques petits aménagements et sans migraine ! :super: :super: :super:

    Du coup j’ai pu aussi désactiver au moins 4 plugins en rassemblant tout dans celui-ci, j’aime ça, c’est plus compact avec moins de risques de conflits… 8))

    Un immense MERCI, you made my day ! :beer:

    Alexandra

  4. Bonjour Yvon,

    Je voudrais savoir si on n’a pas de compte
    twitter, est ce que le partage se fait-il sur
    ce réseau ?

    Autrement dit, est-il avantageux pour notre
    blog de laisser le bouton de twitter si on ne
    possède pas de compte twitter…

    • Bonjour Jean Hugues

      Hé bien en fait, je ne vois pas pourquoi ça ne fonctionnerait pas. Ce bouton tweetmeme ne se paramètre pas. C’est juste celui qui partage qui doit indiquer son compte, donc, dans l’absolu, si tu n’as pas de compte twitter, tu peux quand même le mettre. Tu n’auras que l’avantage du trafic.

      • c’est la personne qui partage l’article qui doit avoir un compte twitter, facebook, ou google+ , pas obligatoirement celui qui écrit l’article…

        • Merci Yvon et olivier
          pour vos réponses.

          Pars ailleurs, le fait que certaines personnes
          ne voient pas les boutons du fait que la
          résolution de leurs écrans sont trop faibles,
          me fait penser à ce conseil d’un webmaster
          qui disait:

          « Pour une bonne optimisation de votre
          site et que le lecteur n’ait pas à déplacer
          de barre pour lire ce qui se trouve sur
          votre site, la largeur de votre page ne
          doit pas dépasser 770 px »

  5. Vraimment super, merci !

    Eric

  6. Bonjour Yvon et toutes-tous,

    Je n’en reviens toujours pas de ta générosité, Yvon !

    Pour une fois, mon commentaire sera ultra court :

    Merci !

    Bien amicalement,

    Elena.

  7. Bonsoir Yvon,

    Sorry de réagir si tardivement à ton article. Je l’avais vu passer il y a 2 semaines, et n’ayant pas eu beaucoup de temps à ce moment là, je l’avais précieusement gardé dans ma liste de lectures.

    Je tenais à te remercier graaandement. Si j’utilisais déjà la Sharebar « classique », ça faisait des semaines que je recherchais un social plugin qui puisse s’intégrer comme je le souhaite à la fin des articles… en vain jusqu’à ce que je tombe sur cet article. Merci donc de m’avoir fait gagner un temps fou ! :super:

    Après quelques triturations dues au fait que j’utilise un thème réalisé avec Artisteer, j’ai finalement obtenu le résultat souhaité. Et j’avoue que ça claque bien ! :haha:

    Si je puis me permettre une suggestion par rapport à ta vidéo : je pense sincèrement que tu peux lâcher Google Buzz. Il y a fort à parier que le bouton Google +1 le remplace définitivement d’ici peu. Mais j’avoue que je le trouve aussi assez joli ;)

    Encore une fois bravo et merci pour la qualité de tes articles, qui constituent une source d’inspiration inépuisable… et qui contribuent souvent aussi à me donner un bon coup de pied au *** dans le développement de mon blog :evil:

    Au plaisir de continuer à te lire,

    David.

    • Bonjour David

      Merci pour ton intervention. Et tant mieux si tu as pu trouver ton bonheur.

      Pour ton conseil sur Google Buzz, c’est bizarre :)
      Je suis justement en train d’écrire un article à ce sujet (mon article qui va paraitre dans 3 heures 30) où justement je dis que je l’enlève de mon blog pour cause d’inutilité flagrante.
      Comme quoi, c’est la confirmation qui manquait :D.

      Merci et bonne… journée !

      Yvon

  8. Que dire ?
    Oui ! réellement, un très bon article avec une vidéo plein de détails avec lesquels on ne peut que réussir à placer nos liens pour le partage sur les réseaux sociaux.
    J’en profite pour signaler que Buzz de Google est abandonné et va être clôturé dans les 2 semaines à venir.

    Un grand merci à toi Yvon pour cet article et cette vidéo qui m’ont permis d’aboutir, en effet le thème WP que j’utilise ne veux rien savoir avec le plugin Sharebar.

    Ce sera un plaisir d’autres articles que tu difusseras.

    • correction de la dernière phrase :
      Ce sera un plaisir de lire les autres articles que tu diffuseras.

      PS : David avait bien vu le devenir de Buzz. Bravo !

  9. Bonjour Yvon et merci

    Pour le probleme des puces peut on avoir une petite indication sur la modification, j’ai bien compris que cela se passe dans le fichier sharebar.css mais apres je seche !!!

    • Bonjour Loic

      En fait, au lieu de mettre ul et li, mets « p » et « /p » (bien sûr tu rajoute les < ) Ca enlèvera les puces de ton thème. Yvon

      • voila ce que je vois

        body ul#sharebar li { display: block; margin: 5px; padding: 0; overflow: hidden; text-align: center; }
        body ul#sharebarx { display: none; list-style: none; width: 100%; float: left; margin: 0 0 10px; padding: 0; }
        body ul#sharebarx a { line-height: 14px; text-decoration: none; }
        body ul#sharebarx li { float: left; margin-right: 20px; line-height: 18px; }
        body ul#sharebarx li .st_email { margin: 0 15px !important; }

        Désolé yvon mais je ne sais pas comment mettre en forme le « p » et « /p »

        Si tu avais 1 petites seconde pour m’indiquer la ligne de code !

        oui je c j’abuse ! :)

  10. Merci pour les codes, j’avoue que j’allais chercher longtemps sinon!
    Bonne continuation ;)

  11. Karym

    Merci Yvon,

    Je viens d’appliquer ta procédure avec succès alors que je ne m’en croyais pas vraiment capable. Cela montre a quel point ton tutoriel est excellant !

    T’es un chef ! ;)

  12. Merci pour ce tuto vidéo, j’aurais aimé savoir comment faire pour installer la sharebar sur toutes les pages d’un site ?

    • En fait, elle est présente sur toutes les pages d’un blog si c’est un plugin.
      Après sur un site, il suffit d’appeler systématiquement le même header sur toutes tes pages, et de mettre le code de ta sharebar dans ce header.

      • mark

        Salut Yvon !
        Super Article je cherche moi à supprimer la sharbar sur ma home et mes pages rubriques? Peux tu m’aider à solutionner ce problème ?

  13. Salut Yvon,

    « Vieux motard que jamais… » :hin: , je viens de faire la manip.

    Merci !

  14. Bonjour Yvon,

    Merci pour cette vidéo très instructive.

    Petite question : est-il possible de ne mettre que le bloc de boutons « sharebare » en fin d’article sans qu’il n’apparaisse dans la colonne de gauche ?

    Pour le code à ajouter, est-ce bien
    ?

    Sans vouloir abuser de votre temps, j’ai une « bête » question à vous poser : je lis et mets en pratique votre « Petit Traité de Trafic Web » et j’ai un problème pour cliquer sur les liens. Quand je passe le curseur sur le lien, il y a « Uri: http etc » qui clignote mais je n’arrive pas à ouvrir le lien directement. J’ai essayé bouton gauche, touche Ctrl et cela ne marche pas. Je dois donc recopier le lien manuellement mais comme l’affichage clignote, ce n’est pas facile. Quel est le bouton magique pour que le lien s’ouvre directement ?
    Merci beaucoup,
    Pascale

  15. Bonjour Yvon,

    Merci pour ce tuto qui m’a permis de finaliser l’installation de cette sharebar.

    Je n’ai, par contre, pas bien compris la dernière partie de la vidéo lorsqu’il s’agit d’aller dans le code php des fichiers.

    Cordialement.
    Richard

  16. sandie60

    Yvon,

    En voulant installer tweetmeme, je m’aperçois que c’est le même bouton que tweeter, est-ce-normal ?

    J’ai pourtant bien installé le code : tweetmeme_url = ‘[url]’;

    De plus, Google + ne s’affiche pas, cela doit être une question de paramétrage ? pouvez vous m’aider ? :super:

    Merci pour votre retour.

  17. Yvon,

    Voilà j’ai tout fait la procédure malheureusement je ne peux introduire le bloc-partage.php car quand j’arrive sur la page article seul (single.php) ; je n’ai pas la mention « php the_content ».

    J’ai bien essayé de le rajouter mais cela ne fonctionne pas. Pouvez-vous m’aider ?

    Merci pour votre retour.

    Sandrine

  18. Bonjour Yvon

    Je t’ai envoyé il y a 2 jours un message au travers de la page contact signalant que mon bouton « Tweeter » avait disparu de mes deux blocs, en te signalant aussi qu’il y avait le même problème sur ce blog.

    Tu as rétabli ce bouton ici même.

    N’étant pas moi-même une professionnelle de l’informatique, serait-il possible de savoir ce qu’il faut faire pour rétablir ce bouton.

    Un très grand merci en espérant que tu apercevras mon petit message.

    Sinon, je fais appel aux autres utilisateurs de sharebar. Avez-vous eu le même problème et comment faites-vous pour y remédier ?

    Merci !

    Elisabeth

Laisser un commentaire

;) :super: :red: :hin: :haha: :evil: :cry: :coeur: :cafe: :beer: :D :?: :-z :-x :-o :-P :-? :) :( 8))

Créé et géré avec par Yvon CAVELIER