スマホサイト内へのメールで知らせるボタン設置方法

質問

スマートフォンサイト内に、「メールで相手に知らせる」などの名前で、画像やテキストリンクを設置する方法を探しています。

クリックすると閲覧者のメーラーが立ち上がり、サイトURLやページタイトルなどが本文に記載されるようになる形が理想です。

例でいうと『食べログ』をスマホで見ると、「友達に教える」という項目で
「メールで送る」「LINEで送る」のボタンが設置されています。

こんな風にしたいのですが、思い当たるキーワードで検索をかけてもこれというサイト
が見つからず困っております。。。

ちなみに、「LINEで送る」ボタンは、LINE公式HPに設置方法が記載されていて
簡単に設置することができました。

ソースなどを紹介されているサイトなどがありましたら、教えていただけると嬉しいです。
Web制作初心者なので、質問にわかりにくいところがあるかもしれませんが、どうか
よろしくお願いいたします。

回答No.1

Picosoft

Androidだとインテントを使った方がいいのかもしれませんが、
ひとまず「mailto:……」について紹介します。

<a href="mailto:(宛先)?subject=(件名)&body=(本文)">メールで送る</a>
と書けば、リンクをクリックしたときにメーラーが立ち上がるようになります。

件名や本文に日本語を含める場合はURLエンコードしないと、
端末によっては文字化けしたりするかも？

「mailto スマホ」等のキーワードで検索してみると、さらに情報を得ることができると思います。

お礼

ご回答、ありがとうございます！！

さっそく
<a href="mailto:(宛先)?subject=(件名)&body=(本文)">メールで送る</a>
こちらの方法で、スマホサイトに設置をしてみたところ、文字化けもせずきちんとメーラーが
立ち上がりました。

iPhone Android ともにOKです。

困っていたのでとても助かりました。
初めて質問サイトに投稿したのですが、丁寧に教えていただけてとても嬉しかったです。

ほんとうにありがとうございました。