E-Mail Obfuscation

Eine E-Mail Adresse im Web Plan-Text zu veröffentlichen ist oft ein Fehler. Mit folgendern Methoden kann man eine E-Mail Adresse (inkl. Link) im Web veröffentlichen, ohne Angst zu haben, dass die Adresse durch einen Spider gefunden wird und es nur noch Spam schneit. Beide Methoden stammen aus dem Test des Tillate Techblogs.

HTML Code

Irgendwo auf der Seite werden zwei Span's ausgegeben. Eines ist hier unsichtbar.

<span id="email_crypt" class="url" style="display: none;"><a href="mailto:znvy@ndhnfbavp.pu" title="znvy@ndhnfbavp.pu">znvy@ndhnfbavp.pu</a></span>
<span id="email_plain" class="url">mail<span style="display:none">hide this</span>@aquasonic.ch</span>

Hat der Benutzer Javascript deaktiviert wird ihm die E-Mail Adresse ohne Link angezeigt. Das unsichtbare Span in der Mitte der Adresse verhindert, dass die E-Mail Adresse durch einen Spider gelesen werden kann. Im zweiten Span wird der Link geschrieben. Die E-Mail Adresse wird hier jedoch mit Rot13 verschlüsselt dargestellt. Ein entsprechender Generator findest du hier.

Javascript Code

Folgender Javascript Code entschlüsselt nun den verschlüsselten String und tauscht die Sichtbarkeit der beiden Span's. Somit ist nur noch das eine mit der Link sichtbar. Da die E-Mail Adresse niergens im Quelltext vorhanden ist kann ein Spider sie nicht finden.

<script type="text/javascript">
	function replace_span() {
		var oCrypt = document.getElementById('email_crypt');
		var oPlain = document.getElementById('email_plain');
 
		var sEmail = encrypt('znvy@ndhnfbavp.pu');
		oCrypt.innerHTML = oCrypt.innerHTML.replace(/znvy@ndhnfbavp.pu/gi, sEmail);
 
		oCrypt.style.display = 'block';
		oPlain.style.display = 'none';
	}
 
	function encrypt(sString) {
		return sString.replace(/[a-zA-Z]/g, function(c){
			return String.fromCharCode((c<='Z'?90:122)>=(c=c.charCodeAt(0)+13)?c:c-26);
		});
	}
</script>

Dieser Code wird nun ausgeführt nach dem vollständigen Laden der Seite ausgeführt.

<body onload="replace_span()">

Vorteile

Diese Implementation bringt einige Vorteile mit sich:

  • Der Benutzer sieht die E-Mail Adresse und kann dich mit einem Klick direkt kontaktieren
  • Der Benutzer sieht die E-Mail Adresse auch mit deaktiviertem Javascript
  • Gemäss Techblog ist diese Variante absolut sicher gegen Spider
  • Der Code ist valides (X)HTML
js/email_obfuscation.txt · Zuletzt geändert: 27.12.2013 19:46 (Externe Bearbeitung)
Nach oben
chimeric.de = chi`s home Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0