Ajoutez des liens tweetables dans votre contenu avec InlineTweet.js

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

Pourtant, quand vous cliquez dessus ça va ouvrir une fenêtre tweet vous demandant de 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 encourager plus de partages sociaux.

Pour reproduire cet effet sur votre site, essayez InlineTweet.js. Vous pouvez économiser des heures de temps d'installation en ajoutant cette fonctionnalité directement à votre page..

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

Il ne nécessite aucune dépendance JavaScript, afin que vous puissiez exécuter ce sans-jQuery.

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

Sur la page principale du script, vous trouverez quelques extraits de code démontrant 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 ça:

  Lorem Khaled Ipsum est la clé du succès  

le seul élément requis voici le top données en ligne tweet attribut. C'est la seule chose dont vous avez besoin pour que l'effet fonctionne, tout le reste est optionnel.

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

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

La configuration peut être difficile, raison pour laquelle je recommande d’utiliser le plugin WordPress si vous le pouvez..

Mais ce n’est pas si grave que de copier / coller le contenu dans le texte que vous voulez tweetable. 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 dépôt GitHub si vous voulez en savoir plus..