Bouton Twitter sur votre blog

Publié le 07/08/2009 à 03h03

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

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.

Auteur: Tony Archambeau

Développeur web passionné par le référencement et l'ergonomie d'utilisation des sites et applications web, j'édite plusieurs sites web dont infowebmaster.fr.

Commentaires »


Le Poux [site]
Le 9 août 2009

Très bon tutorial. Merci


Guy [site]
Le 20 août 2009

Plus qu’à essayer alors :) merci pour l’astuce


Gonomo
Le 9 septembre 2009

Merci pour l’info. J’ai testé mais sans le script php, et twitter transforme automatiquement les url en bit.ly


Matt
Le 26 avril 2010

 
Petite info à toutes fins utiles, il manque un  » entre ‘ et >Tweeter
echo ‘<a href= »http://twitter.com/home?status=’.$tinylink.’>Tweeter la page</a>’;
Et il manque un ‘ entre . et « > :
echo ‘<a href= »http://twitter.com/home?status=’.rawurlencode(get_the_title()).’ ‘.$tinylink. »>Tweeter la page</a>’;
:p
 


Funnycat [site]
Le 26 avril 2010

@Matt: En effet. Merci pour cette remarque. J’ai modifié l’article et j’en ai profité pour coloriser le code, ça aide à la lecture rapide.


Paterson
Le 28 février 2011

Merci pour cette trouvaille; très utile =)

Leave a comment