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

Populaires cette semaine

HowTo & étapes numérotées

Image
Le schéma HowTo permet aux moteurs de recherche de comprendre qu’un contenu est structuré en étapes successives. Lorsqu’il est bien utilisé, ce balisage peut déclencher des résultats enrichis spécifiques, comme un carrousel d’instructions ou une lecture vocale étape par étape, particulièrement utiles dans une démarche AEO.Recettes, tutoriels pratiques, bricolage, soins, astuces numériques… les contenus procéduraux sont nombreux sur les blogs. Structurer ces guides avec HowTo envoie un signal clair à Google : ce contenu est prêt à être affiché dans une forme interactive et accessible. Encore faut-il respecter certaines règles, aussi bien dans la rédaction des étapes que dans le code JSON-LD qui les accompagne.
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 »

JSON-LD enrichi pour entités nommées & contexte

Image
Le balisage JSON-LD est devenu un élément essentiel pour aider les moteurs de recherche et les IA génératives à comprendre le contenu d’un site. Si les thèmes Blogger modernes proposent déjà un balisage de base pour chaque article, celui-ci reste souvent limité au strict minimum. Résultat : vos pages manquent de contexte et ne profitent pas pleinement de la montée en puissance des moteurs IA comme Bing Copilot, Perplexity ou Gemini, qui s’appuient sur des graphes d’entités pour produire des réponses fiables.Dans cet article, nous allons voir comment enrichir le JSON-LD intégré au gadget Blog pour qu’il décrive mieux vos articles, et comment ajouter un JSON-LD global dans l’entête du thème afin de fournir une “carte d’identité” complète de votre blog. L’objectif : transformer un balisage générique en un graphe structuré et cohérent, plus facile à interpréter par les moteurs IA.
En savoir plus »

Structurer une campagne Google Ads

Image
Structurer votre campagne Google Ads, ce n’est pas un simple détail technique : c’est ce qui sépare un budget qui s’évapore sans impact d’une stratégie qui transforme chaque clic en opportunité concrète. Dans cet article, découvrez comment organiser votre compte étape par étape – du niveau Compte jusqu’aux Annonces – pour garder la maîtrise de vos dépenses, améliorer votre Quality Score et maximiser chaque visite sur votre blog Blogger.
En savoir plus »