Wie kann man einen Mailto-Link spammsicher machen?

Ich möchte, dass Besucher eine E-Mail-Adresse direkt auf meiner Webseite anklicken (oder kopieren) können. Wenn ich es jedoch Bots und anderen Crawlern (ein bisschen) schwerer machen könnte, diese E-Mail-Adresse zu erhalten und sie in einer Spam-Liste zu registrieren, wäre das großartig.

Ich habe verschiedene Möglichkeiten gefunden, dies zu tun (dh Mailto-HTML-Links zu codieren), entweder mit JavaScript oder in reinem HTML, aber was empfehlen Sie? Die JavaScript-Techniken scheinen komplizierter zu sein, aber dies kann möglicherweise Benutzer betreffen, die es deaktiviert haben, und legitime Crawler wie Google.

Auf der anderen Seite scheint das HTML ein bisschen einfach zu sein, die Bot-Autoren sollten es inzwischen herausgefunden haben …

Soll ich mir überhaupt die Mühe machen, oder bekommen die Spammer trotzdem meine E-Mail? Ich weiß, dass Antispam-Filter immer besser werden, aber wenn ich etwas mehr tun kann, um Spammer zu verlangsamen, werde ich es tun.

JavaScript bleibt einer der besten Mailto-Obfuscatoren. Für Benutzer mit deaktiviertem JavaScript möchten Sie möglicherweise den mailto-Link durch einen Link zu einem Kontaktformular ersetzen.

Das Folgende ist ein beliebter JavaScript-Anti-Spam-E-Mail-Obfuscator:

• http://www.jottings.com/obfuscator/

Es gibt auch eine php-version der oben genannten, um verschleierte E-Mails von der Serverseite generieren zu können.

Dies ist der JavaScript-Code, den das obige Tool generieren würde, um meine E-Mail-Adresse zu verschleiern (Kommentare intakt):

<script type="text/javascript" language="javascript">
<!--
// Email obfuscator script 2.1 by Tim Williams, University of Arizona
// Random encryption key feature by Andrew Moulden, Site Engineering Ltd
// This code is freeware provided these four comment lines remain intact
// A wizard to generate this code is at http://www.jottings.com/obfuscator/
{ coded = "[email protected]"
  key = "1DtzZ8TGBuhRjJMKWI4gkUF2qidfOyPmSN7X30Vpso6xvErLnwQCbalA95HcYe"
  shift=coded.length
  link=""
  for (i=0; i<coded.length; i++) {
    if (key.indexOf(coded.charAt(i))==-1) {
      ltr = coded.charAt(i)
      link += (ltr)
    }
    else {     
      ltr = (key.indexOf(coded.charAt(i))-shift+key.length) % key.length
      link += (key.charAt(ltr))
    }
  }
  document.write("<a href="https://stackoverflow.com/questions/3624667/mailto:"+link+"">Email Me</a>")
}
//-->
</script><noscript><a href="contact-form.html">Email Me</a></noscript>

Dies sieht nach einer wirklich coolen Methode aus, die die Zeichen codiert, von der ich annehme, dass sie grundlegende Spam-Bots besiegen würde:

http://robspangler.com/blog/encrypt-mailto-links-to-stop-email-spam/

So

<a href="https://stackoverflow.com/questions/3624667/mailto:[email protected]">Email</a>

wird

<a href="&#x6d;&#97;&#105;&#108;&#x74;&#111;&#58;&#116;&#101;&#115;&#116;&#x40;&#x74;&#101;&#115;&#x74;&#x2e;&#x63;&#111;&#109;">Email</a>

Es ist insofern ansprechend, als es kein Javascript erfordert.

Plunker-Beispiel hier.

Aufbauend auf der Antwort von Daniel Vassallo gibt es eine Möglichkeit, einen Mailto-Link zu verschlüsseln kann Vermeiden Sie cleverere Spambots, die JS auswerten document.writes (wie von incarnate aufgezeigt) wäre, die Entschlüsselung in eine Javascript-Funktion zu stecken, die erst ausgewertet wird, wenn auf den Link geklickt wird. Verwenden Sie beispielsweise base64 als “Verschlüsselung”:

<script>

  function decryptEmail(encoded) {

    var address = atob(encoded);
    window.location.href = "https://stackoverflow.com/questions/3624667/mailto:" + address;

  }

</script>

<a href="javascript:decryptEmail('dGVzdEB0ZXN0LmNvbQ==');">Email</a>

Arbeitender Plunker.

Ich behaupte nicht zu wissen, ob dies von einem ausgeklügelteren Crawler überlistet werden könnte oder nicht.

Du könnte benutze die reCAPTCHA Mailverbergen Funktionalität. Dadurch werden E-Mail-Adressen im Formular angezeigt [email protected] wobei die Auslassungspunkte ein Link zum Anzeigen der vollständigen Adresse sind. Es ist ein wenig umständlich für den Besucher, sollte aber einen erstklassigen Schutz bieten. Allerdings wird diese Technik nicht Lassen Sie Ihre Besucher die Adresse direkt von Ihrer Webseite kopieren.

Ich verstehe den Teil über die “legitimen Crawler” wie Google nicht. Zumindest verstehe ich nicht, warum Google die E-Mail-Adresse trotzdem indexieren sollte. (Siehe OPs Kommentar unten.)

Sie können externe Dienste wie verwenden aemail.com:

@email ist ein kostenloser Dienst zum Verbergen von E-Mails, der E-Mails mit kurzen URLs verbirgt, die Absender nach dem Klicken auf den Link auf die mailto-URL umleiten.

Nachdem Sie eine E-Mail bei aemail.com eingegeben haben, erhalten Sie eine kurze URL, die verwendet werden kann, um Ihren „mailto“-Link zu ersetzen. Sobald auf den Link geklickt wird, wird Ihr Benutzer ohne Benachrichtigung von aemail.com auf die URL „mailto“ umgeleitet. API kann verwendet werden, um E-Mails zu verbergen/URLs dynamisch zu erhalten.

Beispiel:

<a href="https://stackoverflow.com/questions/3624667/mailto:[email protected]">Contact</a>

Ersetzt mit

<a href="https://aemail.com/q2">Contact</a>

Wird den E-Mail-Link funktionsfähig halten.

Ich benutze einfach:

<script language="javascript" type="text/javascript">
var pre = "hideme";
document.write("<a href="https://stackoverflow.com/questions/3624667/mailto:" + pre + "@domain.com">" + pre
+ "@domain.com</a>");
</script>
<noscript>Enable javascript to see our email!</noscript>

Meine Version generiert den Link spontan aus einer base64-codierten E-Mail-Zeichenfolge, wenn der Benutzer mit der Maus über den Link fährt oder ihn auf einem mobilen Gerät berührt. Alle Links mit dem Attribut „data-gen-email“ funktionieren.

// The string is your base64-encoded email
const emailAddress = atob("bWFpbHRvOnlvdUBkb21haW4uY29t");

// Select all links with the attribute 'data-gen-email'
const emailLinks = document.querySelectorAll('[data-gen-email]');

emailLinks.forEach(link => {
    link.onmouseover = link.ontouchstart = () => link.setAttribute('href', emailAddress);
});

Sie können Ihre E-Mail mit base64 codieren btoa('mailto:[email protected]')oder anderswo im Internet:

btoa('mailto:[email protected]'); // "bWFpbHRvOnlvdUBkb21haW4uY29t"

Beispiellink in html:

<a href="#" target="_blank" data-gen-email>Email Me!</a>