Someday Somewhere

A little something to say in my everyday life

リンク先を別ウィンドウで開く

はてなブログにブログを開設してまもないのですが、今まで使っていたブログとは違う点がいろいろと見えてきました。 その一つが「リンクを別ウィンドウで開く」ための設定。 はてなブログにはその設定がないみたいです。

普段、あちこちのサイトを見る場合、わたしは別ウィンドウで開いて見ています。 また、別ウィンドウリンクでない場合、ブログの離脱率が上がってしまうという意見もあります。

どちらにしろ、別ウィンドウで開く習慣のある自分としては、やっぱり別ウィンドウで開くように設定したくなりました。

参考にさせて頂いたサイト

別ウィンドウで開く設定方法は幾つかあるようです。

www.oki-ana.comwww.inside-shiina.com www.tssb26.com

【スポンサーリンク】
 

やったこと

上記のサイトさんで説明されている方法を試してみたのですが、うまく機能しなかったり、全てのリンクが別ウィンドウで開いてしまったりしました。 全てのリンクが別ウィンドウで開くということは、例えば「続きを読む」とかサイドバーにある記事リンクなども含まれてしまい、別ウィンドウがどんどん増えてしまいます。

ということで、結果的に炭酸せんべいさんのコードを使う方法に落ち着きました。

下記コードを「ダッシュボード」の「デザイン」→「カスタマイズ(スパナマーク)」→「ヘッダ」の「タイトル下」に貼り付けます。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script language="JavaScript">
$(document).ready( function () {
$("a[href^='http']:not([href*='" + location.hostname + "'])").attr('target', '_blank');
})
</script>

これで、記事内のリンクやサイドバーに貼ってあるリンク(自分の記事以外)も別ウィンドウで開くことができるようになりました。