mailtoを使って本文にURLを挿入したい

Question

現在inputタグにメールアドレスを入れてjsで読み取ってjsでmailtoを動作させています。
jsで動作させる理由はメールアドレスの承認をさせるのが目的です。

発生している問題・エラーメッセージ

無事にメールは届くのですが、urlがリンク状態で届きません。
またurlを画像リンクにしたいのですが、可能でしょうか？

エラーメッセージ

該当のソースコード

[javascript] 
function send(){
        var address = document.getElementById('address').value
                      document.getElementById('address').value = "";
        subject = "テスト";
        location.href = 'mailto:' + address +  '?subject=' + subject + '&body=https://teratail.com/questions/input';
        }

[html]
<input type="text" id="address">
<input type="button" onclick="send()">

試したこと

色々と探してみましたが理解できるサイトがありませんでした。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[miyabi_pudding]

> 色々と探してみましたが理解できるサイトがありませんでした。

何をどう理解できなかったのでしょうか？
参考サイトの記載もお願いしたいです。

[syosinsyascript]

gmailへの転送は問題なくクリアしていて、本文にURLをリンク状態で転送したいのですが、URLが文字になっているのでそこの対策がしたいです。
参考サイトは一番それらしいのがこれだと思うのですがhttps://hacknote.jp/archives/10303/
よろしくお願いします

Answer 1

miyabi_takatsuk さんの回答どおりですが、１点だけ補足

無事にメールは届くのですが

絶対に届かないケースもあります。

「gMail + ブラウザからのメール利用」というインターネットメールの利用者は、OS上で受信メールデータがHDDを圧迫するため、そもそもメーラーをインストールしないというケースです。
（訂正：Lhankor_Mhy さんのコメントより：メールアドレスのリンクをクリックするとブラウザー版Gmailが起動するように設定も影響します）

こういうケースでは、ご質問のような mailto: リンクは利用できません。
mailto:は「カスタムURLスキーム」として知られるようになる以前からあった機能で、通常はOS
がメーラーが起動して編集画面を表示したりしますが、インストールされてい場合は何もしません。

ブラウザのアドレスバーに mailto:[e-mail] を入力しても、gMail のページには遷移しませんから、mailto: リンクは連絡がつかなくなる（営業目的であれば取りこぼしを発生させる）だけの悪手です。

メールアドレスの承認をさせる

サーバー技術を経由するのが確実と思います。

Comments

[Lhankor_Mhy]

>ブラウザのアドレスバーに mailto:[e-mail] を入力しても、gMail のページには遷移しません

当方の環境ではページ移動（というか別ウィンドウ）しました。

規定アプリを変更して忘れていたのかな……
https://weekly.ascii.jp/elem/000/001/512/1512485/

[AkitoshiManabe]

環境によるのでしょうか。急ぎ確認した環境２つです
1. firefox (win) google 未login ... chrome 起動 / 指定した Home
2. Chrome (win) google 未login ... 変化なし
追記） リンク先の設定はしていませんので、その影響でしょうね。

[Lhankor_Mhy]

追記ありがとうございます。些末な話をして申し訳ありません。

[AkitoshiManabe]

Lhankor_Mhy さん、「正確な情報」として助かりました。ありがとうございました。

Answer 2

メーラーの設定による

URLを記載した際に、リンクになるかどうかは、
相手のメーラーの設定によるので、
送信する側でコントロールできるものではありません。
また、HTMLメールだと、URLをリンク形式にすることができたりしますが、HTML形式メールでの送信は、
mailto:では行うことはできません。
サーバーサイドテクノロジーを使いましょう。
画像リンクも同様です。

セキュリティもクソもない

これは余計なお世話ではありますが、
XSSなどの攻撃に非常に遭いやすい、めちゃくちゃ危険な方式だと思います。
非常にセキュリティホールだらけのやり方なので、
この方式でやるのは絶対やめた方がいいです。
ユーザーからすると、こんな方式でメール送られたらたまったものではありません。
なので、同じことをやるなら、サーバーサイドを使うか、
Web上でやるのはやめてローカル限定にするかしましょう。

Comments

[syosinsyascript]

理解できました。ありがとうございます。