Bescherm je e-mail adres tegen SPAM robots
Ook al voorgehad dat je het nieuwe e-mail adres van je bedrijf, organisatie of klant op de website plaatst en dat je binnen de week gescand bent door internet’s meest irritante spamrobots? Zonder dat je het beseft steekt je mailbox vol met mailtjes over viagra, allerhande verleningen en zogezegde internet bedrijfjes.
Maar het moet toch mogelijk blijven om je e-mail te tonen op je website zonder al deze spam te ontvangen, niet?
Nu ben ik overlaatst een handig anti-spam jQquery script tegen gekomen dat mij tot nu toe al goed geholpen heeft.
Het is een script waarmee je het e-mail adres op deze manier in je code zet :
<span id="email">yourname|yourcompany:net</span>
En het op deze manier toont als je de pagina oproept :
yourname@yourcompany.net
Een kleine tutorial hoe je dit in je website implementeert :
Stap 1 :
Download de jQuery plugin.
Na het unzippen heb je 1 javascript bestand genaam : jquery.spemail.1.0.js
Stap 2 :
Maak in de head van je pagina een verwijzing naar het javascript bestand dat je gedownload hebt. Zoals hieronder :
<script src="jquery.spemail.1.0.js"></script>
Stap 3 :
Maak opnieuw in de head van je pagina een verwijzing, nu naar de laatste versie van het jQuery framework. We gebruiken hiervoor de code die Google voorziet. Voor degene die het nog niet weten, Google heeft een verzameling van de laatste javascript frameworks online staan welke je mag gebruiken in je website. We doen dit zoals hieronder :
<script src="http://code.jquery.com/jquery-latest.js"></script>
Stap 4 :
In deze stap moeten we nog een laatste stukje javascript plaatsen in de head van de pagina welke ervoor zorgt dat het e-mail adres wordt omgevormd. En dat is de volgende code :
<script>
$(document).ready(function()
{
$('#email').spemail('|,:','mailbase');
});
</script>
Stap 5 :
Het enige wat we nu nog moeten doen is het e-mail adres in de body van de pagina zetten en dat doen we op deze manier :
<span id="email">yourname|yourcompany:net</span>
Zoals je kan zien komt de id #email overeen met degene in het scriptje.
Overzicht van de pagina :
Als je alles gedaan hebt zoals hierboven omschreven zou je pagina er op deze manier moeten uitzien :
[
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bescherm je e-mail adres tegen SPAM</title>
<script language="javascript" src="jquery.spemail.1.0.js"></script>
<script language="javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function()
{
$('#email').spemail('|,:','mailbase');
});
</script>
</head>
<body>
<p>E-mail: <span id="email">yourname|yourcompany:net</p>
</body>
</html>
Als je de pagina van het script Fighting spam from inline email addresses using JQuery Plugin 1 gaat bekijken, zie je dat er 3 verschillende manieren zijn om je e-mail te schrijven in je code.
Hierboven werd 1 methode gebruikt om de tutorial te tonen. De andere 2 kan je bekijken in de code van de voorbeeld pagina.
Alle drie hebben ze hetzelfde effect, aan jou de keuze welke je wil gebruiken.
Op korte termijn bekeken helpt het script, laten we hopen dat het op lange termijn niet achterhaald wordt en dat de spam grotendeels achterwege mag blijven.
Laat gerust in de comments weten indien je het ook gebruikt hebt. Ook indien je een nog betere oplossing weet.
Nog vragen? Bezoek het forum...
:
Indien je het nuttig vond mag je altijd een bericht achterlaten of u inschrijven op onze nieuwsbrief om altijd op de hoogte te blijven.
Comments
Hallo Henri,
Bedankt voor deze zeer goede tip! Staat nu in mijn favorieten…
Heb ook je webpagina ivm tips voor spam in mijn favorieten gezet voor een artikel op Webtutorials binnenkort.
Groetjes
Cicco
Thank You for translating the plugin, you did a great job. Although I agree with Henry on the text to ascii solution, I believe that one is more able to be phished since there is a set standard. With the plugin, you can change the seperators all the time in a quick way.
I used Google translator to try to change what I said to Dutch. I hope it translates into something readable.
thanks again.
————————
Dank U voor het vertalen van de plugin, u heeft een geweldige baan. Hoewel ik het eens met Henry op de tekst naar ascii oplossing, ik denk dat men beter in staat te zijn phished omdat er een reeks standaard. Met de plugin kunt u de seperators de hele tijd op een snelle manier.
Ik gebruikte Google vertaler om te proberen te veranderen wat ik gezegd dat het Nederlands. Ik hoop dat dit zich vertaalt in een leesbaar.
nogmaals bedankt.
Hello Rich,
Thx for the nice message… I have used your plugin on a clients website and until now he didn’t receive any spam in his mailbox. Works great so far.
Next time, for the experiment, I will use the ASCII solution like Henri suggested.
Thank you for your visit!
Regards
Cicco
Die ASCII-manier lijkt me ook wel wat, dus ook meteen bij mijn favo’s gezet.
Zelf gebruik ik vaak een extension/behavior die ik ooit ergens tegenkwam. Ik heb even gezocht, je kan ‘m hier downloaden: http://linecraft.com/extensions.php (vrij ver naar beneden scrollen).
Via http://www.dynamicdrive.com/emailriddler/ werkt ook perfect.
Vul de velden op deze website in en er verschijnt daaronder een code die vervolgens in de html geplakt kan worden.
Alles staat er dan encrypted in, voorbeeld op http://www.josbouma.nl (links onder).
Greetz,
Jos
@Jos, het grote voordeel van “mijn” methode is dat het eigenlijk altijd werkt. Ik sprak vorig jaar iemand die voor de Nederlandse webrichtlijnen werkt. Hij zei dat de ASCII methode ook perfect in Lynx werkt.
Er zijn best nog wel wat mensen, die JavaScript hebben uitgeschakeld. JavaScript encrypting werkt in dat geval ook niet, dus kunnen bezoekers je op die manier niet mailen.
Daar heb je wel een punt idd. niet aan gedacht.
Heb het gelijk maar ff aangepast en wat denk je….ut werrukt.
Thx for the message.
Greetz,
Joske.
Cicco, ik gebruik zelf een andere methode, die ook ideaal werkt.
Het mailto:info@domein.be en info@domein.be zet ik om naar codes, via: http://getyourwebsitehere.com/jswb/text_to_ascii.html
Het e-mailadres staat dan gewoon correct op de pagina, maar in broncode zie je vreemde tekens. Deze method is bijzonder effectief.