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

🛈 Info

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

Populaires cette semaine

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 »

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 »

FAQ, HowTo & Product markup : l’or des LLM

Image
Les balises structurées comme FAQPage, HowTo ou Product ne servent pas uniquement à améliorer l’apparence d’un site dans les résultats enrichis. Elles constituent également une matière première précieuse pour les grands modèles de langage (LLM) tels que ChatGPT, Perplexity ou Bing Copilot. Ces IA s’appuient sur ces structures – et sur le texte qui les entoure – pour extraire, reformuler et synthétiser des réponses.Dans une logique de Generative Engine Optimization (GEO), l’objectif n’est plus simplement d’apparaître en bonne position, mais de fournir du contenu prêt à être compris, cité ou intégré dans une réponse générée. Encore faut-il rédiger ce contenu avec une structure sémantique claire, des faits solides et une formulation compatible avec la logique des LLM. Cet article propose des méthodes concrètes pour adapter vos blocs FAQ, HowTo et produits à cette nouvelle réalité éditoriale.
En savoir plus »

Dossiers “/ai-feeds/” ou sitemaps dédiés pour datasets

Image
Les /ai-feeds/, dataFeeds, et autres sitemaps pour IA font beaucoup parler d’eux. Dans un web qui évolue vers les assistants conversationnels et les moteurs de recherche génératifs, ces structures sont vues comme des raccourcis précieux pour nourrir les intelligences artificielles avec du contenu bien balisé.Mais peut-on vraiment les utiliser sur Blogger ? Et surtout… est-ce utile ?Dans cet article, on partage notre cheminement : les promesses qu’on a voulu explorer, les limitations qu’on a découvertes, et les solutions qu’on a testées. Un retour d’expérience, avec une seule question en tête : comment faire au mieux pour aider les IA à comprendre nos contenus, sans tomber dans une usine à gaz.
En savoir plus »