コピー2023.05.23WEBサイト上に、クリックするだけでメールを送信する機能をつけたい場合「mailto:」を使う方法があります。今回はこの、「mailto:」の使い方ご紹介します。起動しない時の対処法や使う際の注意点も解説していきます。まとめ「mailto:」とは?「mailto:」とは、HTMLタグのaタグとセットに使うことで、WEBページ上でメーラーを起動させることができるテクニックです。href="mailto:〇〇@gmail.com">〇〇@gmail.com</a>宛までご連絡ください。</p>お問い合わせの際は、〇〇@gmail.com宛までご連絡ください。上記のように、aタグのhref属性に「mailto:メールアドレス」という形式で書くことで、メーラーが起動するようになります。このサンプルでは、「宛先」のみが既に入力された状態でメーラーが自動で起動します。自動で入るような設定も可能ですので、サンプルをいくつか載せておきます。件名(subject)件名を入れたい場合は、「subject」を使います。href="mailto:〇〇@gmail.com?subject=お問い合わせ">〇〇@gmail.com</a>〇〇@gmail.comカーボンコピー(cc)ccをつけたい場合は、「cc」を使います。href="mailto:〇〇@gmail.com?cc=〇〇@gmail.com">〇〇@gmail.com</a>〇〇@gmail.comブラインドカーボンコピー(bcc)bccをつけたい場合は、「bcc」を使います。href="mailto:〇〇@gmail.com?bcc=〇〇@gmail.com">〇〇@gmail.com</a>〇〇@gmail.com本文(body)本文を入力したい場合は、「body」を使います。具体的に記入してほしいことを記載したい際に便利です。href="mailto:〇〇@gmail.com?body=お問い合わせ内容をご記入ください。">〇〇@gmail.com</a>〇〇@gmail.com改行(%0D%0A)本文を改行したい場合は、「%0D%0A」を使います。href="mailto:〇〇@gmail.com?body=お問い合わせ内容%0D%0A詳細">〇〇@gmail.com</a>〇〇@gmail.com複数項目を繋げる(&)件名と本文、CCなど複数の項目を設定したい場合は、「&amp;(&)」で繋ぎます。href="mailto:〇〇@gmail.com?subject=件名&body=メールの本文&cc=〇〇@gmail.com">〇〇@gmail.com</a>〇〇@gmail.com起動しない時の対処法について「mailto:」を使ったのに、メーラーが起動しない場合は、下記をご確認ください。起動しない原因は、ユーザー側の設定が影響していることがほとんどです。↑メーラー設定がまだの場合の表示(Mac)Windows、Macによって設定方法は異なりますが、デフォルトで、どのメールアドレスを使うのかは設定をお願い値ます。単純なスペルミスがないかも確認してみてください。「mailto」のスペルミスがないか、「:」を入れるのを忘れていないかをしっかりご確認ください。注意点について「mailto:」の使い方はご理解いたけたでしょうか?実は、このテクニックは、あまり推奨されていないんです。理由は下記の通りです。・スパムメールが確実に増えるから・ユーザーの設定により、メーラーが起動しない場合がある・文字化けを起こす可能性があるスパムメールが確実に増えるからこのテクニックは、メールアドレスをネット上に公開しているようなものなので、アドレスがばれます。悪意のあるクローラーに収集されてしまうケースもあります。※クローラーとは、特定の情報を収集して回るように作られたプログラムのこと。ユーザーの設定により、メーラーが起動しない場合があるユーザー側の設定により、メーラーが起動しないケースもあります。これは、ユーザー側の問題になりますが、使い勝手が悪い印象を与えてしまう危険性もあります。文字化けを起こす可能性があるこちらも、ユーザーが使う環境により左右されますが、すべての可能性に対応するのは極めて困難です。「環境によりうまく動作しない場合があります。」的な注意書きがあった方が良いかもしれません。まとめ今回は、「mailto:」について使い方や、注意点等を執筆しました。便利なテクニックではありますが、注意しなければならない点があることも頭に入れておいていただければと思います。2023.05.22HTMLHTML【HTML】全てのタグの意味、使い方を覚える必要はあるのか?現役WEBコーダーが考えてみた。K855】コスパ最強の無線メカニカルキーボードをレビュー!【キーボードおかしい】Macで、キーボードの表示と異なる文字が入力される時の原因と対処法ホームWEB制作HTMLkazu27歳、法学部出身の現役WEBデザイナーです。資格は、WEBデザイン技能検定3級、ワープロ検定2級、情報処理検定2級を取得しています。旅行が好きで色々な場所に行っています。このブログでは、IT企業の現場で経験した事や勉強した事、解説記事や副業等、ITならではの、ちょっと知ってるだけでも違うアレコレをご紹介しています。【HTML】brタグの使い方のご紹介!改行されない(効かない)場合の対処法もご紹介!サンプル付き!2023.02.192023.05.13【2023年最新】Googleアドセンスの審査に通らない!合格する為のポイントをまとめてみた。2023.01.232023.05.28【悪用】AirTag(エアタグ)に注意!ストーカー、車に設置され住所特定も?対策方法を考えてみた。副業系ホーム検索トップサイドバータイトルとURLをコピーしました。