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

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 »