So teilen Sie Ihre E -Mail -Adresse sicher auf einer Website

Jetzt überflutet Spam. Wenn Sie Ihre Kontaktinformationen teilen möchten und nicht von Spam überwältigt werden möchten, benötigen Sie eine Lösung. Ich hatte dieses Problem vor ein paar Monaten. Während ich untersuchte, wie ich dieses Problem lösen kann, fand ich einige interessante Lösungen. Nur einer von ihnen befriedigt meine Bedürfnisse perfekt.

In diesem Artikel wird angezeigt, wie Sie Ihre E -Mail -Adresse einfach vor Spam -Bots auf verschiedene Arten schützen können. Sie können die richtige Methode entsprechend Ihren Anforderungen auswählen.

Katalog

html {scroll -verhalten: glatt;

HTML -Methode
HTML- und CSS -Methoden
JavaScript -Methode
Inline -Formularmethode
Schlussfolgerung

traditionelle Methode

Angenommen, Sie haben eine Website. Sie möchten Ihre Kontaktinformationen weitergeben und nicht nur Ihre sozialen Links weitergeben. Die E -Mail -Adresse muss existieren. Sehr einfach, oder? Sie können Folgendes eingeben:

<code><a href="https://www.php.cn/link/7c3b08f1b6142bceb956851f1a45442b">发送电子邮件给我</a></code>

Stylen Sie es dann nach Ihren Vorlieben.

Ok, auch wenn diese Lösung funktioniert, hat sie ein Problem. Dies macht Ihre E -Mail -Adresse für alle sichtbar, einschließlich Website -Crawler und verschiedenen Spam -Bots. Dies bedeutet, dass Ihr Posteingang mit vielen unerwünschten Spam überwältigt werden kann, wie z. B. Werbeangebote und sogar einige Phishing -Aktivitäten.

Wir suchen einen Kompromiss. Wir möchten es Bots schwierig machen, unsere E -Mail -Adresse zu erhalten, aber für den durchschnittlichen Benutzer ist es so einfach wie möglich.

Die Lösung ist Verwirrung.

verwirrend ist eine Praxis, die etwas schwer zu verstehen macht. Diese Strategie wird aus mehreren Gründen für den Quellcode verwendet. Einer der Gründe ist, den Zweck des Quellcode zu verbergen, um Manipulationen oder Rückwärtsentwicklung zu erschweren. Wir werden zunächst verschiedene Lösungen betrachten, die auf Verwirrungsideen basieren.

HTML -Methode

Wir können uns Roboter als Software vorstellen, die Webseiten durchsucht und kriecht. Nachdem der Bot das HTML -Dokument erhalten hat, interpretiert er den Inhalt und extrahiert die Informationen. Dieser Extraktionsprozess heißt

Netzwerkcrawl . Wenn der Bot nach einem Muster sucht, das dem E -Mail -Format entspricht, können wir versuchen, es mit einem anderen Format zu verschleiern. Zum Beispiel können wir HTML -Kommentare verwenden:

<code><p>如果您想联系我，请发送电子邮件至 email@address.com</p></code>

es sieht chaotisch aus, aber Benutzer sehen eine E -Mail -Adresse wie folgt:

<code>如果您想联系我，请发送电子邮件至 [email protected]</code>

Profis:

Einfach einzurichten.
Es funktioniert mit JavaScript deaktiviert.
unterstützte Technologie kann sie lesen.

Nachteile:

Spam -Bots können bekannte Sequenzen wie Kommentare überspringen.
Es funktioniert nicht mit Mailto: Link.

HTML- und CSS -Methoden

Was ist, wenn wir die Style -Funktion von CSS verwenden, um etwas zu entfernen, das nur zum Narren von Spam -Bots verwendet wird? Angenommen, wir haben den gleichen Inhalt wie zuvor, aber diesmal setzen wir ein Spannelement darin ein:

<code><a href="https://www.php.cn/link/7c3b08f1b6142bceb956851f1a45442b">发送电子邮件给我</a></code>

Dann verwenden wir die folgenden CSS -Stilregeln:

<code><p>如果您想联系我，请发送电子邮件至 email@address.com</p></code>

Endbenutzer sehen nur:

<code>如果您想联系我，请发送电子邮件至 [email protected]</code>

... das ist es, was uns wirklich interessiert.

Profis:

• Es funktioniert mit JavaScript deaktiviert.
• Robs sind schwieriger zu erhalten E -Mail -Adressen.
• unterstützte Technologie kann sie lesen.

Nachteile:

• Es funktioniert nicht mit Mailto: Link.

JavaScript -Methode

In diesem Beispiel verwenden wir JavaScript, um unsere E -Mail -Adresse unleserlich zu machen. Nachdem die Seite geladen wurde, macht JavaScript die E -Mail -Adresse erneut lesbar. Auf diese Weise können unsere Benutzer eine E -Mail -Adresse erhalten.

Die einfachste Lösung verwendet den Basis64 -Codierungsalgorithmus, um E -Mail -Adressen zu dekodieren. Zunächst müssen wir die E -Mail -Adresse als Base64 codieren. Wir können dies mit einigen Websites wie Base64Encode.org tun. Geben Sie Ihre E -Mail -Adresse wie folgt ein:

Klicken Sie dann auf die Schaltfläche, um zu codieren. Mit diesen JavaScript -Zeilen dekodieren wir die E -Mail -Adresse und setzen das HREF -Attribut im HTML -Link:

<code><p>如果您想联系我，请发送电子邮件至 PLEASE GO AWAY! email@address.com</p>。</code>

Dann müssen wir sicherstellen, dass der E -Mail -Link im Tag wie folgt enthalten ist:

<code>span.blockspam {
  display: none;
}</code>

Wir verwenden die ATOB -Methode, um eine Zeichenfolge von Base64 -codierten Daten zu dekodieren. Ein anderer Ansatz besteht darin, einige grundlegende Verschlüsselungsalgorithmen wie Caesar -Cipher zu verwenden, die in JavaScript einfach zu implementieren sind.

Profis:

• Roboter sind schwieriger, E -Mail -Adressen zu erhalten, insbesondere bei der Verwendung von Verschlüsselungsalgorithmen.
• Es funktioniert für mailto: link.
• unterstützte Technologie kann sie lesen.

Nachteile:

• JavaScript muss im Browser aktiviert sein, andernfalls ist der Link leer.

Inline -Formularmethode

Kontaktformulare sind überall verfügbar. Sie haben definitiv mindestens einen von ihnen benutzt. Wenn Sie möchten, dass Personen Sie direkt kontaktieren, besteht eine der möglichen Lösungen darin, den Kontaktformularservice auf Ihrer Website zu implementieren.

frequaTree ist ein Beispiel für einen Dienst, der alle Vorteile des Kontaktformulars bietet, ohne sich über den serverseitigen Code zu sorgen. Gleiches gilt für Wufoo. Tatsächlich gibt es viele Dienste, mit denen Sie in Betracht ziehen können, um Ihre Kontaktformulareinreichungen zu verarbeiten.

Der erste Schritt zur Nutzung eines beliebigen Formulardienstes besteht darin, sich zu registrieren und ein Konto zu erstellen. Natürlich variieren die Preisgestaltung und die Funktionen zwischen verschiedenen Diensten werden ebenfalls variieren. Die meisten Dienste bieten Ihnen jedoch ein HTML -Snippet, um die Formulare in eine Website oder Anwendung einzubetten. Hier ist ein Beispiel, das ich direkt aus dem Formular extrahiert habe, das ich in meinem Formspring -Konto erstellt habe

<code>如果您想联系我，请发送电子邮件至 [email protected]。</code>

Ihre E -Mail: Ihre Nachricht: In der ersten Zeile gesendet, sollten Sie die Aktion basierend auf Ihrem Endpunkt anpassen. Diese Form ist sehr einfach, aber Sie können so viele Felder hinzufügen, wie Sie möchten.

Beachten Sie die versteckten Eingangsmarken in Zeile 9. Mit diesem Eingabetag hilft Ihnen, Inhalte zu filtern, die von regulären Benutzern und Bots übermittelt werden. Wenn das Backend von ForMSpree ein Commit sieht, das diese Eingabe ausfüllt, wird es ihn verwerfen. Der durchschnittliche Benutzer wird dies nicht tun, daher muss es ein Roboter sein.

Profis:

• Ihre E -Mail -Adresse ist sicher, da sie nicht öffentlich ist.
• Es funktioniert mit JavaScript deaktiviert.

Nachteile:

• verlassen sich auf Dienste von Drittanbietern (dies kann je nach Ihren Anforderungen ein Plus sein)

Diese Lösung hat einen weiteren Nachteil, aber ich habe sie aus der Liste entfernt, weil sie sehr subjektiv ist und von Ihrem Anwendungsfall abhängt. Mit dieser Lösung teilen Sie Ihre E -Mail -Adresse nicht. Sie geben den Menschen die Mittel, um Sie zu kontaktieren. Was ist, wenn Leute

Ihnen eine E -Mail senden möchten? Was ist, wenn Leute nach Ihrer E -Mail -Adresse suchen und kein Kontaktformular benötigen? In diesem Fall kann das Kontaktformular eine übermäßig schwierige Lösung sein. Schlussfolgerung

Wir haben das Ende erreicht! In diesem Tutorial diskutieren wir verschiedene Lösungen für das Online -E -Mail -Sharing -Problem. Wir haben verschiedene Ideen eingeführt, einschließlich Online -Dienste wie HTML -Code, JavaScript und sogar ForMSpree, um Kontaktformulare zu erstellen. Am Ende dieses Tutorials sollten Sie alle Vor- und Nachteile der angezeigten Strategie verstehen. Jetzt können Sie die am besten geeignete Strategie basierend auf Ihrem spezifischen Anwendungsfall auswählen.

Das obige ist der detaillierte Inhalt vonSo teilen Sie Ihre E -Mail -Adresse sicher auf einer Website. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!