Kako varno deliti svoj e-poštni naslov na spletnem mestu

Pošiljatelji neželene pošte so dandanes velika stvar. Če želite deliti svoje kontaktne podatke, ne da bi vas preplavila neželena e-pošta, potrebujete rešitev. Pred nekaj meseci sem naletel na to težavo. Medtem ko sem raziskoval, kako to rešiti, sem našel različne zanimive rešitve. Le eden od njih je bil popoln za moje potrebe.

V tem članku vam bom pokazal, kako preprosto zaščitite svoj e-poštni naslov pred neželeno pošto z več rešitvami. Na vas je, da se odločite, katera tehnika ustreza vašim potrebam.

Tradicionalni primer

Recimo, da imate spletno stran. Želite deliti svoje kontaktne podatke in ne želite deliti samo svojih socialnih povezav. E-poštni naslov mora biti tam. Enostavno, kajne? Vtipkate nekaj takega:

<a href="mailto:[email protected]">Send me an Email

In potem ga oblikujete po svojem okusu.

No, tudi če ta rešitev deluje, ima težavo. Omogoča, da je vaš e-poštni naslov na voljo dobesedno vsem, vključno s pajki spletnih mest in vsemi vrstami neželene pošte. To pomeni, da je vaš nabiralnik lahko preplavljen s tonami nezaželenih smeti, kot so promocijske ponudbe ali celo lažno predstavljanje.

Iščemo kompromis. Botom želimo otežiti pridobivanje naših e-poštnih naslovov, običajnim uporabnikom pa čim bolj preprosto.

Rešitev je zamegljenost.

Obfuscation je praksa narediti nekaj težko razumljivega. Ta strategija se uporablja z izvorno kodo iz več razlogov. Eden od njih je skrivanje namena izvorne kode, da bi otežili poseganje ali obratno inženirstvo. Najprej si bomo ogledali različne rešitve, ki vse temeljijo na ideji zamegljevanja.

Pristop HTML

Bote si lahko predstavljamo kot programsko opremo, ki brska po spletu in se plazi po spletnih straneh. Ko bot pridobi dokument HTML, interpretira vsebino v njem in izvleče informacije. Ta postopek ekstrakcije se imenuje spletno strganje. Če bot išče vzorec, ki se ujema z obliko e-pošte, ga lahko poskusimo prikriti z uporabo druge oblike. Na primer, lahko uporabimo komentarje HTML:

If you want to get in touch, please drop me an email at [email protected]address.com

Videti je neurejeno, vendar bo uporabnik videl e-poštni naslov takole:

If you want to get in touch, please drop me an email at [email protected]

Prednosti:

• Enostavna nastavitev.
• Deluje z onemogočenim JavaScriptom.
• Lahko se bere s pomožno tehnologijo.

Slabosti:

• Boti za neželeno pošto lahko preskočijo znana zaporedja, kot so komentarji.
• Ne deluje z a mailto: povezava.

Pristop HTML & CSS

Kaj pa, če uporabimo slogovno moč CSS-ja, da odstranimo nekaj vsebine, ki je postavljena samo zato, da preslepimo robote za neželeno pošto? Recimo, da imamo enako vsebino kot prej, vendar tokrat postavljamo a span element znotraj:

If you want to get in touch, please drop me an email at PLEASE GO AWAY! [email protected]address.com
.

Nato uporabimo naslednje slogovno pravilo CSS:

span.blockspam {
  display: none;
}

Končni uporabnik bo videl le to:

If you want to get in touch, please drop me an email at [email protected]

... kar je vsebina, ki nas resnično zanima.

Prednosti:

• Deluje z onemogočenim JavaScriptom.
• Boti težje dobijo e-poštni naslov.
• Lahko se bere s pomožno tehnologijo.

Z:

• Ne deluje z a mailto: povezava.

Pristop JavaScript

V tem primeru uporabljamo JavaScript, da naš e-poštni naslov naredimo neberljivega. Nato, ko se stran naloži, JavaScript naredi e-poštni naslov znova berljiv. Tako lahko naši uporabniki dobijo elektronski naslov.

Najpreprostejša rešitev za dekodiranje e-poštnega naslova uporablja algoritem kodiranja Base64. Najprej moramo kodirati e-poštni naslov v Base64. Uporabimo lahko nekatera spletna mesta, kot je Base64Encode.org storiti to. Vnesite svoj e-poštni naslov takole:

