Envie mais Retweets ? Utilisez le bouton Tweet officiel

Il y a un peu plus d'un mois, je recommandais d'utiliser le plugin WordPress TweetMeme pour obtenir plus de retweets sur vos publications.

Il y a quelques jours, Twitter a annoncé son propre bouton pour retweeter. Plusieurs méthodes d'intégration du bouton officiel de Twitter sur vos sites WordPress ont déjà vu le jour.

Plugins WordPress

Le premier plugin WordPress bouton Twitter que j'ai rencontré était celui de Blogsessive.

Comme vous pouvez le voir sur la capture d'écran ci-dessus, les options intègrent toutes les fonctionnalités que vous attendez d'un plugin WordPress de bouton Twitter, sans fonctionnalités superflues. Vous pouvez le télécharger à partir du post lié ci-dessus.

Après cela, quelques autres sont apparus dans le répertoire de plugins WordPress.org :

• Bouton Twitter par Svilen Popov
• TweetButton par David R. Davis, Jr.

La méthode manuelle

Twitter a fourni un certain nombre de moyens pour inclure le bouton Tweet sur vos propres pages. L'option la plus simple est via ce formulaire personnalisable où vous pouvez définir le type de bouton, une URL personnalisée, le texte du tweet, la langue et les utilisateurs Twitter recommandés.

Jetons un coup d'œil au code produit après avoir saisi quelques valeurs d'exemple.

<a href="http://twitter.com/share" class="twitter-share-button"
data-url="http://example.com/permalink-url/"
data-text="Title of page goes here"
data-count="vertical"
data-via="themelab"
data-related="lelandf:My personal account">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Passons en revue cette ligne par ligne.

• Première ligne : Elle ouvre simplement le lien et ajoute une classe CSS.
• Deuxième ligne : data-url est utilisé pour saisir un lien, probablement le permalien de votre article.
• Troisième ligne : data-text est utilisé pour le texte du tweet, probablement le titre de votre publication.
• Quatrième ligne : data-count est utilisé pour définir le type de bouton : vertical, horizontal ou aucun
• Cinquième ligne : data-via est utilisé dans la mention @ du tweet, probablement votre propre compte Twitter.
• Sixième ligne : data-related vous permet de définir un autre compte Twitter avec une description personnalisée.
• Dernière ligne : Ferme essentiellement le lien et ajoute une ligne de javascript obligatoire.

Je vous recommande de jouer avec le générateur de code de bouton pour mieux comprendre toutes les différentes options.

Insertion dans WordPress

Revenons au code ci-dessus et insérons des balises de modèle WordPress dynamiques pour le permalien et le titre.

<a href="http://twitter.com/share" class="twitter-share-button"
data-url="<?php the_permalink(); ?>"
data-text="<?php the_title_attribute(); ?>"
data-count="vertical"
data-via="themelab"
data-related="lelandf:My personal account">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Ce code peut être inséré dans à peu près n'importe quel fichier de modèle que vous souhaitez, y compris index.php pour l'index principal, single.php pour les articles de blog individuels, page.php pour les pages statiques, et plus encore.

À des fins de style, vous voudrez probablement placer le code au-dessus de <?php the_content(); ?> et utiliser quelque chose comme le code CSS suivant pour le styliser.

.twitter-share-button { float: right; margin-left: 10px; display: inline-block; }

Utilisation plus avancée

Pour une utilisation plus avancée du bouton Twitter, jetez un œil à cette page sur le site des développeurs Twitter. Twitter vous permet en fait de « construire votre propre bouton Tweet » (voir le bas de la page), ce qui le rend beaucoup plus personnalisable que le bouton TweetMeme.

Conclusion

Pour plus d'informations sur le bouton tweet, il y a un bon article intitulé 7 raisons de ne pas utiliser le nouveau bouton Tweet par Andy Beard. Dans les commentaires, un développeur Twitter répond aux raisons.

Vous remarquerez également que je n'ai pas moi-même basculé vers le bouton Twitter officiel et que j'utilise toujours le bouton TweetMeme. La raison pour laquelle je n'ai pas basculé est que je ne vois pas de besoin urgent de passer à la version officielle pour l'instant, TweetMeme fonctionne toujours bien.

Si vous l'avez remarqué sur Twitter, j'ai beaucoup tweeté sur le bouton tweet. Après avoir tweeté le lien vers cet article sur l'obtention de plus de retweets avec le bouton tweet officiel de Twitter, ce sera probablement mon dernier tweet sur la question du tweet.