वेबसाइट प्लेटोब्लॉकचेन डेटा इंटेलिजेंस पर अपना ईमेल पता सुरक्षित रूप से कैसे साझा करें। लंबवत खोज। ऐ।

वेबसाइट पर अपना ईमेल पता सुरक्षित रूप से कैसे साझा करें

स्पैमर आजकल बहुत बड़ी बात है। यदि आप स्पैम ईमेल से अभिभूत हुए बिना अपनी संपर्क जानकारी साझा करना चाहते हैं तो आपको एक समाधान की आवश्यकता है। मैं कुछ महीने पहले इस समस्या में भाग गया। जब मैं शोध कर रहा था कि इसे कैसे हल किया जाए, तो मुझे अलग-अलग दिलचस्प समाधान मिले। उनमें से केवल एक ही मेरी जरूरतों के लिए एकदम सही था।

इस लेख में, मैं आपको दिखाने जा रहा हूं कि कैसे आसानी से अपने ईमेल पते को कई समाधानों के साथ स्पैम बॉट्स से सुरक्षित रखें। यह आपको तय करना है कि कौन सी तकनीक आपकी आवश्यकताओं के अनुरूप है।

विषय - सूची

पारंपरिक मामला

मान लीजिए कि आपके पास एक वेबसाइट है। आप अपने संपर्क विवरण साझा करना चाहते हैं, और आप केवल अपने सामाजिक लिंक साझा नहीं करना चाहते हैं। ईमेल पता वहां होना चाहिए। आसान, है ना? आप कुछ इस तरह टाइप करें:

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

और फिर आप इसे अपने स्वाद के अनुसार स्टाइल करें।

खैर, अगर यह समाधान काम करता है, तो भी इसमें एक समस्या है। यह आपके ईमेल पते को वस्तुतः सभी के लिए उपलब्ध कराता है, जिसमें वेबसाइट क्रॉलर और सभी प्रकार के स्पैम बॉट शामिल हैं। इसका मतलब यह है कि आपके इनबॉक्स में प्रचार ऑफ़र या यहां तक ​​कि कुछ फ़िशिंग अभियान जैसे अवांछित कचरे की भरमार हो सकती है।

हम एक समझौता की तलाश कर रहे हैं। हम चाहते हैं कि बॉट्स के लिए हमारे ईमेल पते प्राप्त करना कठिन हो, लेकिन सामान्य उपयोगकर्ताओं के लिए जितना संभव हो उतना आसान हो।

समाधान उलझन है।

कहानियो किसी चीज़ को समझने में मुश्किल बनाने की प्रथा है। इस रणनीति का उपयोग कई कारणों से स्रोत कोड के साथ किया जाता है। उनमें से एक छेड़छाड़ या रिवर्स-इंजीनियरिंग को और अधिक कठिन बनाने के लिए स्रोत कोड के उद्देश्य को छिपा रहा है। हम सबसे पहले विभिन्न समाधानों को देखेंगे जो सभी ओफ़्फ़ुसकेशन के विचार पर आधारित हैं।

एचटीएमएल दृष्टिकोण

हम बॉट्स को ऐसे सॉफ़्टवेयर के रूप में सोच सकते हैं जो वेब ब्राउज़ करते हैं और वेब पेजों के माध्यम से क्रॉल करते हैं। एक बार जब एक बॉट एक 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]

पेशेवरों:

  • स्थापित करना आसान है।
  • यह जावास्क्रिप्ट अक्षम के साथ काम करता है।
  • इसे सहायक तकनीक द्वारा पढ़ा जा सकता है।

विपक्ष:

  • स्पैम बॉट टिप्पणियों जैसे ज्ञात अनुक्रमों को छोड़ सकते हैं।
  • यह ए के साथ काम नहीं करता है mailto: लिंक.

एचटीएमएल और सीएसएस दृष्टिकोण

क्या होगा यदि हम सीएसएस की स्टाइलिंग शक्ति का उपयोग केवल स्पैम बॉट्स को मूर्ख बनाने के लिए रखी गई कुछ सामग्री को हटाने के लिए करते हैं? मान लीजिए कि हमारे पास पहले की तरह ही सामग्री है, लेकिन इस बार हम a span अंदर तत्व:

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

.

फिर, हम निम्नलिखित सीएसएस शैली नियम का उपयोग करते हैं:

span.blockspam {
  display: none;
}

अंतिम उपयोगकर्ता केवल इसे देखेगा:

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

...वह कौन सी सामग्री है जिसकी हम वास्तव में परवाह करते हैं।

पेशेवरों:

  • यह जावास्क्रिप्ट अक्षम के साथ काम करता है।
  • बॉट्स के लिए ईमेल पता प्राप्त करना अधिक कठिन है।
  • इसे सहायक तकनीक द्वारा पढ़ा जा सकता है।

