چگونه با خیال راحت آدرس ایمیل خود را در یک وب سایت به اشتراک بگذارید

امروزه هرزنامه ها یک معامله بزرگ هستند. اگر می خواهید اطلاعات تماس خود را بدون غرق شدن در ایمیل های هرزنامه به اشتراک بگذارید، به یک راه حل نیاز دارید. من چند ماه پیش با این مشکل مواجه شدم. در حالی که در حال تحقیق در مورد چگونگی حل آن بودم، راه حل های جالب مختلفی پیدا کردم. فقط یکی از آنها برای نیازهای من مناسب بود.

در این مقاله، من قصد دارم به شما نشان دهم که چگونه با چندین راه حل به راحتی از آدرس ایمیل خود در برابر ربات های اسپم محافظت کنید. این شما هستید که تصمیم می گیرید چه تکنیکی متناسب با نیازهای شما باشد.

مورد سنتی

فرض کنید شما یک وب سایت دارید. شما می خواهید اطلاعات تماس خود را به اشتراک بگذارید، و نمی خواهید فقط پیوندهای اجتماعی خود را به اشتراک بگذارید. آدرس ایمیل باید آنجا باشد. آسان است، درست است؟ شما چیزی شبیه به این تایپ می کنید:

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

و سپس با توجه به سلیقه خود به آن حالت دهید.

خوب، حتی اگر این راه حل کار کند، مشکل دارد. آدرس ایمیل شما را به معنای واقعی کلمه در دسترس همه قرار می دهد، از جمله خزنده های وب سایت و انواع ربات های اسپم. این بدان معنی است که صندوق ورودی شما می تواند مملو از زباله های ناخواسته مانند پیشنهادات تبلیغاتی یا حتی برخی از کمپین های فیشینگ شود.

ما به دنبال مصالحه هستیم. ما می‌خواهیم دریافت آدرس ایمیل ما را برای ربات‌ها سخت کنیم، اما برای کاربران عادی تا حد امکان ساده است.

راه حل مبهم است.

عصبانیت تمرین سخت کردن درک چیزی است. این استراتژی به دلایل متعدد با کد منبع استفاده می شود. یکی از آنها پنهان کردن هدف کد منبع برای دشوارتر کردن دستکاری یا مهندسی معکوس است. ابتدا راه حل های مختلفی را بررسی خواهیم کرد که همگی بر اساس ایده مبهم سازی هستند.

رویکرد HTML

می‌توانیم ربات‌ها را نرم‌افزاری در نظر بگیریم که وب را مرور می‌کنند و در صفحات وب می‌خزند. هنگامی که یک ربات یک سند HTML را دریافت می کند، محتوای موجود در آن را تفسیر کرده و اطلاعات را استخراج می کند. این فرآیند استخراج نامیده می شود تراشیدن وب. اگر یک ربات به دنبال الگویی است که با قالب ایمیل منطبق باشد، می‌توانیم با استفاده از قالب دیگری آن را پنهان کنیم. به عنوان مثال، می توانیم از نظرات HTML استفاده کنیم:

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

به نظر کثیف می رسد، اما کاربر آدرس ایمیل را به شکل زیر می بیند:

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

مزایا:

• آسان برای راه اندازی
• با غیرفعال بودن جاوا اسکریپت کار می کند.
• می توان آن را با فناوری کمکی خواند.

منفی:

• ربات‌های هرزنامه می‌توانند دنباله‌های شناخته شده مانند نظرات را رد کنند.
• با a کار نمی کند mailto: لینک کنید.

رویکرد HTML و CSS

اگر از قدرت طراحی CSS برای حذف برخی از محتوایی که فقط برای فریب دادن ربات‌های هرزنامه قرار داده شده است استفاده کنیم، چه؟ فرض کنید که ما همان محتوای قبلی را داریم، اما این بار a را قرار می دهیم span عنصر داخل:

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

سپس از قانون سبک CSS زیر استفاده می کنیم:

span.blockspam {
  display: none;
}

کاربر نهایی فقط این را می بیند:

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

... محتوایی که ما واقعاً به آن اهمیت می دهیم.

مزایا:

• با غیرفعال بودن جاوا اسکریپت کار می کند.
• دریافت آدرس ایمیل برای ربات ها دشوارتر است.
• می توان آن را با فناوری کمکی خواند.

با:

• با a کار نمی کند mailto: لینک کنید.

رویکرد جاوا اسکریپت

در این مثال، ما از جاوا اسکریپت استفاده می کنیم تا آدرس ایمیل خود را ناخوانا کنیم. سپس، هنگامی که صفحه بارگذاری می شود، جاوا اسکریپت آدرس ایمیل را دوباره قابل خواندن می کند. به این ترتیب کاربران ما می توانند آدرس ایمیل را دریافت کنند.

ساده ترین راه حل از الگوریتم رمزگذاری Base64 برای رمزگشایی آدرس ایمیل استفاده می کند. ابتدا باید آدرس ایمیل را در Base64 رمزگذاری کنیم. ما می توانیم از برخی وب سایت ها مانند Base64Encode.org برای انجام این. آدرس ایمیل خود را به صورت زیر وارد کنید:

سپس، روی دکمه برای رمزگذاری کلیک کنید. با این چند خط جاوا اسکریپت آدرس ایمیل را رمزگشایی کرده و تنظیم می کنیم href ویژگی در لینک HTML:

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

سپس باید مطمئن شویم که لینک ایمیل شامل آن می شود id="contact" در نشانه گذاری، مانند این:

Send me an Email

ما از atob روشی برای رمزگشایی رشته ای از داده های کدگذاری شده با Base64. یک جایگزین این است که از برخی از الگوریتم های رمزگذاری اولیه مانند الگوریتم استفاده کنید رمز سزار، که پیاده سازی آن در جاوا اسکریپت نسبتاً ساده است.

مزایا:

• دریافت آدرس ایمیل برای ربات ها پیچیده تر است، به خصوص اگر از الگوریتم رمزگذاری استفاده می کنید.
• با a کار می کند mailto: لینک کنید.
• می توان آن را با فناوری کمکی خواند.

با:

• جاوا اسکریپت باید در مرورگر فعال باشد، در غیر این صورت، لینک خالی خواهد بود.

رویکرد فرم تعبیه شده

فرم های تماس همه جا هست. مطمئناً حداقل یک بار از یکی از آنها استفاده کرده اید. اگر می خواهید راهی برای تماس مستقیم افراد با شما داشته باشند، یکی از راه حل های ممکن، پیاده سازی خدمات فرم تماس در وب سایت شما است.

Formspree نمونه ای از خدماتی است که تمام مزایای فرم تماس را بدون نگرانی در مورد کد سمت سرور در اختیار شما قرار می دهد. ووفو هم هست در حقیقت، در اینجا یک دسته است که می توانید در نظر بگیرید برای رسیدگی به فرم تماس ارسالی برای شما.

اولین قدم برای استفاده از هر سرویس فرم، ثبت نام و ایجاد حساب کاربری است. البته قیمت‌ها و ویژگی‌های ارائه شده بین خدمات متفاوت است. اما یکی از کارهایی که اکثر آنها انجام می دهند این است که یک قطعه HTML در اختیار شما قرار می دهند تا فرمی را که ایجاد می کنید در هر وب سایت یا برنامه ای جاسازی کنید. در اینجا یک مثال است که من مستقیماً از فرمی که در حساب Formspring خود ایجاد کرده‌ام استخراج کردم

   Your email:
    
  
   Your message:
    
  
  
  
  Send

در خط اول، شما باید سفارشی کنید action بر اساس نقطه پایانی شما این فرم کاملاً ابتدایی است، اما می توانید هر تعداد فیلد را که می خواهید اضافه کنید.

به تگ ورودی پنهان در خط 9 توجه کنید. این تگ ورودی به شما کمک می کند تا ارسال های ارسالی توسط کاربران عادی و ربات ها را فیلتر کنید. در واقع، اگر بک‌اند Formspree ارسالی با آن ورودی پر شده ببیند، آن را دور می‌اندازد. یک کاربر معمولی این کار را نمی کند، بنابراین باید یک ربات باشد.

مزایا:

• آدرس ایمیل شما ایمن است زیرا عمومی نیست.
• با جاوا اسکریپت غیرفعال کار می کند.

با:

• متکی به یک سرویس شخص ثالث (که ممکن است یک حرفه ای باشد، بسته به نیاز شما)

یک نقطه ضعف دیگر برای این راه حل وجود دارد، اما من آن را از لیست حذف کردم زیرا کاملا ذهنی است و بستگی به مورد استفاده شما دارد. با این راه حل، شما آدرس ایمیل خود را به اشتراک نمی گذارید. شما به مردم راهی برای تماس با شما می دهید. چه می شود اگر مردم می خواهم به شما ایمیل بزنم؟ اگر مردم به دنبال آدرس ایمیل شما باشند و فرم تماس نخواهند چه؟ یک فرم تماس ممکن است در چنین شرایطی راه حلی جدی باشد.

نتیجه

به آخر رسیدیم! در این آموزش در مورد راه حل های مختلف مشکل اشتراک ایمیل آنلاین صحبت کردیم. ما ایده های مختلفی را بررسی کردیم، شامل کد HTML، جاوا اسکریپت و حتی برخی از سرویس های آنلاین مانند Formspree برای ساخت فرم های تماس. در پایان این آموزش، باید از تمام جوانب مثبت و منفی استراتژی های نشان داده شده آگاه باشید. اکنون این شما هستید که مناسب ترین مورد را برای مورد استفاده خاص خود انتخاب کنید.