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

Introduction : Generative Engine Optimization (GEO)

Image
Les moteurs de recherche ne se contentent plus d’afficher une liste de dix liens bleus : ils rédigent désormais les réponses eux-mêmes. Ce basculement vers la recherche générative ouvre la voie à une nouvelle discipline : le Generative Engine Optimization (GEO).Son objectif ? Rendre le contenu lisible, compréhensible et surtout citables par les LLM (modèles de langage comme GPT, Gemini, etc.).Comprendre comment ces modèles découpent les pages, sélectionnent des extraits et attribuent (ou non) la source devient un enjeu essentiel.Dans cette série, on va voir comment optimiser son blog pour cette nouvelle ère, avec des outils simples, accessibles… et quelques astuces avancées.
En savoir plus »

Populaires cette semaine

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 »

Optimisation vocale (long-tail, langage naturel, "near me")

Image
La recherche vocale n’est plus une tendance, c’est une habitude. Avec l’essor des smartphones, enceintes connectées et assistants virtuels, de plus en plus d’internautes formulent leurs requêtes… à voix haute. Ces recherches sont plus naturelles, plus longues, et souvent plus précises que celles tapées au clavier.Dans cet article, découvrez comment adapter vos contenus pour capter cette audience en pleine croissance : du choix des mots au contexte local, en passant par les fameuses requêtes longue traîne et “near me”.
En savoir plus »

FAQPage ou QAPage ? Le bon choix pour enrichir vos résultats

Image
FAQPage et QAPage sont deux types de balisage structurés qui permettent d’enrichir l’affichage de vos pages dans les résultats de recherche, en particulier dans des blocs comme "Questions fréquentes" ou "Autres questions posées" (PAA - People Also Ask).Ils ne servent pas seulement à structurer le contenu : bien utilisés, ils deviennent des signaux explicites envoyés à Google pour proposer vos réponses directement dans l’interface de recherche.Dans une démarche d’Answer Engine Optimization (AEO), ce type de balisage joue un rôle clé : mettre en valeur des réponses claires, synthétiques et contextualisées que les moteurs peuvent reprendre telles quelles. Encore faut-il choisir la bonne structure… et éviter les erreurs de mise en œuvre.
En savoir plus »

L'opérateur de coalescence (alias Elvis)

Image
L’opérateur de coalescence est un raccourci pratique qui permet de fournir une valeur de secours lorsqu’une donnée est absente ou vide. Il simplifie l’écriture des conditions et évite de multiplier les tests explicites.Aussi surnommé « Elvis operator » dans certains langages en raison de sa forme ?:, il est utilisé pour écrire un code plus concis et lisible, notamment dans la sélection de valeurs par défaut.
En savoir plus »