কীভাবে নিরাপদে একটি ওয়েবসাইটে আপনার ইমেল ঠিকানা শেয়ার করবেন

স্প্যামাররা আজকাল একটি বিশাল চুক্তি। আপনি যদি স্প্যাম ইমেল দ্বারা অভিভূত না হয়ে আপনার যোগাযোগের তথ্য ভাগ করতে চান তবে আপনার একটি সমাধান দরকার। আমি কয়েক মাস আগে এই সমস্যায় পড়েছিলাম। যখন আমি এটি সমাধান করতে গবেষণা করছিলাম, তখন আমি বিভিন্ন আকর্ষণীয় সমাধান খুঁজে পেয়েছি। তাদের মধ্যে শুধুমাত্র একটি আমার প্রয়োজনের জন্য নিখুঁত ছিল.

এই নিবন্ধে, আমি আপনাকে দেখাতে যাচ্ছি কিভাবে আপনার ইমেল ঠিকানাকে একাধিক সমাধান সহ স্প্যাম বট থেকে সহজেই রক্ষা করবেন। কোন কৌশলটি আপনার প্রয়োজনের সাথে খাপ খায় তা সিদ্ধান্ত নেওয়া আপনার উপর নির্ভর করে।

ঐতিহ্যগত মামলা

ধরা যাক আপনার একটি ওয়েবসাইট আছে। আপনি আপনার যোগাযোগের বিশদ ভাগ করতে চান এবং আপনি শুধুমাত্র আপনার সামাজিক লিঙ্কগুলি ভাগ করতে চান না। ইমেল ঠিকানা অবশ্যই সেখানে থাকতে হবে। সহজ, তাই না? আপনি এই মত কিছু টাইপ করুন:

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

এবং তারপর আপনি আপনার স্বাদ অনুযায়ী এটি স্টাইল.

ঠিক আছে, এমনকি যদি এই সমাধান কাজ করে, এটি একটি সমস্যা আছে. এটি ওয়েবসাইট ক্রলার এবং সব ধরণের স্প্যাম বট সহ আক্ষরিক অর্থে সবার কাছে আপনার ইমেল ঠিকানা উপলব্ধ করে। এর মানে হল যে আপনার ইনবক্স প্রচুর অবাঞ্ছিত আবর্জনা যেমন প্রচারমূলক অফার বা এমনকি কিছু ফিশিং প্রচারাভিযানে প্লাবিত হতে পারে।

আমরা একটি আপস খুঁজছি. আমরা বটদের জন্য আমাদের ইমেল ঠিকানাগুলি পেতে কঠিন করতে চাই, তবে সাধারণ ব্যবহারকারীদের জন্য যতটা সম্ভব সহজ৷

সমাধান হল অস্পষ্টতা।

কিংকর্তব্যবিমূঢ়তা বোঝা কঠিন কিছু করার অনুশীলন। এই কৌশলটি একাধিক কারণে সোর্স কোডের সাথে ব্যবহার করা হয়। তাদের মধ্যে একটি হল টেম্পারিং বা রিভার্স-ইঞ্জিনিয়ারিংকে আরও কঠিন করার জন্য সোর্স কোডের উদ্দেশ্য লুকিয়ে রাখা। আমরা প্রথমে বিভিন্ন সমাধান দেখব যেগুলো সবই অস্পষ্টতার ধারণার উপর ভিত্তি করে।

এইচটিএমএল পদ্ধতি

আমরা বটগুলিকে সফ্টওয়্যার হিসাবে ভাবতে পারি যা ওয়েব ব্রাউজ করে এবং ওয়েব পৃষ্ঠাগুলির মাধ্যমে ক্রল করে। একবার একটি বট একটি এইচটিএমএল ডকুমেন্ট পেয়ে গেলে, এটি এর মধ্যে থাকা বিষয়বস্তুকে ব্যাখ্যা করে এবং তথ্য বের করে। এই নিষ্কাশন প্রক্রিয়া বলা হয় ওয়েব স্ক্র্যাপিং. যদি একটি বট ইমেল বিন্যাসের সাথে মেলে এমন একটি প্যাটার্ন খুঁজছে, আমরা একটি ভিন্ন বিন্যাস ব্যবহার করে এটি ছদ্মবেশ করার চেষ্টা করতে পারি। উদাহরণস্বরূপ, আমরা 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]

