21 déc 09
Cacher les emails aux robots de spam
Posté dans Tutoriaux | Tags :javascript, jquery, script, scripts | 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




