Bouton Twitter sur votre blog

Twitter est un service de micro-blogging qui se développe de plus en plus. La bloguosphère s'accommode à merveille à ce nouvel outil, à tel point que ce média social peut aider à populariser des articles de blogs. Il suffit d'installer un petit bouton pour que les visiteurs postent le lien de l'article sur leur compte Twitter. Cet article va détaillé les codes à utiliser pour effectuer ce tour de main pas si compliqué qu'on ne pourrais le penser.

Logo Twitter

L'intérêt de ce petit tuto consiste à comprendre comment fonctionne Twitter et le service bit.ly (raccourcisseur d'URL) pour créer soit-même son bouton Twitter en évitant d'utiliser un plugin qui mâche tout le travail.

Envoyer l'adresse de l'article sur Twitter

La première étape va consister à faire un lien tout simple pour tweeté l'adresse de l'article. Pour cela il faut faire un lien qui ressemble à ceci:

http://twitter.com/home?status=http://blog.infowebmaster.fr

Le code HTML est alors le suivant:

<a href="http://twitter.com/home?status=http://blog.infowebmaster.fr">Tweeter la page</a>
Tweeter l'article

Raccourcir l'URL

Malgré tout, il ne faut pas oublier le défaut majeur de Twitter (qui fait également sa force), le nombre limité de caractères. Il judicieux de raccourcir l'URL, cela libère de l'espace pour tweeté l'adresse de l'article avec un petit message.

Grâce à bit.ly il est possible de raccourcir une adresse très facilement. Cette fois-ci un bout de code PHP est requis, mais cela ne complique pas pour autant la procédure. Le code suivant est à utiliser:

$tinylink=file_get_contents('http://tinyurl.com/api-create.php?url=http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'].'');

La variable $tinylink possède alors l'adresse raccourcie. Celle-ci peut-être tweetée facilement grâce à une commande de ce type:

<?php
$tinylink=file_get_contents('http://tinyurl.com/api-create.php?url=http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI']);
echo '<a href="http://twitter.com/home?status='.$tinylink.'">Tweeter la page</a>';
?>

Envoyer titre + URL (sous WordPress)

Pour finir il est judicieux de prémâcher le travail aux visiteurs en ajoutant un message au coté de l'URL lorsqu'il sera posté sur Tweeter. Cette fois-ci il y a une petite subtilité dans le but d'envoyer correctement les caractères accentués; il va falloir utilisé une fonction PHP pour encoder le titre de l'article. Sans plus attendre, voici le code complet à utiliser sur l'une des pages du template:

<?php
$tinylink=file_get_contents('http://tinyurl.com/api-create.php?url=http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI']);
echo '<a href="http://twitter.com/home?status='.rawurlencode(get_the_title()).$tinylink.'">Tweeter la page</a>';
?>

Bien évidemment il faut que le message ainsi généré ne dépasse pas les 140 caractères. Il est recommandé d'utiliser ce code sur la page "index.php" ou "comments.php" du template utilisé sur WordPress, ainsi le bouton apparait sur chaque article.

En espérant que ce billet vous sera utile, je vous souhaite une bonne fin de journée.