picture picture

Comment ajouter un bouton Twitter sur mon site ?

Logo TwitterTwitter, on adore ou on déteste, mais c’est un duplicateur d’audience incontournable pour les sites.

Le principe : un petit bouton qui permet à tout utilisateur qui a aimé une page de votre site d’en envoyer l’URL simplifiée sur les fils de Tweet en un seul clic : génial…

Le bouton Twitter peut être inséré de façon valide sur un site de 2 manières différentes :

  1. en utilisant du code Javascript,
  2. ou avec une ligne de code HTML personnalisée

Par défaut, les liens partagés en utilisant twitter.com/share utilisent http://t.co pour effectuer la réduction d’URL.

En javascript :

C’est la façon la plus simple et la plus rapide d’intégrer le bouton Tweet sur votre site :

<div><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script><a href="http://twitter.com/share" data-lang="fr">Tweeter</a></div>

Ce qui donne :

Cliquez sur le bouton, entrez vos identifiants > [OK], et c’est tout, vous avez créé un tweet (merci pour la pub Web Tolosa :tongue: ) !

En HTML

Cette solution vous permet d’insérer des bouton personnalisés. Le site Twitter en propose dans sa section goodies (noir, bleu ou blanc). Voici le code HTML pour personnaliser son bouton :

<a href="http://twitter.com/share" target="_blank" rel="external"><img src="http://twitter-badges.s3.amazonaws.com/t_logo-a.png" /></a>

Ce qui pourra donner par exemple ce type de bouton :

10 Responses to “Comment ajouter un bouton Twitter sur mon site ?”

10 Commentaires

  1. macoupc dit :

    Bonjour

    Merci pour ces infos. Je cherchais un caractère twitter intégrable dans un texte comme un caractère spécial, plutôt qu’une image pour que, quelle que soit l’échelle, ça ne pixellise pas. Une idée ?

    Ce serait comme ⧉ ⧯ ✪ ☛ ☁︎ ☂ ☀︎ ce genre de pictogrammes mais avec le logo twitter et le logo facebook. À chaque recherche sur le net je tombe sur les emojis à utiliser sur facebook mais pas les pictogrammes facebook ou twitter en eux-mêmes et surtout en caractère et non en image !!!

    Merci pour vos idées si vous en avez.

  2. webtolosa dit :

    Pas à ma connaissance. Ce n’est pas la même fonction, ce que tu cherches est plutôt un affichage de fil RSS du fil de ta page (avec extraction d’une image), là il s’agit d’un bouton de connexion à Twitter.

  3. Guy Leboutte dit :

    Merci pour votre article, qui me sert bien.
    Cependant, j’aimerais que le tweet mention la première (parfois la seule) image de ma page.
    Est-ce possible?
    D’avance merci.

  4. David dit :

    Bonjour,

    Pour compléter cet excellent article, voici le lien pour choisir ces bouton twitter:
    https://twitter.com/about/resources/buttons#tweet

    Cdlt,

  5. isim dit :

    Je n’arrive toujours pas à installer le bouton « Twitter » et « Facebook » sur mon blog (Blogspot) il affiche soit:
    -L’URL contient des caractères non autorisés… pour « twitter »
    -L’entrée doit contenir au plus 2 052 caractères… pour « Facebook »

    Vivement que vous m’aidez à résoudre ce problème.

  6. TOny dit :

    Bonjour,
    c’est un bouton share/partagé, mais il n’y à pas d’autre bouton ? Du style suivre ?
    Merci d’avance.

  7. merci beaucoup, j’ai fait couper coller et ça marcher…

  8. Ok, merci pour les explications. Mais comment attribuer automatiquement les paramètres url et text (en php) pour un contenu dynamique (en fonction des paramètres $_GET[…])

  9. Pat dit :

    super simple, il n’y a qu’à copier la ligne et ça marche !
    Merci ! :smile:

Commentaire

Name

Mail (ne sera pas publié)

Website

Laisser ces deux champs tels quels :
:D :-) :( :o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: