Как создать безспамовую контактную форму без капч

  1. Цель
  2. Эта проблема
  3. Решение
  4. Часть 2: Адрес электронной почты с возможностью нажатия
  5. Полные примеры
  6. Версия WordPress
  7. Нужна помощь?
  8. об авторе

Большинство методов борьбы со спамом, используемых сегодня веб-сайтами, в лучшем случае раздражают Большинство методов борьбы со спамом, используемых сегодня веб-сайтами, в лучшем случае раздражают. Они используют изображения, которые невозможно прочитать, или заставляют пользователей прыгать через какое-то кольцо, чтобы получить адрес электронной почты, вместо того, чтобы просто щелкнуть по нему. * Это может означать потерю продаж и возможностей для вас, потому что каждое препятствие отвлекает больше пользователей. *

В этой статье рассказывается, как использовать некоторые простые HTML, CSS и Javascript для защиты вашей личной информации, не заставляя ваших гостей прыгать через обручи.

Загрузите рабочую копию контактной формы, обсуждаемой здесь Загрузите рабочую копию контактной формы, обсуждаемой здесь.

Цель

Я хочу, чтобы пользователи могли связываться со мной просто и легко, без каптчей, без математических проблем, просто обычная форма контакта, интерактивный адрес электронной почты и все, что можно копировать и вставлять.

Эта проблема

Спамерам нравятся формы без капчи и кликабельные адреса электронной почты. Я не хочу получать тонну спама!

Решение

Используя немного CSS и JavaScript, мы можем создать простую и удобную страницу контактов, которая будет блокировать почти весь спам в форме автоматической связи.

Мы собираемся создать стандартную контактную форму с одной дополнительной функцией: ввод с именем «url» и примечание рядом с ним «Не вводите здесь ничего!»

HTML:

<form action = "/ submit.php" method = "post"> <p> Ваше имя: <input type = "text" name = "name" /> </ p> <p> Ваш электронный адрес: <input type = "text" name = "email" /> </ p> <p class = "antispam"> Оставьте это поле пустым: <input type = "text" name = "url" /> </ p> <p> <textarea name = "message"> </ textarea> </ p> <p> <input type = "submit" value = "Send" /> </ p> </ form>

Затем мы используем CSS, чтобы скрыть ввод и заметку.

CSS:

.antispam {display: none;}

Затем мы создаем правило на сервере, которое гласит: «Если пользователь напечатал что-либо в поле« url », то выбросьте его».

PHP:

