Comment ajouter un bouton Twitter sur mon site ?
Twitter, 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 :
- en utilisant du code Javascript,
- 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 :
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.
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.
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.
@TOny: si,il y a un bouton « suivre » sur https://about.twitter.com/fr/resources/buttons#tweet
Bonjour,
Pour compléter cet excellent article, voici le lien pour choisir ces bouton twitter:
https://twitter.com/about/resources/buttons#tweet
Cdlt,
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.
Bonjour,
c’est un bouton share/partagé, mais il n’y à pas d’autre bouton ? Du style suivre ?
Merci d’avance.
merci beaucoup, j’ai fait couper coller et ça marcher…
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[…])
super simple, il n’y a qu’à copier la ligne et ça marche !
Merci !