Quando criamos um website é importante colocar o nosso contacto para que possamos receber correspondencia dos nossos leitores ou clientes. O problema é que muitos bots ou spiders (programas feitos com o objectivo de obter o texto dos websites automaticamente) muitas vezes procuram os emails para enviar lixo para a nossa caixa de correio e vender esse email a mais empresas duvidosas com grandes listas para enviar spam para a nosssa caixa.

Então como podemos esconder o email desses bots?

<a href="mailto:utilizador@servidor_papa_spam.com">Enviar email</a>

O problema aqui é que os programas procuram isto e guardam todo o texto que têm depois da parte “mailto:” até ao fechar aspas.

Como posso resolver isto e obfuscar o email?

Abaixo mostro o codigo usado para a funcionalidade do botão:

<input id="bt_email" type="button" value="Mostrar email" onclick="mostraEmail();"/>
<div id="mto" >Aqui irá aparecer o email depois de clicar no botão></div>
<script>
function mostraEmail(){
    var m = "servidor.pt";
	m = ("utilizador" + "@" + m);
	document.getElementById("mto").innerHTML= ("&lt;a href='mailto:" + m + "'&gt;" + m + "&lt;/a&gt;");
}
</script>

Depois de clicar no botão, se quiser experimentar outravez a ter o email escondido, tera de fazer refresh à pagina para a div ficar no estado original.

Conclusão: