FluxRSS FlickR Twitter

Maxime Gaillard

DESCARTES : Je pense, donc je blog !

21 déc 09

Cacher les emails aux robots de spam

Posté dans Tutoriaux | Tags :, , , | Pas encore de commentaire »


Quand on fait un site, il est très important que les gens puissent vous contacter facilement. Encore plus si vous vendez vos services, comme par exemple dans une agence web ;)

Mais le problème, si vous affichez le mail en clair c’est que les robots des enc**és de spammeurs vont ajouter votre mail à leurs listes. Ce qui est assez chiant, vous en conviendrez…On peut passer par un formulaire associé à un captcha, mais certaines personnes préfèrent connaître le mail et ça fait plus sérieux de l’avoir, par exemple en footer. Mais comment faire pour afficher le mails qu’aux vrais visiteurs ? Le javascript mon cher ami !

Dans votre code HTML, à l’endroit où vous voulez afficher le mail il suffit de mettre ça :

<span class="contact_mail mail">vousdevezutiliser lejavascript pourvoir le mail</span>

Et maintenant le Javascript (n’oubliez pas d’ajouter jQuery pour que ça marche):

$(document).ready(function()
{
var debut = 'vousdevezutiliser';
var at = / lejavascript /;
var milieu = 'pourvoir';
var dot = / le /;
var fin = 'mail';
$('span.mail').each(function () {
var addr = $(this).text().replace(debut,"contact").replace(at,"@").replace(milieu,"naeka").replace(dot,".").replace(fin,"fr");
$(this).after('<span class="contact_mail">'+ addr +'</span>');
$(this).remove();
});
}
);

Si vous n’êtes pas trop un rigolo en JS, vous aurez certainement compris ce que fait le script ce dessus. Pour les autres quelques explications :
Le script va chercher tout le code qui a un « span » avec une « class » mail. Ensuite il va remplacer « vousdevezutiliser » par « contact. Et ainsi de suite. Au final vous remplacez tout et le visiteur voit votre mail. Et vous pouvez mettre autant de mail à cacher par page.

Bien entendu changez le script en fonction de vos besoins ;)

1 pages




Agence Web Grenoble Django

Articles récents

Nuage de Tags

Articles les plus populaires


Catégories


Articles Aléatoires