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.

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 racourcie. 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.

Bonjour à tous, lors d'une précédente news je vous présentait le blog d'Annak qui fournit des astuces aux autres blogueurs. Aujourd'hui je vous présente un interview exclusif de Annak.

J'espère que cela plairas à tous les grand curieux.

Interview de Annak

Bonjour Annak, je suis ravi de t'interviewer. Pourrais-tu dans un premier temps te présenter toi et ton site?

Avatar de Annak

Bonjour
Je suis donc une fille comme le laisse présager mon pseudo. Je ne travaille pas dans l'informatique, mais dans le secteur éducatif. J'ai toujours travaillé sur ordinateur. C'est un outil qui m'amuse : résoudre un problème informatique, c'est comme résoudre une équation en maths : il y a une jouissance (relative quand même) à trouver la solution. Je considère le fait de ne pas être du sérail comme un atout : j'utilise les mêmes mots que les blogueurs ; quand je coince sur un problème, il y a de fortes chances pour qu'ils coincent au même endroit ; s'il y a un piège pour les non-spécialistes, je les préviens ... Les informaticiens oublient souvent que ce qui est évident pour eux ne l'est pas pour le commun des utilisateurs. Sur les 5 millions de blogueurs (environ) en France, combien savent ce que sont l'HTML, le CSS ou le javascript et combien ont envie de le savoir ? Ils veulent seulement créer un blog à leur goût et j'essaye de leur faciliter la tâche.
Comment en suis-je venue à créer les Ficelles d'Anna K. ?
En février 2006, un ami nous a créé un blog en commun sur Over-Blog. Rapidement, je me suis intéressée à son design, je ne connaissais rien au CSS et au HTML : langages qui me paraissaient bien hermétiques. Je notais sur des petits bouts de papier, puis sur Word, les codes pour modifier les couleurs, les fonds... puis j'ai créé les Ficelles, en juin 2006, pour récapituler tout cela. Je m'en servais comme aide-mémoire, avant de me dire que toutes ces données pourraient être utiles à d'autres.
Ce qui explique ma façon de rédiger les articles : à une question, je donne la réponse brute. La majorité des blogueurs, qui me lit, veut une réponse immédiate à une question de design, pas un long laïus sur la distinction background, background-color, background-image.
Comme pour n'importe quel blogueur mes envies et besoins ont évolué et, petit-à-petit, je me suis intéressée aux compteurs, aux widgets, au référencement et l'éventail des sujets abordés s'est élargie avec toujours comme point central : la personnalisation d'un blog.
Je me place toujours en situation de blogueur ordinaire : j'ai envie de faire telle chose sur mon blog, comment la réaliser ? Mon but n'est pas de décrypter les tendances du web ou un code javascript, d'expliquer le pourquoi du comment ; il est de permettre à des neophytes en informatique, en langages internet, de faire un blog à leur goût sans se prendre la tête.
Je ne cherche pas à faire du buzz, à être la 1ère à découvrir un service sur Internet, je cherche seulement des réponses à mes questions actuelles. C'est la question qui amène la réponse ; pas le service qui amène le besoin.
(Lire la suite…)