Html a mailto: Ссылка на адрес электронной почты

Содержание

html — a href=mailto: — как заставить работать?

Доброго всем здравия!
Недавно заметил (давно им не пользовался), что тег

<a href="mailto:[email protected]">отправить письмо</a>

в современных браузерах отключили (Opera, Chrome).
Как это победить? Не прибегая к PHP (так как сайты визитки, без PHP)

html
sendmail

Google Chrome может пытаться обрабатывать mailto: через GMail. Если вы не пользуетесь GMail’ом из Chrome, то он не знает, что делать. См. chrome://settings/handlers - GMail. У меня под Mac OS X 10.8.2, Chrome 24.0.1312.56 открывает стандартное почтовое приложение Mail. Все настройки по умолчанию.

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

связи.

Оказывается по умолчанию в Windows 7 нет почтового клиента, как был в ХР OutLook Express (как-то так он назывался).
Снос The Bat’a и установка Windows Live Mail немного исправила ситуацию.
Но как всегда… Это же Windows!!!
Кодировку charset=Windows-1251 Свою же(!!!) не воспринимает в коде:

<a href="mailto:[email protected]?subject=письмо%20бла-бла-бла%20с%20сайта&Body=Здравствуйте.%0D%0AХочу%20заказать%20у%20Вас%20тыры-пыры%20трали-вали%20%22Наименование%22.%20В%20количестве%20(%20)шт.%20Мои%20контакты:" target="_self">

Ну да ладно. Дело стронулось с мёртвой точки…
Извиняюсь за такое применение (a href), но клиент хочет бесплатный (точнее не может позволить платный) хостинг.
P.S. Как же всё «проще» становиться с новыми Виндовсами 😉

Все довольно таки банально просто! В виндовсе с какого то перепуга сбиваются настройки программ по умолчанию, добавь приложение «почта» или outlook как приложение по умолчанию Панель управления —> Программы —> Задание программ по умолчанию.

Из списка выбираешь программу для работы с почтой, после этого mailto будет работать.

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Параметры для mailto.

Экономим время пользователей

Каждый web-мастер знает, что для оформления ссылок, по нажатию на которые будет запускать почтовую программу, установленную у пользователя по умолчанию, и заполненным полем «Кому», необходимо воспользоваться конструкцией «mailto». Например:

<a href="mailto:[email protected]">[email protected]</a>

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

Конструкцию используют повсеместно, но забывают, что у нее есть несколько дополнительных параметров. Потратив 30 секунд на их заполнение, можно еще больше упростить драгоценному пользователю жизнь.

Что мы делаем, когда самостоятельно пишем письмо? Придумываем текст и заполняем ряд полей – кому, тема письма, копия, и тело (т.е. основной текст). При желании быстро написать пару фраз автору web-проекта на оставленный email, посетители постоянно забывают заполнить поле с темой письма. В большинстве почтовых клиентов, попытка отправить письмо без темы сопровождается предупреждением. Посетителю ничего не остается, как придумать какую-нибудь тему и вновь клацнуть по кнопке «Отправить».

Благодаря параметрам, которые можно передать конструкции «mailto» описанную выше проблему легко искоренить. Тему (а также ряд других полей) вполне реально заполнять автоматически. Достаточно воспользоваться дополнительными параметрами для конструкции «mailto». Их несколько:

subject – тема письма;

body – текст письма;

cc – копия письма;

bcc – скрытая копия письма;

Например, если мы хотим, чтобы пользователь, кликая по ссылке сразу формировал письмо с темой «Вопрос с сайта» и стартовым текстом «Здравствуйте, web-мастер» достаточно оформить ссылку следующим образом:

<a href="mailto:[email protected]?subject=Вопрос с сайта&body=Здравствуйте, web-мастер">your@mailbox. com</a>.

Кликнув по такой ссылке, потовые клиент сформирует шаблон письма с заполненными полями: кому, тема и тело письма. Пользователю останется лишь написать свои мысли и кликнуть по кнопке «отправить».

