: Tuto Par :
Proteger un courriel facilement de méchant robots qui spam

Art par : Anzheli

Les robots, sur internet, comme on l’a déjà vu avec le htaccess, ya les bons et les mauvais, les mauvais peuvent faire plein de chose, l’une de ces choses, c’est récupérer des courriels qui traine sur les sites pour ensuite les spammer leur race. Encore aujourd’hui cette technique marche toujours très bien, nous allons voir comment s’en protéger avec plusieurs techniques pas vilaines.

En fin d’article il y aura un classement par efficacité.

Pour chaque technique on cherche à protéger cette adresse-là contact@domain.com .

Techniques N°1, ultra facile en css :

Code Direction

CSS

span.reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
}

HTML

<span class="reverse">moc.rehtrebttam@retsambew</span>

CSS display:none

<style type=”text/css”>
< p span.displaynone { display:none; }
 </style>
<p>contact@<span class=”displaynone”>null</span>domain.com</p>

Pseudo entité HTML

<style type="text/css">
        .e-mail:before {
            content: attr(data-website) "\0040" attr(data-user);
            unicode-bidi: bidi-override;
            direction: rtl;
        }
    </style>
<span class="e-mail" data-user="tactnoc" data-website="moc.naimod"></span>

Technique N°2, dégeux du gros fainéant :

https://www.google.com/recaptcha/admin#mailhide

Tu colles ton adresse, Google la récupère, et ensuite tu colles le code, et Google au passage espionnera ton site. Au final l’utilisateur il a un truc comme ça c....@domain.com, il faut qu’il clique sur le "c…" et un popup apparaît, il doit complète un vieux captcha, et ensuite il pourra voir le mail. Avis d'un nazi de la vie privé ? c’est la pire solution du lot.

Techniques N°3, petits code rapides :

On met des x qu’on enlève en js :

<a href="mailto:coxntact@domainx.com" onmouseover="this.href=this.href.replace(/x/g,'');">link</a>

Au clic on enlève le contenu pourris du href qu’on remplace par le bon mail, découpé pour pas être lus.

<a href="yolo [miaou] powadatcom" rel="nofollow" onclick="this.href='mailto:' + 'contact' + '@' + 'domain.com'">Contact me</a>

Pour le JS il existe une multitude de codes, certains avec JQuery, d’autre sans, certains avec des bibliothèques, etc. perso je me suis limité à deux exemples tout simple qui fonctionne quand même correctement.

Technique N°4, le formulaire :

Je sais que c’est con à dire mais un bon vieux formulaire fonctionne très bien le mail est stocké dans le fichier PHP de la fonction et n’est jamais dispo sur le site. Après on peut toujours avoir du spam par le formulaire mais là d’autre protections existent.

Technique N°5, ROT-13 :

On utilise l’algo de chiffrement ROT-13 et ensuite on déchiffre tout ça en JavaScript. Soit vous utilisez la fonction str_rot13 de PHP, sinon y ce site là qui vous le chiffre. Ensuite vous avez juste à remplacer la partie en gras avec la version chiffrée.

<script type=”text/javascript”>
document.write(“<n uers=\”pbagnpg@qbznva.pbz\” ery=\”absbyybj\”>”.replace(/[a-zA-Z]/g, function(c){return String.fromCharCode((c<=”Z”?90:122)>=(c=c.charCodeAt(0)+13)?c:c-26);}));
</script>Contact</a>

Technique N°5, Hexadécimal + Code Direction :

Vous allez sur ce site  ou celui là et vous convertissez mailto:contact@domain.com en hexadécimal

<style type="text/css">
    .e-mail:before {
        content: attr(data-website) "\0040" attr(data-user);
        unicode-bidi: bidi-override;
        direction: rtl;
    }
</style>
<a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;%6D%61%69%6C%74%6F%3A%63%6F%6E%74%61%63%74%40%64%6F%6D%61%69%6E%2E%63%6F%6D">
  <span class="e-mail" data-user="tactnoc" data-website="moc.naimod"></span>
</a>

Technique N°6, HTMLEntities :

On remplace le @ et le . par leurs versions en Entités HTML cette technique n’est plus vraiment conseillé, bon nombre de robot savent re-encoder les entités en caractères normaux.

Technique N°7, du texte au milieu :

Truc vieux comme le monde mais qui fonctionne tout aussi bien au lieu d’écrire l’adresse comme un idiot on écrit ça : contact (Yolorobase) domain[pointage]com On peut écrire ce que l’on veut entre. Éviter de juste mettre [at] et [dot]. ça les robots le gère très bien.

Technique N°7, font-face + exadecimal + code direction :

<style type="text/css">
.e-mail:before { 
    content: attr(data-user);
    unicode-bidi: bidi-override; 
    direction: rtl;
}
.e-mail:after{
content: attr(data-website);
unicode-bidi: bidi-override;
direction: rtl;
}</style><a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;%6D%61%69%6C%74%6F%3A%63%6F%6E%74%61%63%74%40%64%6F%6D%61%69%6E%2E%63%6F%6D" class="e-mail" data-website="moc.naimod"data-user="tactnoc" ><i class="fa fa-at" aria-hidden="true"></i></a>

Technique N°8, fonction PHP :

La conftion en elle même :

