{"id":11687,"date":"2012-02-24T18:38:11","date_gmt":"2012-02-24T17:38:11","guid":{"rendered":"https:\/\/www.saasweb.agency\/blog\/protecting-email-addresses-from-scrapers-with-javascript-or-jquery\/"},"modified":"2026-10-27T08:32:35","modified_gmt":"2026-10-27T07:32:35","slug":"protecting-email-addresses-from-scrapers-with-javascript-or-jquery","status":"publish","type":"post","link":"https:\/\/www.saasweb.agency\/en\/blog\/protecting-email-addresses-from-scrapers-with-javascript-or-jquery\/","title":{"rendered":"Protecting Email Addresses from Scrapers with JavaScript or jQuery"},"content":{"rendered":"

If you publish your email address or those of others simply as HTML code, there is a risk that the addresses will be read automatically by scripts for the purpose of using them as recipients for spam. There are several more or less effective ways to make the addresses visible to website visitors while making automated reading more difficult. <\/p>\n

One of these methods is to clear the address of unique features such as @<\/strong> (as every email address is known to have exactly one @) or .<\/strong> (as a separator between the domain and TLD) by replacing these characters with markers and then swapping them with the correct characters at runtime.<\/p>\n

So, instead of writing in the HTML source code\n<\/div>\n
<a href=”mailto:mailname@domain.tld”>mailname@domain.tld<\/a><\/div>\n
\nwe write\n<\/div>\n
<span class=”amailto”>mailname at domain dot tld<\/span><\/div>\n
\nJavaScript (jQuery):\n<\/div>\n
\n$(document).ready(function(){
\n  var at = \/ at \/;
\n  var dot = \/ dot \/g;
\n  $(“span.amailto”).each(function(){
\n    var addr = $(this).text().replace(at,”@”).replace(dot,”.”);
\n    $(this).after(““+ addr +”<\/a>“);
\n    $(this).remove();
\n  });
\n});\n<\/div>\n","protected":false},"excerpt":{"rendered":"

If you publish your email address or those of others simply as HTML code, there is a risk that the addresses will be read automatically by scripts for the purpose of using them as recipients for spam. There are several more or less effective ways to make the addresses visible to website visitors while making \u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[981,983],"tags":[984,997,2073,866,837],"class_list":["post-11687","post","type-post","status-publish","format-standard","hentry","category-programming","category-tutorial","tag-email","tag-javascript","tag-jquery","tag-spam","tag-spam-protection"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.saasweb.agency\/en\/wp-json\/wp\/v2\/posts\/11687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.saasweb.agency\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.saasweb.agency\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.saasweb.agency\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.saasweb.agency\/en\/wp-json\/wp\/v2\/comments?post=11687"}],"version-history":[{"count":0,"href":"https:\/\/www.saasweb.agency\/en\/wp-json\/wp\/v2\/posts\/11687\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.saasweb.agency\/en\/wp-json\/wp\/v2\/media?parent=11687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.saasweb.agency\/en\/wp-json\/wp\/v2\/categories?post=11687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.saasweb.agency\/en\/wp-json\/wp\/v2\/tags?post=11687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}