Nouveaux Boutons officiels de partage pour Twitter

Twitter a enfin sorti des boutons officiels de partage qui sont bien sûr compatibles avec Blogger et qui offrent des nouvelles fonctionnalités très intéressantes.

Les nouveautés

  • Au niveau du design, les boutons sont identiques à ceux de TwitterMeme (même Facebook les avaient copié) avec plusieurs format (vertical, horizontale, avec ou sans compteur)
  • On peut ajouter notre pseudo Twitter pour être notifié des ReTweet mais aussi, et c'est la seule grande nouveauté, si quelqu'un utilise le bouton pour partager un lien, Twitter va lui proposer automatiquement jusqu'à deux comptes à suivre : vous pouvez définir ces deux comptes.
Le concept est intéressant mais la mise en place pas encore réussie.
  • Les boutons utilisent un raccourcisseur d'URLs fait maison : t.co
  • Les boutons sont disponibles en Français et au lieu de Tweet on a : Tweeter
  • En cliquant sur le compteur des ReTweets, un nouvel onglet s'ouvre et on peut voir une liste des personnes qui ont partagé le lien

Comment installer les boutons dans Blogger

ça sera exactement comme pour les autres boutons de partage dont on a déjà parlé sur LeBlogger.com, Il vous suffit de copier le code du bouton que vous voulez utiliser :

Format vertical avec compteur (standard)



<a class='twitter-share-button' data-lang="fr" data-count='vertical' data-related='VotreCompteTwitter:LeBlogger' data-via='VotreCompteTwitter' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>

Format horizontale avec compteur



<a class='twitter-share-button' data-lang="fr" data-count='horizontal' data-related='VotreCompteTwitter:LeBlogger' data-via='VotreCompteTwitter' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>

Format horizontale sans compteur



<a class='twitter-share-button' data-lang="fr" data-count='none' data-related='VotreCompteTwitter:LeBlogger' data-via='VotreCompteTwitter' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>

Votre propre style

Twitter vous permet de personnaliser completement le bouton, il faut juste avoir quelques base en matière de CSS.
<style type="text/css" media="screen">
  #custom-tweet-button a {
    display: block;
    padding: 2px 5px 2px 20px;
    background: url('http://a4.twimg.com/images/favicon.gif') left center no-repeat;
    border: 1px solid #ccc;
  }
</style>
<div id="custom-tweet-button">
  <a href="http://twitter.com/share?url=http%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button" target="_blank">Tweeter cet article</a>
</div>

Vidéo de démonstration


Qu'est ce que vous pensez de cette nouveauté? allez vous remplacer vos anciens boutons ?
chez moi, c'est déjà fait.
23 Commentaires
  1. merci bcp soufian ..
    je viens de le mettre sur mon site ..
    ça marche très bien

    RépondreSupprimer
  2. Chez moi aussi c'est déjà fait même si mon blog est en construction en ce moment c'est bien d'avoir les dernières nouveautés :)

    RépondreSupprimer
  3. Arg ! Je n'ai pas accès à Twitter du bureau...

    RépondreSupprimer
  4. Enfin! Fini les problèmes de décomptes pour mes tweets! Je peux voir le nombre RÉEL de tweets merci!!! :D

    RépondreSupprimer
  5. @Nicolas
    Pareil ici, en 3G on est très limité

    RépondreSupprimer
  6. @Alex
    Oui, il arrive à comptabiliser les anciens Tweets quelque soit le raccourcisseur d'URLs utilisé

    RépondreSupprimer
  7. merci soufian moi aussi je l ai ajouter dans mon blog

    RépondreSupprimer
  8. Bon, au final je pense que je vais remettre les boutons TweetMeme.
    Le bouton Twitter ne publie pas tout le titre lorsqu'il y a des accents

    RépondreSupprimer
  9. Je vois, c'est donc à éviter comme bouton de partage ?

    RépondreSupprimer
  10. @Korbak
    Niveau personnalisation, c'est vachement mieux que tous les autres boutons, on peut faire tout ce qu'on veut et il y a une excellente documentation.

    Mais essai de partager cet article Événement : Blogger-France a traduit l'interface des Statistiques et tu vas voir qu'il y a un petit problème avec le titre.

    Je vais voir si on ne peut pas résoudre ce petit problème.

    RépondreSupprimer
  11. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  12. Je vais voir un peu plus tard , je dois d'abord me faire un compte tweeter tout d'abord je vais vérifier pourquoi mon favicon est redevenu celui de blogger. Le code est bon et bien placé , enfin sans doute (encore) un bug de la part de blogger u.u

    http://kor-bak.blogspot.com/

    RépondreSupprimer
  13. Salut Soufiane, Bizarement quand je tweet un article je nest pas le racourcisseur d url ? Pourquoi ?

    RépondreSupprimer
  14. je vient de me rendre compte que le compteur ne fonctionne pas

    RépondreSupprimer
  15. @Basto
    Si, il fonctionne mais il comptabilise un peu n'importe comment les tweets (c'est pareil chez les autres.

    Je viens de tester dans ton blog et ça fonctionne bien !

    RépondreSupprimer
  16. @Korbak
    Vérifie aussi hébergement ??

    RépondreSupprimer
  17. Merci Soufiane et a propos des racourcisseur d url ?

    RépondreSupprimer
  18. Oh my goodness, I am so out o the loop! I saw these new RT buttons on blogs and have used them to RT- but when the little window popped up with the tweet, I did not know it was a twitter-based app, and I wondered why unlike tweetmeme there was no "cancel" or "deny" option, as I typically never allow outside apps access to my twitter account. So everytime the window popped up with the link, I simply copied and pasted it into twitter myself! Ha ha. Now I know! I will be adding the new tweet button to my blog. I can't believe that twitter hadn't created one of these before. So long tweetmeme I guess! Thanks for letting me know!

    RépondreSupprimer
  19. @Lauren
    Hahaha You're crazy, I'm sure u missed some new features that Blogger added lately ^__^

    RépondreSupprimer
  20. Salut, et merci pour tous les TIP, ton site est vraiment géniale et une énorme source d'aide et d'idées ;)

    Alors mon soucis: j'ai les boutons twitter et facebook (déjà présent dans la template que j'ai téléchargé) et enfaite j'écris un article il y a un décalage avec ces boutons, hum je ne suis pas très clair... un visuel sera plus clair:
    http://play-and-fun.blogspot.com/2010/08/ff-xiv-online-contenu-de-ledition.html

    Merci d'avance ;)

    RépondreSupprimer
  21. Bonsoir,
    Le bouton fonction bien mais j'ai un souci quand je clique sut le bouton le message qui s'affiche c'est le titre de mon site au lieu de l'article donc le message twitter est beaucoup trop long et impossible de l'envoyer. Vous avez une solution ? MERCI

    RépondreSupprimer
  22. Bonjour,
    je viens de m'inscrire sur Blogger, mon blog est encore en "construction", et j'essaye donc de me familiariser avec le modèle.
    j'aimerais savoir ou dans le modèle, faut il placer les liens pour le format horizontale avec compteur ?
    Merci :)

    RépondreSupprimer
  23. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer

Copyright 2015 Soufiane.fr