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 tweetData-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.
10 exemples de conception de logo mal fait
Les logos définissent les marques et créent des images corporatives parce que les logos sont ce qui colle dans l'esprit des gens et créent des associations. Pensez à Coca-Cola, à Nike ou à McDonald's - qu'en pensez-vous instantanément? Droit, leurs logos. Les grands logos ne permettront jamais à leurs consommateurs d'oublier la marque - c'est ce qui les incite à choisir un produit plutôt que l'alternatif: les gens ont tendance à s'en tenir à quelque chose de familier, quelque chose qui suscite des associations positives.Si la mise
12 moteurs de recherche privés qui ne vous suivent pas
La navigation privée utilisant les modes soi-disant privés ou incognito sur votre navigateur habituel ne vous donne pas le niveau de confidentialité que vous pensez. Il se peut que vous ne souhaitiez pas être suivi et que vous ayez indiqué clairement à votre navigateur par défaut, mais vous savez que ce n'est pas le cas lorsque des annonces associées à vos recherches récentes s'affichent sur Facebook ou dans votre compte Gmail.En cas de