পেশাদাররা:

• সেট আপ সহজ।
• এটা জাভাস্ক্রিপ্ট নিষ্ক্রিয় সঙ্গে কাজ করে.
• এটি সহায়ক প্রযুক্তি দ্বারা পড়া যেতে পারে।

কনস:

• স্প্যাম বট কমেন্টের মত পরিচিত সিকোয়েন্স এড়িয়ে যেতে পারে।
• এটি একটি দিয়ে কাজ করে না 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]

…যে বিষয়বস্তু আমরা সত্যিই যত্নশীল।

পেশাদাররা:

• এটা জাভাস্ক্রিপ্ট নিষ্ক্রিয় সঙ্গে কাজ করে.
• ইমেল ঠিকানা পাওয়া বটদের পক্ষে আরও কঠিন।
• এটি সহায়ক প্রযুক্তি দ্বারা পড়া যেতে পারে।

কন:

• এটি একটি দিয়ে কাজ করে না mailto: লিঙ্ক।

জাভাস্ক্রিপ্ট পদ্ধতি

এই উদাহরণে, আমরা আমাদের ইমেল ঠিকানা অপঠনযোগ্য করতে JavaScript ব্যবহার করি। তারপর, পৃষ্ঠাটি লোড হলে, জাভাস্ক্রিপ্ট ইমেল ঠিকানাটিকে আবার পাঠযোগ্য করে তোলে। এইভাবে, আমাদের ব্যবহারকারীরা ইমেল ঠিকানা পেতে পারেন।

সবচেয়ে সহজ সমাধান ইমেল ঠিকানা ডিকোড করতে Base64 এনকোডিং অ্যালগরিদম ব্যবহার করে। প্রথমত, আমাদের বেস64-এ ইমেল ঠিকানাটি এনকোড করতে হবে। আমরা কিছু ওয়েবসাইট যেমন ব্যবহার করতে পারেন 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 বেস64-এনকোডেড ডেটার একটি স্ট্রিং ডিকোড করার পদ্ধতি। একটি বিকল্প হল কিছু মৌলিক এনক্রিপশন অ্যালগরিদম ব্যবহার করা সিজার সাইফার, যা জাভাস্ক্রিপ্টে প্রয়োগ করা মোটামুটি সোজা।

পেশাদাররা:

• ইমেল ঠিকানা পেতে বটদের পক্ষে এটি আরও জটিল, বিশেষ করে যদি আপনি একটি এনক্রিপশন অ্যালগরিদম ব্যবহার করেন।
• এটি একটি দিয়ে কাজ করে mailto: লিঙ্ক।
• এটি সহায়ক প্রযুক্তি দ্বারা পড়া যেতে পারে।

কন:

• জাভাস্ক্রিপ্ট ব্রাউজারে সক্রিয় করা আবশ্যক, অন্যথায়, লিঙ্কটি খালি থাকবে।

এমবেডেড ফর্ম পদ্ধতি

যোগাযোগ ফর্ম সর্বত্র আছে. আপনি অবশ্যই অন্তত একবার তাদের একটি ব্যবহার করেছেন. আপনি যদি লোকেদের সরাসরি আপনার সাথে যোগাযোগ করার একটি উপায় চান তবে সম্ভাব্য সমাধানগুলির মধ্যে একটি হল আপনার ওয়েবসাইটে একটি যোগাযোগ ফর্ম পরিষেবা বাস্তবায়ন করা।

ফর্মস্প্রি পরিষেবার একটি উদাহরণ যা আপনাকে সার্ভার-সাইড কোড নিয়ে চিন্তা না করে একটি যোগাযোগ ফর্মের সমস্ত সুবিধা প্রদান করে৷ Wufoo এটাও. আসলে, এখানে আপনি বিবেচনা করতে পারেন একটি গুচ্ছ আপনার জন্য যোগাযোগ ফর্ম জমা পরিচালনার জন্য.

