Kuidas oma e-posti aadressi veebisaidil ohutult jagada

Rämpspostitajad on tänapäeval tohutult palju. Kui soovite oma kontaktteavet jagada, ilma et teid rämpspostiga üle koormataks, vajate lahendust. Sattusin selle probleemiga kokku paar kuud tagasi. Uurides, kuidas seda lahendada, leidsin erinevaid huvitavaid lahendusi. Ainult üks neist oli minu vajadustele ideaalne.

Selles artiklis näitan teile, kuidas oma e-posti aadressi mitme lahendusega hõlpsalt rämpsposti eest kaitsta. Teie otsustada, milline tehnika teie vajadustele sobib.

Traditsiooniline juhtum

Oletame, et teil on veebisait. Soovite jagada oma kontaktandmeid ja te ei soovi jagada ainult oma suhtluslinke. E-posti aadress peab seal olema. Lihtne, eks? Sisestate midagi sellist:

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

Ja siis kujundate selle vastavalt oma maitsele.

Noh, isegi kui see lahendus töötab, on sellel probleem. See muudab teie e-posti aadressi kättesaadavaks sõna otseses mõttes kõigile, sealhulgas veebisaitide roomajatele ja igasugustele rämpspostirobotidele. See tähendab, et teie postkast võib olla üle ujutatud tonnide soovimatu prügiga, nagu sooduspakkumised või isegi mõni andmepüügikampaania.

Otsime kompromissi. Soovime muuta robotite jaoks meie e-posti aadresside hankimise keeruliseks, kuid tavakasutajatele võimalikult lihtsaks.

Lahendus on segadus.

Löömine on tava teha midagi raskesti mõistetavaks. Seda strateegiat kasutatakse lähtekoodiga mitmel põhjusel. Üks neist on lähtekoodi eesmärgi varjamine, et muuta rikkumine või pöördprojekteerimine keerulisemaks. Esmalt vaatleme erinevaid lahendusi, mis kõik põhinevad segamise ideel.

HTML-i lähenemine

Võime mõelda robotitest kui tarkvarast, mis sirvib veebi ja roomab läbi veebilehtede. Kui robot saab HTML-dokumendi, tõlgendab ta selle sisu ja eraldab teabe. Seda ekstraheerimisprotsessi nimetatakse veebi kraapimine. Kui robot otsib e-kirja vormingule vastavat mustrit, võime proovida seda maskeerida, kasutades teist vormingut. Näiteks võime kasutada HTML-i kommentaare:

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

See tundub räpane, kuid kasutaja näeb meiliaadressi järgmiselt:

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

Plussid:

• Lihtne üles seada.
• See töötab keelatud JavaScriptiga.
• Seda saab lugeda abitehnoloogia abil.

Miinused:

• Rämpspostirobotid võivad teadaolevaid järjestusi, nagu kommentaarid, vahele jätta.
• See ei tööta koos a mailto: link.

HTML ja CSS lähenemine

Mis siis, kui kasutame CSS-i stiilivõimet, et eemaldada osa sisust, mis on paigutatud ainult rämpsposti lollitamiseks? Ütleme nii, et meil on sama sisu, mis varem, aga seekord asetame a span element sees:

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

Seejärel kasutame järgmist CSS-i stiilireeglit:

span.blockspam {
  display: none;
}

Lõppkasutaja näeb ainult järgmist:

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

…mis on sisu, millest me tõeliselt hoolime.

Plussid:

• See töötab keelatud JavaScriptiga.
• Botitel on meiliaadressi kättesaamine keerulisem.
• Seda saab lugeda abitehnoloogia abil.

con:

• See ei tööta koos a mailto: link.

JavaScripti lähenemine

Selles näites kasutame oma e-posti aadressi loetamatuks muutmiseks JavaScripti. Seejärel, kui leht on laaditud, muudab JavaScript e-posti aadressi uuesti loetavaks. Nii saavad meie kasutajad e-posti aadressi.

