02. Januar 2010

E-Mail Adresse gegen Spam schützen

in Extension, TypoScript

Zu allererst: Ein frohes neues Jahr an alle TYPO3 Mitstreiter!

An der Stelle versuche ich Wissen zum Thema E-Mail Verschlüsselung in TYPO3 zusammenzutragen.
E-Mail Adressen im Klartext anzuzeigen, provoziert dass diese von Bots automatisiert gesammelt werden können. Die Spamflut im Postfach wird sich so also weiter vermehren.
TYPO3 bringt von Haus aus ein paar interessantere Möglichkeiten mit…

1. spamProtectEmailAddresses
Über spamProtectEmailAddresses bietet TYPO3 ein Javascript zur Link-Verschlüsselung auf eine E-Mail Adresse. Desweiteren kann man das @-Symbol und den Punkt vor der Top-Level-Domain gegen etwas anderes austauschen.
1.1 @ zu (at)
Mit diesem Typoscript lässt sich das @-Zeichen gegen (at) austauschen:

config.spamProtectEmailAddresses = 2
config.spamProtectEmailAddresses_atSubst = (at)
# info@email.de => info(at)email.de

1.2 @ zu ©
@ zum Copyright Symbol tauschen

config.spamProtectEmailAddresses = 2
config.spamProtectEmailAddresses_atSubst = ©
# info@email.de => info©email.de

1.3 @ zu Bild
@ zu einem Bild mit @-Symbol tauschen

config.spamProtectEmailAddresses = 2
config.spamProtectEmailAddresses_atSubst = <img src="fileadmin/at.png" />
# info@email.de => info<img src="fileadmin/at.png" />email.de

at.png kann ein Bild sein, das auf den ersten Blick wie ein normals @-Zeichen aussieht

1.4 clear GIF einfügen
Ein nahezu unsichtbares Bild in Mitten einer E-Mail Adresse einfügen

config.spamProtectEmailAddresses = 2
config.spamProtectEmailAddresses_atSubst = &#64;<img src="/clear.gif" alt="noSpam" />
# info@email.de => info&#64;<img src="/clear.gif" alt="noSpam" />email.de

1.5 unsichtbare HTML Tags einfügen
Inmitten einer E-Mail einen unsichtbaren Tag einfügen

config.spamProtectEmailAddresses = 2
config.spamProtectEmailAddresses_atSubst = <!!=:>noSpam</span>@
# info@email.de => info<span style="display: none;">noSpam</span>@email.de

1.6 @ und . mit JS
@ und . lässt sich auch Clientseitig über Javascript schreiben

page {
headerData.50 = TEXT
headerData.50.value (
<script type="text/javascript">
<!--
function obscureAddMid() {
        document.write('@');
}
function obscureAddEnd() {
        document.write('.');
}
// -->
</script>
)
}
config.spamProtectEmailAddresses = -2
config.spamProtectEmailAddresses_atSubst = <script type="text/javascript"> obscureAddMid() </script>
config.spamProtectEmailAddresses_lastDotSubst = <script type="text/javascript"> obscureAddEnd() </script>

2. Verschlüsselung mit recaptcha
Die Internetseite von recaptcha bietet eine E-Mail Verschlüsselung an. Ihr könnt eure E-Mail an recaptcha geben und erhaltet im Gegenzug etwas HTML Code.


Bei Klick auf die Punkte in der E-Mail geht ein Popup von recaptcha auf, das die Eingabe der gezeigten Zeichen verlangt.

Im Anschluss erhält man die angeforderte E-Mail

3. email2powermail
Wenn sowieso die Erweiterung powermail im Einsatz ist, kann man mit email2powermail automatisch alle E-Mail Adressen in Links zu einem powermail Formular umwandeln.


Natürlich kann man auch den verlinkten Text automatisch ändern, damit die E-Mail Adresse auf keinen Fall mehr im Quelltext zu finden ist.
Der Vorteil liegt unter anderem darin, dass kein Javascript nötig ist für diese Verschlüsselungsmethode.

