Twitter : Bouton Tweeter / Tweeter button

Par – Publié le
Bouton Twitter

Le bouton Tweet de Twitter, configuration pour Blogger, validé HTML5.
Diverses configurations pour les modèles standards, dynamiques, éditeurs HTML standards, gadgets AddToBlogger.
Raccordement de l'url de l'article, de la page courante, du blog, ou à une simple adresse web.
Choix de la taille et du format.
Divers réglages : Langue, alignement, hashtags, CSS personnalisés, etc.

En obtenant et en utilisant des plugins Twitter, vous acceptez les conditions d'utilisation de Twitter.

Présentation du bouton

- Français Japonais Chinois
Normal
Large

Configuration du bouton

Raccordement
Choix de l'adresse
Placer dans
Raccorder à
URL
Texte
Apparence
Taille
Alignement ?
Langue
Paramètres du tweet
Via @ [non-requis]
Recommander @ [non-requis]
Hashtags # [non-requis]
Affichage du bouton ?
Mise en forme ?

Le code du bouton
<!-- Tweet button Twitter - Blogger Config.
     Ref.: https://goo.gl/lTPfa5 -->
<a class='twitter-share-button'
   expr:href='"https://twitter.com/share?url=" + data:post.url.canonical + "&amp;amp;text=" + data:post.title.escaped'
   expr:data-url='data:post.url.canonical'
   expr:data-text='data:post.title'
   data-count='horizontal'
   data-size='large'
    data-align='left'
   data-lang='fr'
   target='_blank' >
Tweet
</a>
Où recopier ce code ?
Le script
<script type='text/javascript'>
  // <![CDATA[
    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
   // ]]>
</script>
Où recopier le script ?

Le script Twitter est un élément essentiel au fonctionnement de tous les modules officiels de ce réseau social. Si vous avez déjà installé un module Twitter sur votre blog, vous n'êtes plus obligé de le rajouter à nouveau.

Le script doit être positionné juste avant la balise </body> dans le code HTML du blog.

Licence

Ce contenu est protégé par la licence CC BY-NC-ND 4.0

🛈 Infos

Blogger Code PE est désormais accessible sur son domaine officiel : https://bloggercode.orbiona.com

Il arrive fréquemment que nos contenus soient reproduits sans autorisation. Si vous avez trouvé cette fiche ailleurs, nous vous recommandons vivement de consulter Blogger Code PE pour bénéficier de la version originale.

Spotlight

[TRIBUNE] Blogger est-il vraiment mort ? Notre analyse des idées reçues en 2026

Image
Depuis plusieurs années, Blogger est régulièrement présenté comme une plateforme dépassée, abandonnée ou en fin de vie.Sur les forums, les réseaux sociaux ou dans les comparatifs de plateformes de blogging, les mêmes affirmations reviennent sans cesse : Blogger serait un dinosaure du Web, Google l'aurait abandonné depuis longtemps et il serait devenu incapable de rivaliser avec les solutions modernes.À tel point qu'un nouveau blogueur pourrait légitimement se demander si ouvrir un blog sur Blogger en 2026 a encore le moindre intérêt.Pourtant, lorsqu'on examine les arguments avancés, la réalité apparaît souvent plus nuancée. Entre idées reçues, informations obsolètes, comparaisons discutables et intérêts commerciaux, certaines critiques méritent d'être remises dans leur contexte.Blogger est-il réellement mort ? Est-il techniquement dépassé ? Faut-il systématiquement lui préférer une autre plateforme ?Dans cette tribune, nous allons examiner les critiques les plus fréquen
En savoir plus »

Populaires cette semaine

Call-to-Action - L'appel à l'action

Image
Un bon Call-to-Action (CTA) peut faire toute la différence : il guide vos visiteurs vers l’action que vous attendez — cliquer, télécharger, s’abonner, imprimer… encore faut-il qu’il soit bien formulé et bien placé.Dans cet article, on explore les ingrédients d’un CTA réussi, avec des conseils simples, des exemples concrets, et des astuces pratiques pour vos blogs.
En savoir plus »

Balises spécifiques à Pinterest

Image
Pinterest ne se contente pas d’afficher les balises Open Graph classiques. Il propose ses propres balises spécifiques — nopin, nohover, data-pin-media, etc. — qui permettent de contrôler finement le partage des images depuis un blog.Dans cet article, on vous montre comment maîtriser les partages Pinterest sur Blogger : bloquer l’enregistrement d’images sensibles, optimiser les visuels pour l’épingle, et guider l’aperçu avec une description sur mesure. Le tout, avec des idées d'intégration native et élégante dans votre thème.
En savoir plus »

Introduction : Answer Engine Optimization (AEO)

Image
Les moteurs de recherche ont changé de mission : ils ne cherchent plus seulement des pages, ils veulent fournir directement des réponses. Cette évolution transforme notre rapport au référencement : une simple page bien placée ne suffit plus, il faut maintenant qu’elle soit compréhensible par des moteurs à réponses.C’est là qu’intervient l’AEO. Cette discipline complémentaire du SEO permet de structurer votre contenu pour qu’il soit exploitable par les moteurs génératifs, les assistants vocaux ou les résumés enrichis. Dans cet article d’introduction, nous allons définir ce qu’est l’AEO, en quoi il diffère du SEO classique, et poser les bases des pratiques à mettre en place sur Blogger pour y répondre efficacement.
En savoir plus »