Há alguns anos atrás devido a um descuido mesmo coloquei o meu e-mail em um site para contato. Feito! Em uma semana já estava recebendo uma enxurrada de spam.

Sim ele foi pegos pelos bots de span, para quem não sabe, existem muitos bots rodando na internet com o intuito de pegar os emails que estão disponíveis na página para enviar spam.

Hoje necessitei colocar uma lista de endereços de e-mails em um site e lembrei deste triste incidente. Então como informar um e-mail em uma página sem receber spam(ou sem receber muito pelo menos).

A solução que encontrei foi utilizando o JQuery para substituir uma string predeterminada(no caso _em_) pelo @. Simples não! 

$(document).ready(function() {
    $(".email").each(function() {
        var tmp = $(this).html();
        $(this).html( tmp.replace('_em_','@') );
    });
});

Para aqueles que não conhecem o método each() do JQuery ele executa a função passada por parâmetro para cada elemento encontrado pelo seletor.

Agora basta colocar o e-mail dentro de um elemento da classe .email .

<span class="email">blogbotecodigital_em_gmail.com<span>

OBS.: Para dificultar eu aconselho mudar a string _em_ por outra, para que mesmo que os spammers alterem seus bots para pegar emails com _em_ no lugar de @ não não vão pegar o seu.

Para aqueles que não sabem trabalhar com JQuery veja nosso artigo de iniciação.