4. Wichtige Hinweise
4.1 Do and Don’t table:

<a href="mailto:info@mail.de">info@mail.de</a>
 Don’t 
<a href="mailto:info@mail.de">info(at)mail.de</a>
 Don’t 
<a href="javascript:linkTo_UnCryptMailto('xxx');">info@mail.de</a>
 Don’t 
<a href="javascript:linkTo_UnCryptMailto('xxx');">info&copy;mail.de</a>
 Do 
<a href="index.php?id=123">Mail</a>
 Do
Vereinfacht lässt sich sagen: Sobald eine E-Mail irgendwo unverschlüsselt im Quelltext sichtbar ist, kann diese einfach eingesammelt werden

4.2 E-Mail komplett als Bild
Mittlerweile kann man E-Mail Adressen sehr leicht automatisiert aus Bildern herauslesen. Dies ist kein angemessener Schutz mehr.

4.3 Ascii Zeichen
Es mehren sich die Anzeichen, dass E-Mail Adressen, geschrieben im Ascii Format, keinen ausreichenden Schutz bieten.

4.4 Barriere
Egal wie eine E-Mail Verschlüsselung von statten geht – es handelt sich hierbei immer um eine Barriere – eben das Gegenteil von absoluter Barrierefreiheit.
Ich schätze, dass man an dieser Stelle einen Tod sterben muss.

5. Links

Cheers, Alex

P.S.: Was wichtiges vergessen?

15 Reaktionen zu “E-Mail Adresse gegen Spam schützen”

Kommentare abonnieren (RSS) oder TrackBack URL

hallo alex,

— quote—
P.S.: Was wichtiges vergessen?
— /quote —

wär der folgende ansatz noch interessant?

http://www.alistapart.com/articles/gracefulemailobfuscation/

grüsse aus den bergen.

roland

roland am 02. Januar 2010 um 21:03

@roland: Sieht vielversprechend aus!
Grüße in die Berge (fahre Morgen auch zum Snowboarden)

Alex Kellner am 03. Januar 2010 um 12:54

JS finde ich immer etwas dämlich …
leider funktioniert dies allein nicht
config.spamProtectEmailAddresses_atSubst = (at)
sondern man muss immer so etwas setzen
config.spamProtectEmailAddresses = 2
oder
config.spamProtectEmailAddresses = ascii

ich tendiere zu letzterem, auch wenn es weniger Schutz bietet

Phil am 03. Januar 2010 um 23:30

Ich habe Lösung 1.3 schon öfters eingesetzt, allerdings gebe ich dem Bild als alt-Attribut „@“. Das hat den Vorteil, dass man die korrekte Email-Adresse im Zwischenspeicher hat, wenn man sie markiert und kopiert 🙂

Sven Burkert am 04. Januar 2010 um 11:39

Hallo!

E-Mail rückwärts schreiben und dann per CSS umdrehen:

span.cryptedmail { unicode-bidi:bidi-override; direction: rtl;}

ed.idalf@swen

Jetzt muss nur noch jemand die TYPO3-Config dazu basteln 😉

Fladi am 04. Januar 2010 um 13:33

hmpf… html-tags verloren gegangen:

Hier nochmal der Code: http://pastebin.com/f4f94424d

Fladi am 04. Januar 2010 um 13:36

Ich halte die Verwendung von „[at], (at)“ oder ähnlichem für ziemlich nutzlos. Bots suchen nach Zeichen. Dem Bot beizubringen nach den o.g. Zeichenkombis zu suchen kann
der Programmierlehrling im ersten Jahr.

at und Punkt einer Mail durch Grafiken zu ersetzen ist meiner Meinung nach am Wirkungsvollsten. Letzendlich ensteht dadurch HTML Code aus Text-Bild-Text usw.
Die ganze Website ist so aufgebaut. Wie soll der Bot nun erkennen, das es sich hier ausgerechnent um eine Mailadresse handelt?
Unberücksichtigt bleibt dabei die Frage, ob er der Bot das At-Zeichen im Bild lesen kann.
Gruß Andreas

