C’est un des plus vieux problème de la création web, et personne n’y a encore trouvé de solution réellement satisfaisante : comment protéger son adresse E-mail des robots spammeurs ?
En effet, si pour faciliter le contact avec les utilisateurs de votre site vous mettez un lien sur votre adresse E-mail, vous risquez très rapidement de retrouver votre boite aux lettres électronique submergée de message indésirables vous proposant nombre d’affaire juteuses (et boite de viagra ;o) ).
Cela est (généralement) du a des logiciel qui parcourent les sites Internet web et récupèrent les adresses mails qu’il découvre dans les pages. Ces aspirateurs d’adresses de courriel ont pour objectif de créer des bases de données qui seront ensuite revendues à des entreprises souhaitant faire du marketing par E-mail.
Il y a quelques mois, une dépêche AFP estimait ces courriels non sollicités à plus de 90% du nombre des mails émis quotidiennement.
La seule méthode efficace pour protéger son adresse électronique est donc de ne pas la diffuser. cependant cette méthode radicale a un revers : si vous ne difusez pas votre adresse e-mail, on ne peut pas vous contacter par e-mail (ceci est une lapalissade presque parfaite).
Plusieurs méthodes existent pour protéger une adresse e-mail présente sur un site :
- Remplacer le l’affichage du lien e-mail par une image. c’est très efficace (l’adresse n’apparait pas en clair dans le corps de la page web) mais cela oblige vos visiteurs à la retaper (ce qui peut être sujet a erreurs de copie si l’adresse est longue).
- Utiliser un formulaire de contact, cependant ceux ci peuvent aussi parfois être spammés, et nécessite que vous ayez accès à un système de script serveur pour traiter le contenu du formulaire et vous le faire parvenir.
- Modifier l’adresse E-mail de telle manière qu’il soit plus difficile à un robot sniffeur de reconnaitre l’adresse e-mail mais qu’elle puisse être facilement modifiée par un utilisateur humain.
Généralement, pour retrouver les E-mail dans une page, la plus grande part des robots aspirateurs de mails recherche le caractère @ et capture le texte qui l’entoure : par exemple si l’adresse e-mail qu’on veut protéger est monadresse@exemple.com, le lien se présente ainsi :
|
1 |
<a href="mailto:monadresse@exemple.com">monadresse@exemple.com</a> |
et qu’on remplace l’arobase par un texte, les robots ne la verront pas pas exemple (attention certains robots sont beaucoup plus subtils, mais une méthode de ce genre permet quand même de limiter beaucoup le nombre de mails capturés). par exemple si on remplace @ par (remplace_le_contenu_entre_parenthese_par_une_arobase) (oui je sais c’est un peut long mais c’est pour l’exemple, le robot ne verra pas l’arobase (et ne capturera donc pas l’adresse), par contre l’utilisateur remplacera le texte de motif par le @.
|
1 |
<a href="mailto:monadresse(remplace_le_contenu_entre_parenthese_par_une_arobase)exemple.com"> |
|
1 |
monadresse(remplace_le_contenu_entre_parenthese_par_une_arobase)exemple.com |
|
1 |
</a> |
Bien sur il y a un risque que l’utilisateur ne comprennent pas le texte de motif que vous utilisez, on peut allors utiliser une petite fonction javascript qui va remplacer le motif de remplacement par une arobase. ainsi, le robot spameur (qui ne connais pas obligatoirement le javascript ) ne pourra pas lire l’adresse, mais l’utilisation sera entièrement transparente pour l’utilisateur.
voici le code d’exemple :
entre les balises <head> </head>ajouter le script suivant :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<script type="text/javascript"> function protegemail(lien) { var motif= "(remplace_le_contenu_entre_parenthese_par_une_arobase)";//texte du motif lien.href = lien.href.replace(motif, "@"); lien.firstChild.data = lien.firstChild.data.replace(motif, "@"); } function scanelesmails() { var lesliens = document.getElementsByTagName("a"); for(var i = 0; i<lesliens.length> if(lesliens[i].href.substring(0, 7) === "mailto:") { lesliens[i].onmouseover = function(event) { protegemail(this); this.onfocus = null; this.onmouseover = null; }; lesliens[i].onfocus = function(event) { protegemail(this); this.onfocus = null; this.onmouseover = null; }; }} } </script> |
remplacer la balise par :
enfin remplacer vos adresse mail par
|
1 |
<a href="mailto:monadresse(remplace_le_contenu_entre_parenthese_par_une_arobase)exemple.com">mailto:monadresse(remplace_le_contenu_entre_parenthese_par_une_arobase)exemple.com</a>" |
comment ça fonctionne ?
après le chargement de la page, à chaque fois passe sa souris sur un lien contenant un e-mail codé, celui ci est décodé, ce qui permet a l’utilisateur, quand il clique, d’utiliser le lien comme un lien e-mail normal. bien sur cette mèthode ne réduit pas à néant le risque de spam, mais évite déja que votre adresse ne soit capturée par des spameurs amateurs ;o)
Aller plus loin :
le site ccm explique comment il protège ses utilisateurs du spam ici
le site Arobase.org regorge de conseils sur l’utilisation du mail ici
Moi, je remplace l'url mailto par un lien tinyurl et sa marche bien ;-)))
@dadavidov : oui, c'est une bonne idée, mais si tu as plusieurs adresses à protéger sur une page ça peut être laborieux.
@dada : et puis je suis pas sur que ce soit top accessible ? comment fais tu ?
Je vais dans tinyurl et j'ai copié/collé mon mailto et ça donne ceci : http://tinyurl.com/3eug3xx
[Mais apparemment ça marche pas avec les Mac !?!]
@dada : elle est toute moisie ton astuce ;oD !
ça marche pas non plus sur pc avec firefox c'est pas le même protocole, un mail c'est un mailto, tiny url un http:// je pense que ça ne doit marcher qu'avec chrome ;o)
Arghhh, zut ! Je vais être obligé de bidouiller ton truc alors !?!
et bien moi j'utilise un formulaire qui fonctionne parfaitement, je l'avais trouvé là http://kontactr.com/
comme ça je ne suis jamais spammé et mon adresse mail n'est pas publique
@Melclalex
Merci pour le lien et le site, ça a l'air super pratique !
@lolobobo
Désolé ;-)))
@melclalex : oui mais c'est un formulaire mon article parle des liens mailto:
mais le formulaire est une bonne solution
oui Laurent j'ai bien vu et lu mais justement pour éviter le mailto j'ai préféré opter pour un formulaire qui selon moi est plus sûr et discret.