Ajouter des liens Tweetable dans votre contenu avec InlineTweet.js

Vous verrez beaucoup cette fonctionnalité sur les grands sites tels que TechCrunch et Mashable. Vous lirez un article et remarquerez qu'une phrase entière est mise en évidence comme un lien .

Cependant, lorsque vous cliquez dessus, une fenêtre de tweet vous invite à partager cet extrait de texte avec vos abonnés Twitter. C'est un excellent moyen de générer du trafic vers votre site et d'encourager plus de parts sociales.

Pour répliquer cet effet sur votre site, essayez InlineTweet.js . Il peut vous faire gagner des heures de configuration en ajoutant cette fonctionnalité directement à votre page.

Ce plugin JavaScript gratuit est super facile à installer et il a même un plugin WordPress gratuit si vous préférez cette route.

Il ne nécessite aucune dépendance JavaScript, vous pouvez donc exécuter ce sans-jQuery.

Tout le contenu fonctionne directement à travers les attributs de données, vous devez donc les configurer un à un, en fonction de votre contenu. Naturellement, le plugin WordPress rend cela beaucoup plus facile, donc si vous préférez avoir plus de contrôle c'est une excellente option.

Sur la page de script principale, vous trouverez quelques extraits de code illustrant comment cela fonctionne.

Vous avez juste besoin d'inclure le script JS dans votre page et de copier du CSS dans votre feuille de style (seulement 3 blocs). De là, vous pouvez ajouter des codes HTML comme ceci:

 Lorem Khaled Ipsum est une clé majeure du succès 

Le seul élément requis ici est l'attribut top data-inline-tweet . C'est la seule chose dont vous avez besoin pour faire fonctionner l'effet, tout le reste est optionnel .

Mais, ces options supplémentaires font une différence car elles ajoutent des fonctionnalités au tweet généré automatiquement :

• Data-inline-tweet-via - ajoute une @mention dans le tweet
• Data-inline-tweet-tags - ajoute des balises au tweet (s'il y a de la place)
• Data-inline-tweet-url - inclut une URL cliquable dans votre tweet

La configuration peut être difficile, c'est pourquoi je recommande d'utiliser le plugin WordPress si vous le pouvez.

Mais, ce n'est pas si grave si vous copiez / collez le contenu dans n'importe quel texte que vous voulez tweeter. Et pour un plugin gratuit, cette chose est très légère.

Jetez un coup d'oeil à la page de démonstration pour voir cela en action et regardez dans le rapport GitHub si vous voulez en savoir plus.