Andreas am 09. Januar 2011 um 09:41

Da habe ich jetzt gerade das erste mal drüber nachgedacht. Die Idee mit der Grafik ist wirklich gut. Die Bots werden das glaub ich nicht direkt erkennen. Der Zeit/Nutzen der Programmierung eines Bots der das kann ist glaub ich nicht so dufte… Danke für den Tipp.

Tim Lochmüller am 09. Januar 2011 um 10:40

ist zwar schon länger her, aber die grafik ist ja auch mit einem <a href="mailto:" umschlossen und her steht dann wieder schön sichtbar die adresse.

macpat am 22. Mai 2013 um 16:31

Hallo,

hier wurde so rege diskutiert vor ein paar Jahren 🙂 Aber hier vielleicht noch mal ein weiterer Ansatz:

Ich mache es immer so:
TS:
spamProtectEmailAddresses = 2
spamProtectEmailAddresses_atSubst = <span class=“nospam“></span>
spamProtectEmailAddresses_lastDotSubst = <span class=“punkt“></span>

Im CSS schreibe ich dann
span.nospam:before {
content:’@‘
}

span.punkt:before {
content:‘.‘
}

Da steht dann in der E-Mailadresse weder @ noch ein Punkt. Es sind Container innerhalb des Strings, mit dem ein Crawler nichts anfangen kann. Die SPANs sind so benannt, dass englischsprachige Crawler ebenfalls keine Rückschlüsse ziehen können. Die Ersetzung von @ und Punkt geschieht in einer völlig anderen Datei, die vmtl. von Crawler nicht mal geladen wird.

Das scheint mir relativ sicher zu sein.
Oder ist jemand anderer Meinung?

Grüße
Martin

Martin am 09. November 2017 um 11:59

ups, er hat meine atSubst etc. als HTML interpretier 🙁 @Admin: Kannst Du das richten? Danke

Martin am 09. November 2017 um 12:00

Hallo Martin, wirklich alter Beitrag. Aber dein Ansatz ist auch sehr gut. Danke dass du den hier geteilt hast.

Beste Grüße,
Tim

Tim Lochmüller am 09. November 2017 um 19:51

Hallo,

erst mal vielen Dank für den Beitrag.

In den letzten Jahren habe ich schon mehrfach die Variante mit dem JS verwendet – was auch immer eindwandfrei funktionierte.

Mittelerweile meckern aber die Überprüfungstools (z. B. Lighthouse von Chrome) über die Verwendung von document.write. Daher meine Bitte/Frage: wie lässt sich das vermeiden?

Freundliche Grüße

wini2

wini am 25. Juli 2020 um 19:31
Trackbacks & Pingbacks

[…] Dieser Eintrag wurde auf Twitter von Tobias Liegl, Alex Kellner erwähnt. Alex Kellner sagte: #typo3blogger Protect email addresses in TYPO3 against spam http://is.gd/5JNXQ […]

Pingback von Tweets die E-Mail Adresse gegen Spam schützen | TYPO3 Blogger erwähnt -- Topsy.com am 02. Januar 2010 um 20:03

[…] TYPO3 bietet die Möglichkeit per TypoScript alle vom Redaktuer eingegebenen Links automtsich zu verschlüsseln. Wie das geschiet kann man ebenfalls festgelegen. Ich hab dazu einen sehr guten Blog Beitrag hier gefunden: https://typo3blogger.de/e-mail-adresse-gegen-spam-schutzen/ […]

Pingback von Spamschutz für E-Mail Links | Web-aktiv Blog | TYPO3, Wordpress, Webentwicklung, Internetseiten, Web-Projekte, Fulda, Kassel, Bad Hersfeld, Gießen, Eisenach am 09. Januar 2011 um 10:06

Kategorien

Archiv