Spam, wie heeft er nog niet van gehoord? In vrijwel elke mailbox duiken er wel eens spam-mailtjes op. Natuurlijk hebben we dit liever niet en daarom hebben de meeste e-mailservices zelf al een ingebouwd systeem om spam te voorkomen. Maar we zouden ook eens naar de oorzaak kunnen kijken. Veel spam-bots verzamelen namelijk de e-mailaddressen via het web. Veel mensen zetten zomaar overal hun e-mailadres neer, met het gevolg dat spam-bots dit kunnen lezen en je mailbox dus voller en voller komt te zitten met ongewenste mailtjes. In de webtip van deze week gaan we kijken hoe je op je website toch ergens een e-mailadres kunt neerzetten, maar deze onleesbaar maakt voor spam-bots.

We maken gebruik van een jQuery plugin die in de broncode, waar de spam-bots het e-mailadres uithalen, een e-mailadres zodanig verandert dat deze nog wel normaal leesbaar is voor ons, maar niet leesbaar voor de spam-bots.

Stap 1

Download de jQuery spemail plugin hier.

Stap 2

Voeg én het pad naar jQuery en de jQuery plugin tussen je head-tags:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="jquery.spemail.1.0.js"></script> 

Stap 3

Zorg dat het e-mailadres gebruik gaat maken van de plugin door de functie van de plugin aan te roepen:

<script type="text/javascript">
$(document).ready(function(){
    $('#mail').spemail('|,:','mailbase');
});
</script>

Zetten we nu dit in ons HTML-document:

<span id="mail">test|example:com</span> 

Dan zien we een gewoon e-mailadres, waarbij de vreemde tekens respectievelijk vervangen zijn door '@' en '.'.

Demo

Een demo vind je op deze pagina, bekijk ook eens de broncode voor meer voorbeelden.