mailtoリンクを使いやすいUIに変換するスクリプト・「MailtoUI」

Ads

MailtoUI

MailtoUIはmailtoリンクを使いやすいUIに変換してくれるスクリプトです。href="mailto:tony.stark@example.com"といったコードでもOutlook等のメーラーを立ち上げず、使いやすいUIで選択肢をユーザーに提供します。以下動作サンプルです。

動作サンプル ※クリックで動作確認できます

コードは以下のように普通のmailtoリンクとなっています。

<a class="mailtoui" href="mailto:hogehoge@example.com">動作サンプル ※クリックで動作確認できます</a>

特にclassを与える必要もなく、スクリプトを読み込むだけでこのようなUIを提供できるようになります。

勿論、日本向けに諸々変更する必要がありますが、個人的にはいいアイデアだなぁと思いました。メールフォームよりも普段慣れたメーラーの方がいいかも、とは思いつつも問答無用でメーラーが立ち上がるのはストレスな方も少なくないと思うので迷った時期もあったんですが、これなら解決できそうですね。スクリプトも軽量で依存性も無いので使いやすいと思います。ライセンスはMIT。

MailtoUI