如何对 mailto 链接进行垃圾邮件防护？

Question

我希望访问者能够直接在我的网页上单击（或复制）电子邮件地址。然而，如果我能让机器人和其他爬虫更难获取所述电子邮件地址并将其注册到垃圾邮件列表中，那就太棒了。

我发现了不同的方法来做到这一点（即编码邮件到 HTML 链接），无论是使用 JavaScript 还是纯 HTML，但是你们推荐什么？ JavaScript 技术看起来更复杂，但这可能会影响关闭它的用户以及像 Google 这样的合法爬虫。

另一方面，HTML 似乎有点基本，机器人编写者现在应该已经弄清楚了......

我是否应该费心这样做，或者垃圾邮件发送者无论如何都会收到我的电子邮件？我知道反垃圾邮件过滤器正在变得越来越好，但如果我能采取更多措施来减缓垃圾邮件发送者的速度，我会的。

Answer 1

您可以使用reCAPTCHA Mailhide 功能。这将以表单呈现电子邮件地址 [电子邮件受保护]< /code> 其中省略号是查看完整地址的链接。这对访客来说有点麻烦，但应该提供优质的保护。话虽如此，此技术不会让您的访问者直接从您的网页复制地址。

我不明白关于像谷歌这样的“合法爬虫”的部分。至少，我不明白为什么 Google 无论如何都应该索引电子邮件地址。（请参阅下面的 OP 评论。）

Answer 2

我只是使用：

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

Answer 3

当用户将鼠标悬停在链接上或在移动设备上触摸它时，我的版本会根据 Base64 编码的电子邮件字符串动态生成链接。所有具有“data-gen-email”属性的链接都将起作用。

// 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);
});

您可以使用 btoa('mailto:[email protected] 将电子邮件编码为 Base64 ]')，或网络上的其他地方：

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

html 中的示例链接：

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

Answer 4

//This sets the mailto link when clicked. 
//As the link is followed, the focus is also lost and the link reset to # 
//html should look like this :
//<a class="courriel" data-courriel="john" data-objet="Just a test" href="#">Some text</a>

$('.courriel').click(function() { 
  var sA = $(this).attr('data-courriel'); // get nickname
  var sO = $(this).attr('data-objet');    // get subject
//Adresses are hard coded here; a nick name is used; 
//this to prevent having a potentially decypherable encoded adress  in the <a> tag
  switch (sA) { 
    case 'john': 
      $(this).attr('href', 'mailto:[email protected]?subject=' + sO);
      break;
    case 'paul':
      $(this).attr('href', 'mailto:[email protected]?subject=' + sO);
      break;
    default:
        $(this).attr('href', '#');
  }


})
$('.courriel').focusout(function() { //reset the link to # on focus loss
    $(this).attr('href', '#');
})

Answer 5

完整的反垃圾邮件版本

<div class="at">info<i class="fa fa-at"></i>google.com</div>
OR
<div class="at">info@google.com</div>

<style>
.at {
  color: blue;
  cursor: pointer;
}
.at:hover {
  color: red;
}
</style>

<script>
const el33 = document.querySelector(".at");
el33.onclick = () => {
  let recipient="info";
  let at = String.fromCharCode(64);
  let dotcom="google.com";
  let mail="mailto:";
  window.open(mail+recipient+at+dotcom);
}
</script>

Answer 6

这就是我用的。我不知道我在哪里找到的。我根本不懂 javascript，所以需要“Javascript for Dummy's”版本。 :-) 希望我知道如何预先填写主题行。有一天……也许吧。

<script language=javascript>var name = "firstname.lastname@";
document.write ("<a href=\"mailto:" + name + "gmail.com\">John Doe</a>");</script>

结果：[电子邮件受保护]

Answer 7

JavaScript 仍然是最好的 mailto 混淆器之一。对于禁用 JavaScript 的用户，您可能需要将 mailto 链接替换为联系表单的链接。

以下是流行的 JavaScript 反垃圾邮件混淆器：

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

还有上述的一个 php 版本能够从服务器端生成混淆的电子邮件。

这是上述工具生成的 JavaScript 代码，用于混淆我的电子邮件地址（注释完好）：

<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='mailto:"+link+"'>Email Me</a>")
}
//-->
</script><noscript><a href='contact-form.html'>Email Me</a></noscript>

Answer 8

这看起来是一种非常酷的字符编码方法，我认为它可以击败基本的垃圾邮件机器人：

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

因此

<a href="mailto:[email protected]">Email</a>

它很有

<a href="mailto:test@test.com">Email</a>

吸引力，因为它不需要任何 Javascript。

这里是 Plunker 示例。

Answer 9

基于 Daniel Vassallo 的回答，加密 mailto 链接的一种方法可以避免更聪明的垃圾邮件机器人评估 JS document.write（正如 incarnate 所指出的）将解密放入 Javascript 函数中，该函数仅在单击链接时进行评估。例如，使用 base64 作为“加密”：

<script>

  function decryptEmail(encoded) {

    var address = atob(encoded);
    window.location.href = "mailto:" + address;

  }

</script>

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

Working Plunker。

我并不声称知道这是否可以被更复杂的爬虫程序所超越。

Answer 10

您可以使用 aemail.com 等外部服务：

@email 是一项免费的电子邮件隐藏服务，可使用简短的内容隐藏电子邮件
单击链接后将发件人重定向到 mailto-url 的 URL。

在 aemail.com 输入电子邮件后，您将获得一个简短的 URL，可用于替换您的“mailto”链接。单击链接后，您的用户将被重定向到“mailto”URL，而 aemail.com 不会发出任何通知。 API 可用于动态隐藏电子邮件/获取 URL。

示例：

[电子邮件受保护]">联系人

替换为

联系人

将保持电子邮件链接正常工作。