Afficher le Page Rank dans les résultats Google

Lundi 13 octobre 2008

Support : GreaseMonkey - Type : Fonction - Niveau : Initié

Nous allons voir ici comment afficher le page Rank des sites dans les résultats Google en utilisant le plugin GreaseMonkey.

greasemonkey-011" rel="pics[120]" href="http://www.johnstyle.fr/wp-medias/2008/10/12/introduction-a-greasemonkey-011.jpg">

Nous allons parcourir tout le contenu de la page et trouver chaque site en ajoutant devant le titre l’image du PageRank. Pour l’exemple j’utilise un site de service gratuit de PageRank : www.pagerank.fr

Création de la fonction JavaScript

On crée une nouvelle fonction que l’on va nommé getPr();

^?View Code JAVASCRIPT

1
2
3

function getPr(){
 
}

On récupère tout le contenu de la page avec document.getElementsByTagName(’body’)[0].innerHTML;

Ce qui signifie : on récupère tout le contenu se situant dans le 1er groupe de balise <body></body> (0 étant le 1 élément dans un tableau)

^?View Code JAVASCRIPT

1
2
3

function getPr(){
	var content = document.getElementsByTagName('body')[0].innerHTML;
}

On créer ensuite une expression régulière qui va trouver les sites dans le contenu précédement obtenu.

On aura préalablement regardé le code source pour avoir un repère dans le code

ici c’est : <h3 class=r><a href= »http://www.url-du-site.com »

ce qui donne : (<h3 class= »?r »?>)(<a href= »)([^"]+)( »)

^?View Code JAVASCRIPT

function getPr(){
	var content 	= document.getElementsByTagName('body')[0].innerHTML;
	var expression 	= new RegExp('(<h3 class="?r"?>)(<a href=")([^"]+)(")', 'gi');
}

On ajoute ensuite l’image devant chaque titre de site, en utilisant http://www.pagerank.fr/pagerank-actuel.gif?uri=http://www.url-du-site.com

content.replace(expression régulière, remplacement);

^?View Code JAVASCRIPT

function getPr(){
	var content 	= document.getElementsByTagName('body')[0].innerHTML;
	var expression 	= new RegExp('(<h3 class="?r"?>)(<a href=")([^"]+)(")', 'gi');
	var replace_c	= content.replace(expression, '$1<img src="http://www.pagerank.fr/pagerank-actuel.gif?uri=$3" /> $2$3$4');
}

Et pour finir on replace tout le contenu se trouvant entre les premières balises <body></body> par celui modifié.

^?View Code JAVASCRIPT

function getPr(){
	var content 	= document.getElementsByTagName('body')[0].innerHTML;
	var expression 	= new RegExp('(<h3 class="?r"?>)(<a href=")([^"]+)(")', 'gi');
	var replace_c	= content.replace(expression, '$1<img src="http://www.pagerank.fr/pagerank-actuel.gif?uri=$3" /> $2$3$4');
	document.getElementsByTagName('body')[0].innerHTML = replace_c;
}

Téléchargement

Ajouter le script à GreaseMonkey

Cet article a été écrit par :

Johnstyle - qui est l'auteur de 11 article(s).

"Savoir ce que tout le monde sait, c'est ne rien savoir. Le savoir commence là où commence ce que le monde ignore."

Contacter l'auteur

Share and Enjoy: Ces icônes sont des liens vers des sites de partage de signet sociaux où les lecteurs peuvent partager et découvrir de nouveaux liens.