Knowledge Base

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

公開日：2016年4月13日 サイト作成日記
Knowledge Base Wordpress　パソコン　カスタマイズ　設定

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

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

Yahoo!知恵袋
javascript で現在のページを取得し、URLをメールで送信したいですがどのようなコ...
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1169345566
javascript で現在のページを取得し、URLをメールで送信したいですがどのようなコードになりますでしょうか？通常以下のようなコードをhtmlファイルに貼り付けすれば、メールソフトが起動してURLを送ることができると思いますが、「△このページのURL△」の部分のURLを...

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

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

このページのURLをメールで送る
↑↑の「このページの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/
Wordpressで何かをカスタマイズするときに通らなければならないのがテーマのfunctions.phpへの追記。一度失敗したことがある方なら分かると思いますが、このファイルはとっても重要で、間違ったコードなどを挿入するといきなり管理画面が真っ白、頭も真っ白になって...

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

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

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

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

ちなみに

Knowledge Base
Wordpressへ「メールでこのページを友達に教える」機能を追加するプラグイン「Send...
https://www.momosiri.info/wppi/send-link-to-friend/
アクセスアップに必要なのは、役に立つコンテンツを作ってGoogleなどの検索エンジン上位に表示されて訪問者を獲得する、いわゆるSEO対策。でもこの方法は当たるも八卦当たらぬも八卦感があるし、インデックス情報が変更されるのも時間がかかるし、ましてやGoogleなど...

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

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

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

ひまあーと（管理人）
  • 記事の作者: ひまあーと（管理人）
  • ☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
    ☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
    ☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。
  • 作者の記事一覧はこちら

いつでもご相談・サイトカスタマイズの依頼を受け付けています

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

※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。

【スポンサーリンク】

記事の拡散にご協力をお願いします

閲覧いただきありがとうございました。役に立つ情報でしたら是非SNSでシェアをお願いします

関連情報