Аналогичным образом можно добавить заполнение полей «Копия» и «Скрытая копия». Смешно, когда web-мастера оставляют свой email и тут же просят для надежности ставить в копию еще один адрес. Бедный посетитель будет обязан несколько раз метнуться на страницу и скопипасть необходимые адреса. А ведь намного проще сделать так:

<a href="mailto:[email protected]?subject=Вопрос с сайта&body=Здравствуйте, web-мастер&сс[email protected]">[email protected]</a>.

Адрес для поля «Скрытая копия» добавляется аналогичным образом.

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

Как использовать mailto в HTML?

Улучшить статью

Сохранить статью

Последнее обновление: 03 Янв, 2023

Читать

Обсудить

Улучшить статью

Сохранить статью

В этой статье мы узнаем, как использовать ссылки mailto для отправки почты в формате HTML. Ссылка Mailto — это способ по умолчанию отправить письмо, когда потребитель хочет пообщаться или оставить отзыв, а затем щелкнуть ссылку mailto 9.Ссылка 0022 откроет окно отправки почты по умолчанию. Таким образом, мы можем использовать

mailto , который направляет нас на почту после отправки формы. Используя mailto , мы можем установить поле действия формы, и в этом случае веб-браузер вызывает почтовый клиент для отправки отправки формы на указанный адрес электронной почты. Кроме того, мы можем прикрепить содержимое Cc, Bcc, Subject и body.
Синтаксис:

com" enctype="multipart/form-data">
Параметры: Этот атрибут принимает семь параметров, как описано ниже:
mailto: Этот параметр содержит адрес получателя электронной почты mail.
cc: Этот параметр содержит другое письмо, которое получит копию письма, это необязательно.
скрытая копия: Этот параметр содержит другую почту, которая получит скрытую копию почты, это необязательный параметр.
тема: Этот параметр содержит тему письма, это необязательно.
body: Этот параметр содержит содержимое письма, он не является обязательным.
?: Этот параметр является первым разделителем параметров, он не является обязательным.
@: Содержит другой разделитель параметров, это необязательно.
Подход: Чтобы отправить почту на указанный почтовый адрес, мы будем использовать mailto и установить поле действия формы, для которой веб-браузер будет вызывать почтовый клиент для отправки формы на указанный адрес. Адрес электронной почты. При нажатии на ссылку mailto открывается окно отправки почты по умолчанию без необходимости копировать его и вводить в почтовый клиент.

Приведенные ниже примеры иллюстрируют использование ссылок mailto в HTML.
Пример 1: В этом примере мы использовали HTML-форму для ввода имени, контактного номера и текстовой области для отправки предложений.
HTML

< html >
< head >
     < title >Using mailto link title >
     < style >
     h2 {
         color: green ;
}

. Container {
Width: 400PX;
         граница: 2 пикселя сплошного черного цвета;
         заполнение: 15 пикселей;
     }
     style >
head >

< body >
< деление class = "container" >
         < h2 >Geeksforgeeks h2 >
         < b >Using mailto link B >
< Форма Метод = "Пост"
"0090 action =
     "mailto: geeksforgeeks@gmail. com"
               enctype = "multipart/form-data" >
             < Div Класс = «Контроль» >
Имя:
:
9000 < input aria-required = ""
                         id = "name"
                         type = "text" />
DIV >
< BR >
             < div class = "control" >
                  Ph no:
                 < input aria-required = ""
ID = "Mobile_number"
type = "tel" />
             div >
             < br >
             < div class = "control" >
                < textarea rows = "7"
                           cols = "30"
                           name = "comment" >
                textarea >
           9 0 div >
             < br >
             < div class = "control" >
                 < ввод тип = "отправить"
                       значение 0 "Submit" />
             div >
         form >
     div >
Body >
HTML >
19903
3. 0022
HTML-форма с использованием ссылки mailto
Пример 2: Этот пример иллюстрирует использование ссылки mailto для отправки формы обратной связи по почте в формате HTML.
HTML

< html >
< head >
     < title > Использование ссылки mailto Название >