যেকোনো ফর্ম পরিষেবা ব্যবহার করার প্রথম ধাপ হল সাইন আপ করা এবং একটি অ্যাকাউন্ট তৈরি করা৷ মূল্য পরিবর্তিত হয়, অবশ্যই, পরিষেবাগুলির মধ্যে দেওয়া বৈশিষ্ট্যগুলির মতো। কিন্তু তাদের বেশিরভাগই একটি জিনিস যা আপনি যে কোনও ওয়েবসাইট বা অ্যাপে তৈরি করা ফর্ম এম্বেড করার জন্য আপনাকে একটি HTML স্নিপেট প্রদান করে। আমার ফর্মস্প্রিং অ্যাকাউন্টে তৈরি করা একটি ফর্ম থেকে আমি সরাসরি টানা একটি উদাহরণ এখানে

   Your email:
    
  
   Your message:
    
  
  
  
  Send

প্রথম লাইনে, আপনার কাস্টমাইজ করা উচিত action আপনার শেষ পয়েন্টের উপর ভিত্তি করে। এই ফর্মটি বেশ বেসিক, তবে আপনি যত খুশি ক্ষেত্র যোগ করতে পারেন।

9 লাইনে লুকানো ইনপুট ট্যাগটি লক্ষ্য করুন। এই ইনপুট ট্যাগ আপনাকে নিয়মিত ব্যবহারকারী এবং বট দ্বারা করা জমাগুলি ফিল্টার করতে সহায়তা করে। প্রকৃতপক্ষে, যদি Formspree-এর ব্যাক-এন্ড সেই ইনপুট ভর্তি সহ একটি জমা দেখতে পায়, তাহলে এটি বাতিল করে দেবে। একজন নিয়মিত ব্যবহারকারী তা করবেন না, তাই এটি একটি বট হতে হবে।

পেশাদাররা:

• আপনার ইমেল ঠিকানা নিরাপদ কারণ এটি সর্বজনীন নয়।
• এটা জাভাস্ক্রিপ্ট নিষ্ক্রিয় সঙ্গে কাজ করে.

কন:

• একটি তৃতীয় পক্ষের পরিষেবার উপর নির্ভর করে (যা আপনার প্রয়োজনের উপর নির্ভর করে পেশাদার হতে পারে)

এই সমাধানটির অন্য একটি অসুবিধা রয়েছে তবে আমি এটিকে তালিকার বাইরে রেখেছি কারণ এটি বেশ বিষয়ভিত্তিক এবং এটি আপনার ব্যবহারের ক্ষেত্রে নির্ভর করে। এই সমাধানের সাথে, আপনি আপনার ইমেল ঠিকানা ভাগ করছেন না। আপনি লোকেদের আপনার সাথে যোগাযোগ করার একটি উপায় দিচ্ছেন। মানুষ হলে কি হবে প্রয়োজন আপনাকে ইমেইল করতে? লোকেরা যদি আপনার ইমেল ঠিকানা খুঁজছে এবং তারা যোগাযোগের ফর্ম না চায় তবে কী হবে? এই ধরণের পরিস্থিতিতে একটি যোগাযোগ ফর্ম একটি ভারী হাতের সমাধান হতে পারে।

উপসংহার

আমরা শেষ পর্যন্ত পৌঁছেছি! এই টিউটোরিয়ালে, আমরা অনলাইন ইমেইল শেয়ারিং এর সমস্যার বিভিন্ন সমাধান নিয়ে কথা বলেছি। আমরা যোগাযোগের ফর্মগুলি তৈরি করতে HTML কোড, জাভাস্ক্রিপ্ট এবং এমনকি কিছু অনলাইন পরিষেবা যেমন Formspree জড়িত বিভিন্ন ধারণার মধ্য দিয়ে হেঁটেছি। এই টিউটোরিয়ালের শেষে, দেখানো কৌশলগুলির সমস্ত সুবিধা এবং অসুবিধা সম্পর্কে আপনার সচেতন হওয়া উচিত। এখন, আপনার নির্দিষ্ট ব্যবহারের ক্ষেত্রে সবচেয়ে উপযুক্তটি বেছে নেওয়া আপনার উপর নির্ভর করে।