Cegah crawler web dari mencuri alamat email dari situs web Anda

Jika Anda hanya cukup mempublikasikan alamat email di situs web, Anda dapat mengharapkan banyak spam di kotak masuk. Laba-laba web merayapi situs setiap saat mencari untuk mengumpulkan alamat email untuk mengirim mereka spam, iklan, atau virus. Inilah sebabnya mengapa Anda harus memastikan bahwa Anda tidak pernah menambahkan email Anda ke situs web apa pun sebagai teks atau tautan biasa yang dapat dilihat oleh robot.

Demo

Tampilkan Email

Google memiliki layanan email reCaptcha sendiri yang dianggap tidak nyaman oleh banyak orang dan tampaknya tidak didukung pada banyak perangkat seluler, tidak responsif.

Kami membutuhkan solusi paling sederhana yang memenuhi semua persyaratan di bawah ini:

• Aman - tidak terlihat oleh laba-laba
• Diklik - itu memicu href =”mailto: ...” acara
• Salin - teks dapat disalin jika seseorang hanya ingin menyimpannya
• Mudah digunakan bagi pengunjung - tidak harus menyelesaikan persamaan matematika atau menguraikan teks yang tidak dapat dibaca
• Mudah digunakan untuk admin - dapat diatur dengan kode pendek, tidak perlu skrip untuk setiap instance email

Kami telah menemukan solusi yang memuaskan semua.

Pelaksanaan

Gunakan HTML:

< A  class = "hiddenMail"  Data-email = "ferencATdenesDOTcom" >
    Tampilkan Email
</ a >

Script yang menangani acara (diperlukan jQuery):

$ ( jendela ). memuat ( function () {
     $ ( '.hiddenMail' ) .on ( 'click' , function ( event )
    {
        event .preventDefault ();
        $ ( ini ) .off ( "klik" );
        var email =  $ ( this ) .attr ( "data-email" ). ganti ( / AT / , '@' ). ganti ( / DOT / , '.' );
        $ ( ini ) .removeClass ( "hiddenMail" );
        $ ( ini ) .html (email);
        $ ( ini ) .attr ( "href" , "mailto:"e-mail);
    });
});

Kita membutuhkan preventDefault untuk mencegah href memicu tautan dan membiarkannya menjalankan skrip kita saja.

Setelah itu kita harus mematikan pendengar acara ini karena kita ingin klik untuk kedua kalinya pengunjung mengklik tautan.

Script menggantikan "AT" dan "DOT" dengan karakter yang diperlukan dan mengisi sekumpulan tautan yang sesuai untuk membuatnya berfungsi.