< Стиль >
H2 {
090 H2 {
090 00: : 0090: GREET
}

. Container {
Width: 400PX;
         граница: 2 пикселя, сплошная черная;
         заполнение: 15 пикселей;
     }
     style >
head >

< body >
< раздел класс = "контейнер" >
         < h2 >Geeksforgeeks h2 >
         < b >Using mailto link b >< br >
< A Href = "Mailto: Geksforgeeks@gmail. com?
CC
CC
0089 = gfg @gmail.com&                   bcc = geeks @gmail.com                   & subject = Feedback from the гики
                 & body = Добавь что хочешь предложить"> 80089              Suggest your thought
             about us through mail
         a >
     div >
корпус >
html >
Выход: 0022
Перенаправление формы обратной связи с помощью ссылки mailto

Статьи по теме
Ссылки Mailto с пояснениями с примерами
HTML почти так же стар, как Интернет, как и одна из его наиболее распространенных схем: mailto. И хотя с тех пор многое изменилось, старый добрый mailto по-прежнему широко используется и преподается на курсах HTML по всему миру.
Принцип работы очень прост. При размещении за текстом и последующем щелчке/нажатии он вызывает открытие почтового клиента по умолчанию, и на экране появляется новый создатель сообщения электронной почты. Обычно одно или несколько полей уже предварительно заполнены, чтобы облегчить жизнь отправителю (и сделать опечатки и последующие возвраты электронной почты невозможными).
Мы собираемся изучить различные методы настройки HTML-ссылок mailto. Мы также поговорим о том, хорош ли этот подход в 2020-х годах и есть ли жизнеспособные альтернативы. Давайте начнем!
Основы mailto
Mailto — это ссылка, поэтому вам нужно использовать тег с его атрибутом href. Очень простой синтаксис mailto, который отправляет электронное письмо после нажатия на «Я хочу бесплатные биткойны», выглядит следующим образом:
io">Я хочу бесплатные биткойны
Говорят, чем большему количеству людей вы отправите электронное письмо, тем выше шанс получить то, что вы хотите, верно? Если это то, чего вы действительно хотите, вы можете позволить лидам связаться с несколькими людьми одновременно. Просто введите их адреса через запятую.
Я хочу бесплатные биткойны
При нажатии на такую ссылку откроется почтовое приложение по умолчанию или загрузите веб-клиент в той же или новой вкладке. Что именно происходит, зависит от настроек по умолчанию устройства и браузера получателя (подробнее об этом позже).
Если получатель вошел в свой почтовый клиент, появится пустое окно нового сообщения с предварительно заполненным полем «Кому:». Вот пример Gmail:
Дальнейшая настройка
Хорошо, это было легко настроить. Но приведенное выше электронное письмо все еще совершенно пусто, и от клиента потребуется некоторое усилие, чтобы заполнить и отправить его. Скорее всего, они передумают в процессе, и вы действительно захотите отдать все те биткойны, которые вы старательно копали. К счастью, предварительное заполнение поля «Кому:» — это только начало.
Строка темы
Чтобы автоматически добавить текст в поле темы , вставьте его после параметра «тема», как в примере ниже.

Если это был первый параметр, который вы добавили к адресу электронной почты, используйте «?» чтобы разделить их. Для любых других параметров вы будете использовать амперсанд «&». Для разделения слов используйте тег «%20».
Тело сообщения электронной почты
Скорее всего, вы также хотите предварительно заполнить тело сообщения электронной почты . Для этого вы будете использовать параметр body (сюрприз-сюрприз).
io,[email protected]?subject=Give%20me%20all%20your%20bitcoins&body=Здесь%20are%20my%20parents'%20credit %20card%20numbers%3A%0D%0A%0D%0ACheers%2C%0D%0AHappy%20Customer”>Я хочу бесплатные биткойны
разделяя слова, вам также может понадобиться разделить строки. Используйте для этой цели тег «%0D%0A».
Теперь это выглядит намного лучше (в зависимости от того, кого вы спросите, конечно).
CC и BCC
Если по какой-либо благородной причине вы просто хотите держать Кейт и Джона в курсе, вы можете легко cc и bcc (слепая копия) их . Например, так:
Пропустите поле «Кому»
Или, может быть, вы действительно не хотите, чтобы кто-то писал вам по электронной почте, но вместо этого вы хотите, чтобы люди распространяли новости о розыгрыше, который вы делаете? Вы можете опустить поле «Кому» со следующей конструкцией:
Открыть в новой вкладке
Последнее, что может быть полезно знать, относится к открытие ссылки, содержащей mailto, в новой вкладке .
Я хочу бесплатные биткойны
Если вы используете эту конструкцию и у ваших клиентов есть родное приложение установить в качестве почтового клиента по умолчанию (например, Microsoft Outlook или Apple Mail), ничего не изменится. Приложение откроется с предварительно заполненным электронным письмом, независимо от того, включаете ли вы параметр «цель» или нет.
Если, однако, у них есть веб-клиент, такой как Gmail, в качестве почтового клиента по умолчанию, это будет иметь значение. Использование 9Параметр 1031 target=”_blank” заставит почтовый клиент открываться в новой вкладке, позволяя пользователю оставаться на вашем сайте и просматривать больше ваших «отличных» предложений. В любом другом случае (даже если цель не указана) почтовый клиент будет загружаться в той же вкладке.
Добавить вложение
А что, если вы хотите автоматически добавить вложение? Это не так просто и не просто так — автоматическое извлечение файлов с жесткого диска пользователя и отправка их по электронной почте может привести к серьезным злоупотреблениям. По этой причине в протоколе mailto нет параметра, связанного с вложениями.
Однако могут быть законные варианты использования вложений.
Например, ваш сайт создает файл (скажем, простой дизайн), который пользователи могут сразу отправить другу. Чтобы включить это, попросите сервер сгенерировать URL-адрес файла и включить его в тело электронного письма для загрузки получателем. Точно так же, если пользователи должны загрузить файл, сгенерируйте ссылку на него после завершения загрузки и включите ее в качестве гиперссылки в основной текст электронного письма.
В любом случае это будет ссылка для скачивания, а не отправленное вложение. Но он должен работать практически в любой ситуации.
Вам не нужно делать все это вручную
И хорошие новости в завершение этой главы — существует множество отличных инструментов, которые создадут для вас ссылку mailto, поэтому вам не нужно играть с Теги %20 и %0D%0A весь день. Некоторые примеры включают https://mailtolink. me/ и https://htmlstrip.com/mailto-generator
. Если вам нужно убедиться, что все ваши почтовые ссылки вставлены правильно, другие ссылки отправляются нужным получателям. , и что HTML никоим образом не нарушен, тогда проверьте Mailtrap Email Testing.
Проверка электронной почты перехватывает ваш SMTP-трафик в безопасной среде и позволяет вам проверять и отлаживать электронные письма на этапах подготовки, разработки и контроля качества без рассылки спама получателям. Проверьте поддержку HTML и CSS шаблона у самых популярных поставщиков почтовых ящиков. Проанализируйте показатели спама в электронных письмах и посмотрите, фигурирует ли ваш IP-адрес в каких-либо отчетах о черном списке. Затем автоматизируйте потоки тестирования с помощью API тестирования электронной почты Mailtrap.
Попробуйте Mailtrap бесплатно
Почему mailto может не работать
Как видите, настроить адрес электронной почты — одна из самых простых вещей в HTML. Но как бы вы ни старались, многие из ваших посетителей все равно не воспользуются этим.
Чаще всего их почтовый клиент по умолчанию не соответствует фактическому клиенту, который они используют для отправки электронных писем . Например, они отправляют с помощью Gmail, а Outlook или Apple Mail устанавливаются в качестве клиента по умолчанию. (Или наоборот).
В этом случае клиент, который они обычно не используют (и, вероятно, даже не вошли в систему), будет загружаться при нажатии на ссылку mailto. Излишне говорить, что это скорее разозлит их, чем поможет им связаться с вами.
Технически они могут щелкнуть правой кнопкой мыши по тексту почтовой ссылки и скопировать почтовый адрес в буфер обмена для последующего использования:
Но посмотрим правде в глаза, сколько их будет?
Является ли mailto правильным подходом?
Ссылки Mailto и адреса электронной почты, скрытые за ними, также очень легко собрать . Бесконечное количество ботов днем и ночью сканирует веб-сайты и добавляет в свои длинные списки все, что хотя бы напоминает адрес электронной почты. Поскольку ссылка mailto напрямую закодирована на веб-странице, они могут собрать электронное письмо, стоящее за ней, за миллисекунды.
Это может привести к очевидным злоупотреблениям, обычно в виде бесконечной волны нежелательных сообщений в вашем почтовом ящике. Вы можете попытаться запутать адрес с помощью JavaScript или других методов, чтобы помешать сбору урожая. Но, учитывая, что авторитетные почтовые клиенты уже установили отличные спам-фильтры, это может не стоить усилий. Мы обсуждаем это более подробно в нашей статье об обфускации электронной почты.
Размещая там ссылку mailto, вы также сообщаете свои контактные данные любым законным специалистам по связям с общественностью, которые хотят с вами связаться. Найти все адреса электронной почты вашей компании, спрятанные в html-коде, очень просто — достаточно одного нажатия на виджет hunter.io (также доступно множество подобных инструментов).
Есть ли альтернатива?
Контактная форма есть. С вами легко связаться таким образом (если вы не добавите 38 обязательных полей). Ваш адрес электронной почты не раскрывается, и поэтому его невозможно получить. Таким образом вы можете собирать более конкретные данные, заставляя пользователей выбирать элементы из списка, как в примере ниже.
В Интернете также есть много бесплатных и платных ресурсов для создания красивых контактных форм. И, конечно же, приложив немного дизайнерских усилий, вы сможете создавать свои собственные формы, которые идеально дополнят дизайн вашего веб-сайта.
С другой стороны, контактная форма может быть не предпочтительным методом связи для некоторых ваших клиентов, привыкших отправлять электронные письма туда и обратно. Хотя боты не смогут таким образом собирать электронную почту, они все же могут заполнить поля формы и нажать кнопку «Отправить». Поэтому, если вы предпочитаете форму, убедитесь, что установлена последняя версия reCaptcha, чтобы быстро отфильтровать этих неудобных гостей.
Изменение поведения mailto по умолчанию
Если ссылки mailto не открываются должным образом, быстрый просмотр настроек системы или браузера должен помочь.
В Windows перейдите в «Настройки» -> «Приложения» -> «Приложения по умолчанию». Прокрутите вниз и выберите в меню «Выбрать приложения по умолчанию по протоколу». Для «Mailto» выберите клиент по вашему выбору.
В MacOS откройте почтовое приложение по умолчанию. Войдите в свою учетную запись электронной почты (это обязательный шаг для редактирования настроек). Выберите «Почта» в меню, а затем «Настройки». Измените клиент по умолчанию в первом раскрывающемся списке.
Если вы хотите, чтобы Chrome и Gmail по умолчанию открывали для вас ссылки mailto, убедитесь, что Google Chrome выбран в качестве клиента по умолчанию в любой ОС.
В Firefox вы также можете указать, какой клиент должен обрабатывать ссылки mailto.
Нажмите кнопку меню -> Настройки. Затем в разделе «Общие» перейдите в раздел «Приложения» и найдите «Тип контента» mailto. В поле действия выберите нужный клиент:
Если Gmail является вашим предпочтительным клиентом и установка его по умолчанию не решает проблему, вы можете сделать еще одну вещь. Запустите Chrome и введите chrome://settings/handlers в поле адреса. Вы должны убедиться, что mail.google.com добавлен в качестве обработчика по умолчанию, как на картинке ниже:
Если это не так, убедитесь, что «Разрешить сайты…» включен, и откройте свою учетную запись Gmail. Вы увидите всплывающее окно с вопросом, может ли Gmail открыть эту HTML-ссылку электронной почты. Предоставьте разрешение, и это должно решить проблему.
Подведение итогов
К настоящему моменту у вас должно быть довольно хорошее представление о том, как настраивать и использовать ссылку mailto, и действительно ли вы хотите ее использовать.