API Bit.ly – Première approche

Posted By Franck Pertegas on 20 Mar 2010 in Javascript, Outils, Programmation, Tutoriels | 0 comments

Il existe multitude de sites à nom de domaine court et qui proposent de nous raccourcir nos adresses urls. Devenu surtout utile depuis l’apparition des réseaux sociaux type Twitter qui ne permet de poster que 140 caractères, autant dire que l’économie de caractères est devenu important et pour beaucoup, l’usage intensif de langage sms est (heureusement) exclut.

Pour ma part, j’ai souvent opté pour le site Bit.ly, agréable, fluide et bourré de statistiques.

J’ai fait quelques essais d’utilisation de son API. La doc est un peu concise à mon goût et exclusivement en English. Donc voici un premier jet, qui permet de réduire une url et ce dynamiquement.

1/ Créez vous un compte : ça prend 2 minutes et au moins vos statistiques seront enregistrées. A la suite de votre inscription vous aurez un login et une clé API (API Key).

2/ Script d’appel de la librairie. Vous pouvez déjà commencer votre intégration. Remplacer « mon_login » par votre login et « Ma_cle_API » par votre clé API qui ressemble souvent à ça : R_0da49e0a9118ff35f52f629d2d71bf07.

<script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&login=mon_login&apiKey=Ma_cle_API"></script>

3/ Affichage. Et pour afficher par exemple un lien raccourcit dans votre page (exemple le lien vers ce blog)

<script type="text/javascript">
BitlyCB.shortenResponse = function(data) {
                var s = '';
                var first_result;
                // Results are keyed by longUrl, so we need to grab the first one.
                for     (var r in data.results) {
                        first_result = data.results[r]; break;
                }
                for (var key in first_result) {
                        //s += key + ":" + first_result[key].toString() + "\n";
						if(key == "shortUrl"){
							
							document.getElementById('p_bitly').innerHTML = '<a href="'+first_result[key].toString()+'">'+first_result[key].toString()+'</a>';
						
						}
						
                }
                
        }
        BitlyClient.shorten('https://blog.ludikreation.com', 'BitlyCB.shortenResponse');
</script>

et là vous aurez un lien automatiquement raccourcit vers ce blog : http://bit.ly/b6k0xA

Et vous n’avez qu’à remplacer « https://blog.ludikreation.com » par le lien que vous souhaitez et même récupérer des liens via une base de données.

A savoir que tous ces liens se rajouteront automatiquement dans vos statistiques de votre compte bit.ly.

Voilà pour une première approche de l’API qui permet bien d’autres choses.

Bientôt d’autres tests, laissez vos commentaires 🙂

bit.ly
Documentation API : http://bit.ly/pages/tools/developer-tools/