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

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 »

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 »

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 »

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 »