Nato kliknite gumb za kodiranje. S temi nekaj vrsticami JavaScripta dekodiramo e-poštni naslov in nastavimo href atribut v povezavi HTML:

var encEmail = "ZW1haWxAYWRkcmVzcy5jb20=";
const form = document.getElementById("contact");
form.setAttribute("href", "mailto:".concat(atob(encEmail)));

Nato se moramo prepričati, da e-poštna povezava vključuje id="contact" v oznaki, takole:

Send me an Email

Mi uporabljamo atob metoda za dekodiranje niza podatkov, kodiranih z Base64. Druga možnost je uporaba nekega osnovnega šifrirnega algoritma, kot je Cezarjeva šifra, ki ga je dokaj preprosto implementirati v JavaScript.

Prednosti:

• Za bote je bolj zapleteno pridobiti e-poštni naslov, še posebej, če uporabljate šifrirni algoritem.
• Deluje z a mailto: povezava.
• Lahko se bere s pomožno tehnologijo.

Z:

• JavaScript mora biti omogočen v brskalniku, sicer bo povezava prazna.

Pristop vgrajenega obrazca

Kontaktni obrazci so povsod. Zagotovo ste vsaj enkrat uporabili enega od njih. Če želite način, da vas ljudje neposredno kontaktirajo, je ena od možnih rešitev implementacija storitve kontaktnega obrazca na vašo spletno stran.

Formspree je en primer storitve, ki vam nudi vse prednosti kontaktnega obrazca, ne da bi morali skrbeti za kodo na strani strežnika. Wufoo je tudi. Pravzaprav, tukaj je kup, ki ga lahko upoštevate za obdelavo oddaje kontaktnega obrazca za vas.

Prvi korak pri uporabi katere koli storitve obrazca je, da se prijavite in ustvarite račun. Cene se seveda razlikujejo, prav tako kot ponujene funkcije med storitvami. Toda ena stvar, ki jo večina naredi, je, da vam zagotovi delček HTML za vdelavo obrazca, ki ga ustvarite, na katero koli spletno mesto ali aplikacijo. Tukaj je primer, ki sem ga potegnil neposredno iz obrazca, ki sem ga ustvaril v svojem računu Formspring

   Your email:
    
  
   Your message:
    
  
  
  
  Send

V prvi vrstici bi morali prilagoditi action glede na vašo končno točko. Ta obrazec je precej preprost, vendar lahko dodate toliko polj, kot želite.

Opazite skrito vnosno oznako v vrstici 9. Ta vnosna oznaka vam pomaga filtrirati oddaje, ki so jih naredili običajni uporabniki in roboti. Pravzaprav, če zaledje Formspree vidi oddajo s tem vnosom izpolnjeno, jo bo zavrglo. Navadni uporabnik tega ne bi naredil, zato mora biti bot.

Prednosti:

• Vaš e-poštni naslov je varen, saj ni javen.
• Deluje z onemogočenim Javascriptom.

Z:

• Zanaša se na storitev tretje osebe (ki je lahko profesionalna, odvisno od vaših potreb)

Ta rešitev ima še eno pomanjkljivost, vendar sem jo izpustil s seznama, ker je precej subjektivna in je odvisna od vašega primera uporabe. S to rešitvijo ne delite svojega e-poštnega naslova. Ljudem omogočate, da vas kontaktirajo. Kaj pa če ljudje želeli ti poslati e-pošto? Kaj pa, če ljudje iščejo vaš e-poštni naslov in ne želijo kontaktnega obrazca? Kontaktni obrazec je lahko težka rešitev v takšni situaciji.

zaključek

Prišli smo do konca! V tej vadnici smo govorili o različnih rešitvah problema spletnega deljenja e-pošte. Sprehodili smo se skozi različne zamisli, vključno s kodo HTML, JavaScript in celo nekaterimi spletnimi storitvami, kot je Formspree, za izdelavo kontaktnih obrazcev. Na koncu te vadnice se morate zavedati vseh prednosti in slabosti prikazanih strategij. Zdaj je na vas, da izberete najprimernejšega za vaš specifični primer uporabe.