Защита адреса E-mail на сайте от спам-ботов
Или свободно размещаем активную ссылку на контактную почту на своём сайте
Прежде чем размещать на сайте адрес контактной электронной почты для связи с подписчиками или клиентами, следует позаботиться о том, чтобы спрятать его от спам-ботов, которые сканируют сайты в поисках «легкой добычи», которую потом можно будет использовать для добавления в базу рассылки спам-сообщений.
Скрипт этот я писал не сам, а когда-то благополучно нашёл в просторах интернета и адаптировал под себя.
Защищаем активную ссылку вида mailto
С помощью JavaScript
Поможет тебе в этом простой скрипт, который следует поместить в отдельный файл с расширением *.js и подключить в месте, в котором ты хочешь вывести адрес электронной почты.
var acc = 'me';
var srv = 'okatiev.ru';
var mail = acc+'@'+srv;
var link = 'mailto:'+mail;
document.write('<a href="'+link+'">'+mail+'</a>');Замени значение переменной acc и srv на свой адрес электронной почты, например в acc подставь ivan_ivanov, а в srv — mail.ru. В итоге скрипт склеит эти переменные и «соберёт» адрес твоей электронной почты воедино — ivan_ivanov@mail.ru.
Чтобы вывести адрес электронной почты в нужном тебе месте с помощью скрипта, используй следующий код по аналогии:
<script src="https://okatiev.ru/themes/leaks/js/diespam.js" type="text/javascript"></script>Путь к скрипту пропиши свой :)
Результат работы скрипта на странице:
Защищаем адрес электронной почты в тексте
С помощью CSS
Иногда нужно просто указать адрес электронной почты в качестве текстовой строки, без использования адреса как ссылки. В таком случае на помощь к нам придёт CSS:
.reverse {unicode-bidi: bidi-override;direction: rtl;}Добавь этот класс в основную таблицу стилей своего сайта. Затем, тебе необходимо указать адрес электронной почты там, где ты хочешь его вывести в качестве обыкновенного текста. Указывать адрес электронной почты необходимо не обычно, слева направо, а справа налево с применением класса .reverse например:
<span class="reverse">ur.veitako@em</span>После этого, адрес электронной почты будет выглядеть в браузере следующим образом:
а в исходном коде так, как показано выше в блоке с кодом — задом наперед.
Вывод
Защита адреса E-mail на сайте от спам-ботов
У нас получился простой скрипт, который предотвратит попадание нашего E-mail адреса в «лапы» спам-ботов. Я на блоге успешно использую именно этот скрипт, а также маленькую хитрость на CSS там, где не нужно формировать ссылку вида mailto с адреса электронной почты, например в комментариях.
Надеюсь, что смог помочь тебе немного улучшить твой сайт этой маленькой статьёй! Если возникли вопросы — пиши их в комментариях ниже! До связи и удачи!