function hide_email($email) { 
  $character_set = '+-.0123456789@ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz'; 
  $key = str_shuffle($character_set); $cipher_text = ''; $id = 'e'.rand(1,999999999); 
  for ($i=0;$i<strlen($email);$i+=1) $cipher_text.= $key[strpos($character_set,$email[$i])]; 
  $script = 'var a="'.$key.'";var b=a.split("").sort().join("");var c="'.$cipher_text.'";var d="";'; 
  $script.= 'for(var e=0;e<c.length;e++)d+=b.charAt(a.indexOf(c.charAt(e)));'; 
  $script.= 'document.getElementById("'.$id.'").innerHTML="<a href=\\"mailto:"+d+"\\">"+d+"</a>"'; 
  $script = "eval(\"".str_replace(array("\\",'"'),array("\\\\",'\"'), $script)."\")"; 
  $script = '<script type="text/javascript">/*<![CDATA[*/'.$script.'/*]]>*/</script>'; 
  return '<span id="'.$id.'">[Courriel protégé par Javascript]</span>'.$script;
}

Pour afficher un mail chiffré

<?php echo hide_email('contact@domain.com'); ?>

Efficacité :

  1. Font-face + hexadécimal + code direction
  2. Code Direction + Hexadécimal
  3. Css Code Direction (pas de mailto)
  4. CSS display None (pas de mailto)
  5. Fonction PHP
  6. Chiffrement ROT-13
  7. Remplacer @ et le . par les entités HTML (pas de mailto)
  8. Découper l’adresse avec [at] ou tout autre texte (pas de mailto)
  9. UrlEncode

Bon à savoir, même la plus mauvais des protection permet de ce protéger d’environ 1/3 des crowlers. tout ce qui est au-dessus du chiffrement ROT-13 (lui inclut) protège de 95 à 100 % des robots.

Sources :

http://stackoverflow.com/questions/483212/effective-method-to-hide-email-from-spam-bots
http://techblog.tilllate.com/2008/07/20/ten-methods-to-obfuscate-e-mail-addresses-compared/

http://rot13.de/
http://www.maurits.vdschee.nl/php_hide_email/
Art par : Anzheli

Et vous ? Vous avez des remarques, trouvé des erreurs ou vous avez vos propres techniques de protection ? Faites les donc pété dans les commentaires. Je pourrais eventuelement les rajouter.

Avatar de l'utilisateur Nodoka

Nodoka

PedoQueen des intrawebz 2.0, antéchristine de la connerie, j'aime les loli, les vocaloid, l’humour noir (car le blanc est raciste) et les Animés. Promis je te mangerais trollement bien avec amour. Ma devise : "If her age is on the clock, she's old enough for the cock".

Articles Aléatoires

Proteger un courriel facilement de méchant robots qui spam

Proteger un courriel facilement de méchant robots qui spam

Exemples de script et techniques de protection de courriel facile à utliser pour se proteger... Voir +
Bla bla Mangesque : GATE Au-delà de la porte

Bla bla Mangesque : GATE Au-delà de la porte

Petite critique (mauvaise fois inside ?) du manga GATE : JSDF L'animé c'est de la merde Voir +
Connecter un ordinateur linux à un NAS Synology au démarrage

Connecter un ordinateur linux à un NAS Synology au démarrage

De manière automatique avec des partages smb/cifs Voir +

Dernieres Quotes DTC

(Par Manaphy)

Alors, outre la vérification traditionnelle du petit maillot pour l'hydratation, ce conseiller mériterait de revoir son orthographe et devrait dès maintenant apprendre qu'un contrat ne prend effet que sous signature, manuscrite ou électronique.

Mais c'était bien tenté.

Corporal_Queen : Ok. J'aimerais comprendre pourquoi le proxy de la fac me laisse aller sur 4chan mais pas accéder à des corrigés de commentaires ._.

TheShine : te toucher la nouille tu pourras, aller pomper des corrigés pour ton dossier tu oublieras \o/

#19796 - Voir les commentaires

(A propos de)

Rubent : Bonjour je voudrais souscrire un nouveau contrat chez vous

Conseiller EDF : Bien sûr , à fin de réaliser une estimation au plus juste j'aurais besoin de quelques renseignements.

Conseiller EDF : Combien de personnes vivent dans le logement et de quels équipements dispose t-il ?

Rubent : Alors nous sommes deux , le chauffage est électrique , il y a des plaques de cuissons à induction un lave linge, un four, un micro onde, un pc et télévision ect.

Conseiller EDF : D'après mes estimations la consommation mensuelle s'élèverait à un montant de 150 € par mois, cela vous convient ?

Rubent : Euh .. disons que oui si je fait mijoter un boeuf bourguignon 15h par jour , chauffage à fond et télé allumée en lavant le linge de mes voisins ça doit être ça oui...

Conseiller EDF : Parfait, je vous transmets donc tout les documents par mail, le contrat prendra effet des aujourd'hui .

Conseiller EDF : Bonne fin de journée et au revoir.

* Chat terminé

Rubent : Mais....

#19797 - Voir les commentaires

(Par P45M)

Je pense surtout que l'informaticien ne connaît pas 4chan.. Les informaticiens de collège/lycée sont bien souvent des buses en informatique paradoxalement ^^"