कांग्रेस:

  • यह ए के साथ काम नहीं करता है mailto: लिंक.

जावास्क्रिप्ट दृष्टिकोण

इस उदाहरण में, हम अपने ईमेल पते को अपठनीय बनाने के लिए जावास्क्रिप्ट का उपयोग करते हैं। फिर, जब पृष्ठ लोड होता है, जावास्क्रिप्ट ईमेल पते को फिर से पढ़ने योग्य बनाता है। इस तरह, हमारे उपयोगकर्ता ईमेल पता प्राप्त कर सकते हैं।

ईमेल पते को डीकोड करने के लिए सबसे आसान समाधान बेस 64 एन्कोडिंग एल्गोरिदम का उपयोग करता है। सबसे पहले, हमें ईमेल पते को बेस 64 में एन्कोड करना होगा। हम कुछ वेबसाइटों का उपयोग कर सकते हैं जैसे Base64Encode.org यह करने के लिए। अपना ईमेल पता इस तरह टाइप करें:

वेबसाइट पर अपना ईमेल पता सुरक्षित रूप से कैसे साझा करें

फिर, एन्कोड करने के लिए बटन पर क्लिक करें। जावास्क्रिप्ट की इन कुछ पंक्तियों के साथ हम ईमेल पते को डीकोड करते हैं और सेट करते हैं href एचटीएमएल लिंक में विशेषता:

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 स्निपेट प्रदान करता है। यहां एक उदाहरण दिया गया है जिसे मैंने अपने फॉर्मस्प्रिंग खाते में बनाए गए फॉर्म से सीधे खींचा है


  
  
  
  
  

पहली पंक्ति में, आपको अनुकूलित करना चाहिए action आपके समापन बिंदु के आधार पर। यह फ़ॉर्म काफी बुनियादी है, लेकिन आप जितने चाहें उतने फ़ील्ड जोड़ सकते हैं।

लाइन 9 पर छिपे हुए इनपुट टैग पर ध्यान दें। यह इनपुट टैग आपको नियमित उपयोगकर्ताओं और बॉट्स द्वारा किए गए सबमिशन को फ़िल्टर करने में मदद करता है। वास्तव में, यदि फॉर्मस्प्री का बैक-एंड उस इनपुट के साथ एक सबमिशन को भरता हुआ देखता है, तो वह उसे छोड़ देगा। एक नियमित उपयोगकर्ता ऐसा नहीं करेगा, इसलिए यह एक बॉट होना चाहिए।

पेशेवरों:

  • आपका ईमेल पता सुरक्षित है क्योंकि यह सार्वजनिक नहीं है।
  • यह जावास्क्रिप्ट अक्षम के साथ काम करता है।

कांग्रेस:

  • तृतीय-पक्ष सेवा पर निर्भर करता है (जो आपकी आवश्यकताओं के आधार पर एक समर्थक हो सकता है)

इस समाधान का एक और नुकसान है लेकिन मैंने इसे सूची से बाहर कर दिया क्योंकि यह काफी व्यक्तिपरक है और यह आपके उपयोग के मामले पर निर्भर करता है। इस समाधान के साथ, आप अपना ईमेल पता साझा नहीं कर रहे हैं। आप लोगों को आपसे संपर्क करने का एक तरीका दे रहे हैं। क्या होगा अगर लोग करना चाहते हैं आपको ईमेल करने के लिए? क्या होगा यदि लोग आपका ईमेल पता ढूंढ रहे हैं, और वे संपर्क फ़ॉर्म नहीं चाहते हैं? उस तरह की स्थिति में संपर्क फ़ॉर्म एक भारी-भरकम समाधान हो सकता है।

निष्कर्ष

हम अंत तक पहुँच गए! इस ट्यूटोरियल में, हमने ऑनलाइन ईमेल शेयरिंग की समस्या के विभिन्न समाधानों के बारे में बात की। हमने संपर्क फ़ॉर्म बनाने के लिए HTML कोड, जावास्क्रिप्ट और यहां तक ​​कि कुछ ऑनलाइन सेवाओं जैसे फॉर्मस्प्री को शामिल करते हुए विभिन्न विचारों के माध्यम से चले गए। इस ट्यूटोरियल के अंत में, आपको दिखाई गई रणनीतियों के सभी पेशेवरों और विपक्षों के बारे में पता होना चाहिए। अब, यह आप पर निर्भर है कि आप अपने विशिष्ट उपयोग के मामले में सबसे उपयुक्त को चुनें।

समय टिकट:

से अधिक सीएसएस ट्रिक्स