if (isset ($ _POST ['url']) && $ _POST ['url'] == '' {mail ('[email protected]', 'Контактная форма', print_r ($ _ POST, true)); } <h1> Спасибо </ h1> Мы свяжемся с вами как можно скорее

Обычный человек даже не увидит коробку нормально, и поэтому оставит ее пустой, даже не думая об этом. Если CSS не загружается, они получают примечание, объясняющее, что делать.

Однако, когда спам-бот смотрит на это, он видит хорошее место для размещения спам-ссылки, которую они пытаются рекламировать.

Теперь скрипт php на сервере может сказать, кто спамер, а кто нет. На вашу электронную почту отправляются обычные люди, а спамеры игнорируются!

Часть 2: Адрес электронной почты с возможностью нажатия

Спамеры крадут ваш адрес электронной почты, просматривая исходный код сайта и захватывая все, что похоже на адрес электронной почты. Поэтому мы собираемся убедиться, что в исходном коде нет адреса электронной почты, и вместо этого сгенерировать его с помощью JavaScript.

Javascript:

var first = "ваше имя"; var last = "yoursite.com";

HTML:

Мой адрес электронной почты: <script type = "text / javascript"> document .write ('<a href="mailto:' +first +'@' + last+'">' + first + '@' + last + ' <\ / a> '); </ script> <noscript> Пожалуйста, включите JavaScript или используйте мою <a href = "/ contact.php"> форму контакта </ a> </ noscript>

Обычный пользователь увидит обычный адрес электронной почты и все просто работает. Пользователь, у которого отключен JavaScript, увидит объяснение и альтернативное решение. И спамер ничего не увидит!

Этот метод может быть легко распространен на номера телефонов и другую личную информацию.

Это были наиболее часто запрашиваемые функции, поэтому я добавил расширенную версию, которая изменяет поле «От:» в сообщении электронной почты на то, что пользователь ввел в поле, и удаляет все скобки массива из тела сообщения:

if (isset ($ _POST ['url']) && $ _POST ['url'] == '' {$ youremail = '[email protected]'; $ body = "Это форма, которая была только что отправлена: Имя: $ _POST [имя] E-Mail: $ _POST [электронная почта] Сообщение: $ _POST [сообщение]"; if ($ _POST ['email'] &&! preg_match ("/ [\ r \ n] /", $ _POST ['email'])) {$ headers = "From: $ _POST [email]"; } else {$ headers = "From: $ youremail"; } mail ($ youremail, 'Contact Form', $ body, $ headers); }

Функция preg_match () предназначена для того, чтобы спамеры не могли злоупотреблять вашим сервером, вставляя в заголовок дополнительные поля (такие как CC и BCC). Взгляни на http://www.thesitewizard.com/php/protect-script-from-email-injection.shtml для получения дополнительной информации.

if (isset ($ _POST ['url']) && $ _POST ['url'] == '' {{($ _POST ["message"] == "" || $ _POST ["name"] == "") {echo "<p> Пожалуйста, нажмите кнопку" Назад "и заполните все поля </ p>"; } else {mail ('[email protected]', 'Контактная форма', print_r ($ _ POST, true)); }} <h1> Спасибо </ h1> <p> Мы свяжемся с вами как можно скорее </ p> if (isset ($ _POST ['url']) && $ _POST ['url'] == '') {mail ('[email protected]', 'Контактная форма', print_r ($ _ POST, true)); } заголовок ('Location: http://www.mysite.com/thankyou.html'); выход («Перенаправление на http://www.mysite.com/thankyou.html»);

Полные примеры

Полная рабочая копия кода доступна для   просматривать на Github   и вы также можете   скачать Полная рабочая копия кода доступна для просматривать на Github и вы также можете скачать .zip файл кода

Для живой демонстрации, см. http://spam-free-contact-example.herokuapp.com/simple/contact.htm

Версия WordPress

Я обнаружил, что есть плагин для защиты от спама для WordPress, который использует методы, аналогичные описанным здесь: http://wordpress.org/extend/plugins/nospamnx/ - Я установил его в этом блоге, и пока он остановил почти 30 000 спам-комментариев.

Нужна помощь?

Я могу помочь вам настроить и / или связать вас с другими компетентными разработчиками. Для меня типичная установка будет стоить около 500 долларов, но вы, вероятно, найдете более дешевый вариант, разместив работу на Еланке , (Ссылка на эту страницу в описании вакансии, а затем поиск разработчиков с навыками php и электронной почты и предложение их подать заявку.)

об авторе

Натан   опытный веб-разработчик, который внимательно следит за безопасностью и усердно работает с пользователем Натан опытный веб-разработчик, который внимательно следит за безопасностью и усердно работает с пользователем. В настоящее время он работает в основном на JavaScript и Node.js.

Однако в центре внимания никогда не было технологии - речь идет о решении проблем и удовлетворении потребностей. «Компьютеры работают для нас, а не наоборот».

Похожие

Как создать описания продуктов, которые поддерживают продажи?
В интервью из серии
Как изменить IP-адрес в Windows 10
IP-адрес (Интернет-протокол) - это уникальный номер, через который ваш компьютер подключается к Интернету. В этом тексте мы решили представить несколько простых методов, с помощью которых вы можете изменить IP-адрес, обновить его или просто найти информацию о нем. Приглашаем вас ознакомиться с гидом.
Как создать онлайн-опрос бесплатно с помощью Google Docs
... стоящее время вы, вероятно, проводите какие-то опросы пару раз в неделю через Buzzfeed, Facebook, новостные сайты и т. Д. Несмотря на то, что мы проводим массу опросов, не многие из нас проводят собственные опросы. Основная причина в основном в том, что не существует супер простого и быстрого способа создать опрос, отправить его, отследить ответы и показать результаты всем. После использования нескольких онлайн-инструментов единственным способом, который я предпочитаю для создания простых
Помощь: Способы подключения детекторов тревоги
Главная страница Библиотека знаний Совет эксперта Способы подключения детекторов тревоги Как правильно подключить детектор и панель управления? Как выглядит подключение детекторов в зависимости от используемой линии обнаружения?
Как редактировать свой скин в Minecraft
Вы завидуете всем тем игрокам, которые бегают по Майнкрафту в своих изящных лохмотьях? Вы устали от скучной кожи по умолчанию? Вы хотите быть уникальным и ценимым за вашу внешность? Что ж, совершенно бесплатно для вас - за исключением небольшого количества вашего времени - вы можете изменить свою внешность и,
Как сбросить роутер до заводских настроек?
... нажатия кнопки RESET и одновременного включения маршрутизатора для включения питания. Кнопка RESET должна оставаться нажатой при подключении источника питания в течение следующих нескольких секунд. Контрольные диоды на панели маршрутизатора должны изменить цвет или частоту мигания, что означает, что процесс восстановления маршрутизатора до заводских настроек запущен. Если вам удастся восстановить настройки с помощью кнопки RESET, маршрутизатор позволит вам войти в систему с
Как перейти на Windows 10 бесплатно в 2019 году
В ноябре 2017 года Microsoft тихо объявила о закрытии своей бесплатной Windows 10 обновить программу. Если вы не получили бесплатную версию своей лучшей операционной системы на сегодняшний день, значит, вам не повезло. Или так мы подумали. Недавно я узнал, что
Как добавить Google Карты в WordPress
... се виды контента на свой сайт WordPress. На WPBeginner мы показали вам, как добавить аудио файлы , видео , PDF и таблицы в WordPress , Добавление контента из внешних источников позволяет
Как конвертировать аудиокниги для использования в iTunes
Когда вы покупаете аудиокниги в iTunes Store, программа упорядочивает их в разделе «Книги» боковой панели iTunes. Однако, если у вас есть аудиокниги из других источников, они могут быть в разных форматах, включая стандартные форматы MP3 или AAC, и iTunes может обрабатывать их по-разному при импорте. Вместо того, чтобы хранить их вместе с остальными книгами, iTunes может поместить их в раздел
Расширенные плагины WordPress, которые сделают вашу жизнь проще
У вас есть блог, который вы хотите значительно повысить? Если у вас есть страница WordPress, и вы хотите извлечь из нее максимальную пользу, не упускайте ее из виду. Вы можете скачать следующие дополнительные плагины, которые мы рекомендуем. Это позволяет выполнять различные функции, такие как улучшение SEO, обеспечивать больше трафика на ваш сайт через социальные сети, повышать безопасность вашей страницы или сокращать время загрузки. Обратите внимание и попробуйте улучшить
Как запустить устаревшую Windows с Limbo для Android
Узнайте, как запустить устаревшее программное обеспечение Windows на планшете Android с помощью эмулятора Limbo PC. С планшетами и смартфонами, использующими более мощные процессоры ARM, вы можете выполнить больше работы и попробовать новые приемы. Если вы хотите запустить

Комментарии

Что написать как часть обучения?
Что написать как часть обучения? Популярный список с задачами прокручивается по сети. Просто выберите что-нибудь ( нажмите, чтобы увидеть его в новом окне ). Помимо упражнений рекомендую задания с сайта
Как нам получить доступ к электронной почте в этой ситуации?
Как нам получить доступ к электронной почте в этой ситуации? Нам нужен адаптер, который соединяет наш мобильный телефон с приложением электронной почты. Давайте посмотрим на функции, ожидаемые от такого адаптера: Включите интернет-соединение между мобильным телефоном и почтовым приложением. Доступ к API электронной почты для отправки электронной почты. Учитывая требования, мы можем выбрать IFTTT в качестве адаптера. IFTTT - это сервис, который поддерживает
Top Virus , Афера технической поддержки Microsoft , Как исправить проблему с Google Redirect Virus , Как просмотреть скрытые файлы?
Как нам получить доступ к электронной почте в этой ситуации? Нам нужен адаптер, который соединяет наш мобильный телефон с приложением электронной почты. Давайте посмотрим на функции, ожидаемые от такого адаптера: Включите интернет-соединение между мобильным телефоном и почтовым приложением. Доступ к API электронной почты для отправки электронной почты. Учитывая требования, мы можем выбрать IFTTT в качестве адаптера. IFTTT - это сервис, который поддерживает
Как создать успешное имя для компании, которая будет привлекать клиентов и помнить их?
Как создать успешное имя для компании, которая будет привлекать клиентов и помнить их? [он-лайн], статья доступна по адресу: http://www.copywriting.pl/wymyslanie-idealnej-nazwy-firmy/ [доступ dn. 12.03.2014 г.]. Хотите больше такого вдохновляющего контента? Автор: Редакция Мацей Белак - Лучший и Лучший Редактор. По профессии он историк и политолог, а по увлечению журналист. Его самое большое хобби - джазовая музыка. Кроме того, он любитель русского
Вам нужна помощь с внедрением?
Вам нужна помощь с внедрением? Звоните по номеру 12 653 24 40 или в экстренном случае (в нерабочее время): 602 691 843 или пишите нам по адресу: [email protected] Вы также можете воспользоваться формой обратной связи в разделе «контакты». Узнайте, как подготовить свою работу к печати. Соблюдая несколько основных правил,
В начале ваша команда насчитывала несколько человек, как она выглядит на данный момент?
В начале ваша команда насчитывала несколько человек, как она выглядит на данный момент? В самом начале команда насчитывала 4 человека. Затем мы сдавали в аренду комнату другой компании, и к 16:15 нам каждый день приходилось покидать ее. Столы, где мы долго работали, были 70х70см. Вопреки внешнему виду, многие из них могут соответствовать. Сегодня над проектом возможностей .info работают 40,5 человек, комфорт гораздо выше, но мы не изменили нашу организационную
А как насчет других CA, таких как Comodo?
А как насчет других CA, таких как Comodo? В приведенном выше примере Comodo фактически обнаружил, что сайт является вредоносным, и отозвал сертификат. Поэтому им следует отдать должное за это. Проблема заключалась в том, что Chrome неправильно ищет отозванные сертификаты. То, как центры сертификации выдают сертификаты, уже давно является предметом дискуссий. Google
Переработанная более глубоко, чем классический S7, эта новая версия Edge исправляет (редкие) дефекты первой версии?
Переработанная более глубоко, чем классический S7, эта новая версия Edge исправляет (редкие) дефекты первой версии? Лаборатория 01net.com проверила это. Samsung Galaxy S7 Edge: реальность Как мы нашли во время нашего первого поглощения
Хотите получать уведомления о следующих статьях, как эта?
Хотите получать уведомления о следующих статьях, как эта? Подпишитесь на рассылку!
Вы действительно не можете опубликовать Fraszki как один том, как традиционные книги напечатаны?
Вы действительно не можете опубликовать Fraszki как один том, как традиционные книги напечатаны? Министерство так сомневается в способности найти то, что студенты должны обсудить? Свободное Чтение. Большинство текстов исходят оттуда, что означает, что они находятся в свободном доступе и могут быть легко найдены без использования министерской стороны. А как насчет текстов, авторские права которых не истекли? Здесь еще интереснее. Поскольку оказывается, что, хотя проект
Возможно ли и как построить высокое качество собственной жизни?
Возможно ли и как построить высокое качество собственной жизни? Каковы проблемы и опасности отсутствия этого в нашей жизни? Качество жизни - новая книга Качество, качество ... - его обменивают в разных случаях и меняют в разных случаях, и кроме того, он размывает тривиальность речи, мыслей, планов

Нужна помощь?
Как выглядит подключение детекторов в зависимости от используемой линии обнаружения?
Вы устали от скучной кожи по умолчанию?
Вы хотите быть уникальным и ценимым за вашу внешность?
Что написать как часть обучения?
Как нам получить доступ к электронной почте в этой ситуации?
Как нам получить доступ к электронной почте в этой ситуации?
Как создать успешное имя для компании, которая будет привлекать клиентов и помнить их?
Хотите больше такого вдохновляющего контента?
Вам нужна помощь с внедрением?