Facebookページやgoogle+ページのURLをサブドメインを利用して短縮してみる

 

Facebookやgoogle+でアカウントつくってもurlが長いので自己紹介文にアドレス書く時スマートにならないですよね。

自分の場合

  • Facebookページ→https://www.facebook.com/pages/Cosmicguild/155117524695231
  • Google+ページ→https://plus.google.com/u/0/114797828074146874423/posts

となっています。印刷物だったら読む人が大変そうです。

Facebookにはユーザーネームを設定する機能はありますけど、特定数の”いいね”または携帯電話の情報が必要です。また利用者が多いので場合によっては既にユーザーネームを使われてることもあります。

google+には今のところurlを短く設定する機能はないので、gplus.toなどで短いURLを作成して使うなど工夫されてる方もいます。ただ、gplus.toは短縮URLサービス(例えばbitlyなど)のようなものなので、そのためにgoogle+の情報を入れるのもちょっと嫌だったり、サービス自体が止まるとurlも使えなくなります。

そこで独自ドメインを取得している場合、サブドメインを利用して、そのurlにからfacebookやgoogle+の自分のページに飛べれば便利かもしれません。

方法はシンプルに.htaccessを使う方法があります。

メリットは?

  1. 自分で管理できるので永続的に使える。
  2. urlを自分で決めれる(自己紹介文にも書きやすくなりますよね)

デメリットは?

  1. 独自にドメインを取得している必要がある
  2. 設定が必要
  3. サーバーも必要(今は広告入なら結構無料サーバーもありますよね)

やり方は?

  1. サブドメインを作成
  2. サーバーにhtml+.htaccessファイルを設置
  3. redirectを設定

です

 

 

[.htaccessを使う]

今回はlab.cosmicguild.netで利用してるスタードメイン+スターサーバープラスの環境で書いていきます。
サーバー管理ツール→サブドメイン設定→サブドメイン追加
サブドメイン(gplus.lab.cosmicguild.net)を決め確定します。
自動的にgplus.lab.cosmicguild.netという名のフォルダとindex.htmlファイルが設置されます。

次にファイルマネージャーからファイルを新規作成。ファイル名は.htaccessに以下を書いてindex.htmlと同じ階層に設置。

#redirect
Redirect permanent /index.html https://plus.google.com/u/0/114797828074146874423/posts
#end:redirect

スターサーバープラスの場合ドキュメントルートの下にサブドメインのフォルダができるので、ドキュメントルートにも.htaccessにも以下を記入して設置。

#redirect
Redirect permanent /gplus.lab.cosmicguild.net/index.html https://plus.google.com/u/0/114797828074146874423/posts
#end:redirect

これでとりあえずglpus.lab.cosmicguild.netにアクセスするとgoogle+ページにリダイレクトされます。

スターサーバープラスの場合デフォルトページ用画像なども不要なので削除してしまいます。index.htmlはredirectしてしまうのでページを見られることはないですが、一応以下のようにしてno index,no followの設定とリンク先など最低限のことをかいておきました

<!DOCTYPE html>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <meta name="copyright" content="lab.cosmicguild.net" />
    <meta name="robots" content="no index,no follow">
    <title>go to my google plus page</title>

<style type="text/css">
#wrapper{width:100%;}
#header,#content,#footer{
width:400px;
margin:0 auto;
padding:0;
text-align:center;
}

h1{font-size:1em;}
#content{
width:300px;
height:150px;
padding:100px 40px 0;
border:1px solid #ccc;
text-align:left;
}
</style>
  </head>
  <body>
    <div id="wrapper">
      <div id="header">
        <h1>go to my google plus page</h1>
      </div>
      <div id="content">
cosmicguild.netのgoogle+ページは<a href="https://plus.google.com/u/0/114797828074146874423/posts">こちら</a>になります
      </div>
      <div id="footer">
        <address>Copyright &copy; <a href="https://lab.cosmicguild.net">lab.cosmicguild.net.</a> All Rights Reserved.</address>
      </div>
    </div>
  </body>
</html>

 

Facebookページも同じ要領でサブドメインを準備しました。これですっきり(かな？)自己紹介ページにも書くことができます。

[before]

  • Google+: https://plus.google.com/u/0/114797828074146874423/posts
  • Facebook: https://www.facebook.com/pages/Cosmicguild/155117524695231

[after]

urlはだいたい半分くらいの長さになりました。何か 不具合や不都合が起きないかわからないのでしばらく検証してみるつもりです。