Knowledge Base
WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです

今見ているページをメールで送る「このページのURLをメールで送る」リンクを作るには

公開日：2016年4月13日 サイト作成日記

サイトを作っていて、パソコンで見ているサイトをスマホなどで見る場合にはQRコードなどを挿入しておけばいいのですが、スマホで最初に閲覧した人が
「このページをパソコンで見たい」
と思った時にはどうするのでしょうか？URLをパソコンでパチパチ打ち込めば済むことなのですが、スマホで見ていてすぐそばにパソコンがなかった時は？？例えばパソコンで使えるツールや方法の紹介記事を読んでそのページを家に帰ってからゆっくり・・・と思ってもちょっと面倒だとスルーしてしまったりしませんか？

最近では結構パソコンよりもスマホからのアクセスが増えてきて、ふと疑問に思ったのでいろいろと調べてみました。
パソコンからスマホへ・・・というのはたくさんあったのですが、逆はなかなかありません。本当は逆がしたいのに・・・とあきらめかけたとき、javaを使って送信する方法がYahoo知恵袋に載っていました。

Yahoo!知恵袋
javascript で現在のページを取得し、URLをメールで送信したいですがどのようなコ...
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1169345566
javascript で現在のページを取得し、URLをメールで送信したいですがどのようなコードになりますでしょうか？通常以下のようなコードをhtmlファイルに貼り付けすれば、メールソフトが起動してURLを送ることができると思いますが、「△このページのURL△」の部分のURLを、手書きで入力するのではなく、自動的にjavascriptで取得するにはどうすればいいでしょうか？<a href="mailto:?subject=○件名○&body=△このページの...

回答者の方がID非公開なので、どこかでサイトを公開されたりしてるなら見たいとは思ってもできないので、知恵袋のページが無くなってしまう前（多分ずっと保存はされると思うのですが念のため・・・）にコードを記録しておきたいと思い、引用させていただきました。

「このページのURLをメールで送る」リンク

まさに「これがしたかった！！！」というコードです。

<a href="javascript:location.href='mailto:?Subject=メールに入れる件名&body=' + document.URL;void(0);">このページのURLをメールで送る</a>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー（いわゆるコピペ）してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか？
    2. 半角にすることで解消できます
  2. コードの中に全角の空白（スペース）がありませんか？
    3. 半角にすることで解決できます
  3. コードは合っているはずなのに更新できないときは
    4. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、WordPressのエディタチェックではこれを「'」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  4. 「何かが間違っています．．．」と表示され、更新できないときは
    5. このエラーは本当に何がエラーなのかをWordPressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません
Knowledge Base
【WordPress】コードは合っているのにfunctions.phpの更新ボタンをクリックすると...
https://www.momosiri.info/cms/%E3%80%90wordpress%E3%80%91%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AF%E5%90%88%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%81%AE%E3%81%ABfunctions-php%E3%81%AE%E6%9B%B4%E6%96%B0%E3%83%9C%E3%82%BF%E3%83%B3/
コードは合っているのにfunctions.phpの更新ボタンをクリックすると「PHP Parse error: syntax error, unexpected T_STRING in…php on line．．．」が出るのはなぜ？実体験から解消方法を紹介します

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします


上記コードの中の「メールに入れる件名」を変更し、「このページのURLをメールで送る」を変更するだけで使えます。

よく考えたらjavaなので同じ機能を持っているページのソースを表示すればからくりが分かったなぁと思うところですが、WordPressでサイト作っていると固執してしまって、どうにかプラグインで何とかならないか？と考えてしまいがちになります。ソース見てというところに至らないんですね、これが・・・。でもずっと使ってみたい機能だったので個人的にすごく喜んでいます。

ちなみに

Knowledge Base
「メールでこのページを友達に教える」機能を追加するプラグイン「Send link to fr...
https://www.momosiri.info/wppi/send-link-to-friend/
メールでサイトやページを紹介してもらう機能を設けたいけどなるべく面倒はなくしたい。「Send link to friend」は今見ているページをメールで送信する機能をWordPressに追加するためのプラグインです。

というプラグインもあるのですが

  1. メールの送信元がサイト管理者のものになる
  2. メールの件名や本文がほとんど決められている

など、知らない人に送ってスパム？と思われてしまいかねないような気がします。

WordPressのカスタマイズ・不具合対応などご相談ください

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

【スポンサーリンク】