Lihtsaim lahendus kasutab e-posti aadressi dekodeerimiseks Base64 kodeerimisalgoritmi. Esiteks peame e-posti aadressi Base64-s kodeerima. Saame kasutada mõnda veebisaiti nagu Base64Encode.org seda teha. Sisestage oma e-posti aadress järgmiselt:

Seejärel klõpsake kodeerimiseks nuppu. Nende paari JavaScripti rea abil dekodeerime e-posti aadressi ja määrame href atribuut HTML-i lingis:

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

Seejärel peame veenduma, et meililink sisaldab id="contact" märgistuses nii:

Send me an Email

Me kasutame atob meetod Base64-kodeeritud andmete stringi dekodeerimiseks. Alternatiiviks on kasutada mõnda põhilist krüpteerimisalgoritmi, näiteks Caesari šifr, mida on JavaScriptis üsna lihtne rakendada.

Plussid:

• Botitel on meiliaadressi hankimine keerulisem, eriti kui kasutate krüpteerimisalgoritmi.
• See töötab koos a mailto: link.
• Seda saab lugeda abitehnoloogia abil.

con:

• JavaScript peab brauseris olema lubatud, vastasel juhul on link tühi.

Manustatud vormi lähenemisviis

Kontaktvormid on kõikjal. Kindlasti olete üht neist vähemalt korra kasutanud. Kui soovite, et inimesed saaksid teiega otse ühendust võtta, on üks võimalikest lahendustest kontaktivormi teenuse juurutamine teie veebisaidil.

Vormivaba on üks näide teenusest, mis pakub teile kõiki kontaktivormi eeliseid ilma serveripoolse koodi pärast muretsemata. POKKERIKOOLI on liiga. Tegelikult, siin on hunnik, mida võite kaaluda teie eest kontaktivormide esitamise haldamiseks.

Esimene samm mis tahes vormiteenuse kasutamiseks on registreerumine ja konto loomine. Hinnakujundus on loomulikult erinev, nagu ka teenuste vahel pakutavad funktsioonid. Kuid üks asi, mida enamik neist teeb, on pakkuda teile HTML-lõigu, mille abil saate luua vormi mis tahes veebisaidile või rakendusse. Siin on näide, mille tõmbasin otse vormist, mille lõin oma Formspringi kontol

   Your email:
    
  
   Your message:
    
  
  
  
  Send

Esimesel real peaksite kohandama action teie lõpp-punkti põhjal. See vorm on üsna lihtne, kuid võite lisada nii palju välju, kui soovite.

Pange tähele peidetud sisendmärgendit real 9. See sisendmärgend aitab teil filtreerida tavakasutajate ja robotite esitatud esildisi. Tegelikult, kui Formspree'i taustaprogramm näeb selle sisendiga esitust, loobub see sellest. Tavakasutaja seda ei teeks, seega peab see olema robot.

Plussid:

• Teie e-posti aadress on turvaline, kuna see pole avalik.
• See töötab välja lülitatud Javascriptiga.

con:

• Toetub kolmanda osapoole teenusele (mis võib olla proff, olenevalt teie vajadustest)

Sellel lahendusel on veel üks puudus, kuid jätsin selle loendist välja, kuna see on üsna subjektiivne ja sõltub teie kasutusjuhtumist. Selle lahendusega ei jaga te oma e-posti aadressi. Annate inimestele võimaluse teiega ühendust võtta. Mis siis, kui inimesed tahan sulle meili saata? Mis siis, kui inimesed otsivad teie e-posti aadressi ja nad ei soovi kontaktivormi? Kontaktvorm võib sellises olukorras olla raske lahendus.

Järeldus

Jõudsime lõppu! Selles õpetuses rääkisime erinevatest lahendustest veebimeili jagamise probleemile. Käisime läbi erinevad ideed, kaasates kontaktivormide koostamiseks HTML-koodi, JavaScripti ja isegi mõningaid võrguteenuseid, nagu Formspree. Selle õpetuse lõpus peaksite teadma kõiki näidatud strateegiate plusse ja miinuseid. Nüüd on teie ülesanne valida oma konkreetse kasutusjuhtumi jaoks sobivaim.