Мне вообще-то нравятся ссылки mailto :. Я знаю, что если у меня установлен почтовый клиент по умолчанию, нажатие на эту ссылку будет делать то, что я хочу, и если я хочу, я могу щелкнуть правой кнопкой мыши, и браузер предоставит мне опцию «Копировать адрес электронной почты».
Это круто, но есть в этом вопросе и некоторые нюансы, а именно:
Во-первых, ссылки mailto затрудняют копирование адреса, например, если вы хотите поделиться адресом электронной почты с кем-то еще.
Во-вторых, некоторые пользователи используют более одного почтового приложения, и ссылка просто использует то, что было настроено по умолчанию, без предоставления им возможности использовать другое.
И, наконец, у многих пользователей не настроено почтовое приложение, а это означает, что ссылка может завести их в тупик.
И самый главный момент - вы выкладываете спамерам на обозрение свою почту или телефон.
ВЫХОД ЕСТЬ!!!
1. Качаем отсюда маленький java script
2. Кладем скрип тв нужную папку на своем сайте.
3. Далее прописываем в body:
<body>
...
<script src="./path/to/mailgo.min.js"></script>
</body>
или в head:
<head>
...
<script src="./path/to/mailgo.min.js" defer></script>
</head>
Что имеем в сухом остатке?
Теперь не даем спаму пробиться!
Прописываем:
<a href="#mailgo" data-address="matteo" data-domain="manzinello.dev"
>напишите мне!</a
>
Второй вариант:
<a class="mailgo" data-address="matteo" data-domain="manzinello.dev" href="" >write me!</a
>
Данный скрипт поддерживает и cc, bcc, subject и body, используя следующие параметры:
data-cc-address and data-cc-domain to recreate cc: data-cc-address@data-cc-domain;
- data-bcc-address и data-bcc-domain для создания bcc: data-bcc-address@data-bcc-domain;
- data-subject для создания темы письма;
- data-body для тела письма.
Теперь о tel:
Прописываем так:
<a href="tel:123456789">+7 900 123 45 67</a>
или так:
<a href="callto:123456789">+7 900 123 45 67</a>
или так:
<a href="#mailgo" data-tel="123456789">+7 900 123 45 67</a>
Для Telegram:
<a href="tel:123456789" data-telegram="telegram">+7 900 123 45 67 или telegram</a>
Для WhatsApp:
WhatsApp включен по умолчанию в телефонных ссылках mailgo.
Для Skype:
По дефолту:
<a href="tel:123456789">+7 900 123 45 67</a>
С указанным именем пользователя:
<a href="tel:123456789" data-skype="Ivan">+7 900 123 45 67 </a>
Кстати, Mailgo поддерживает русский яхык для корректности отображения. Достаточно прописать:
<html lang="ru-RU">
...
</html>
Кому интересны мои статьи, подписывайтесь и одобряйте.
Будет много чего интересного.