Bloggerで旧アドレスから新アドレスにJavaScriptでURL転送するようにしてみた(一部ブラウザは非対応)

※ブラウザによっては転送されないことを確認した。
※Internet Explorer 11、Android版Chrome 49、Sleipnir Mobile 3.5.4、BlackBerryブラウザ 10.3では転送されなかった。
※Google Chrome 49、Firefox 45、Sleipnir 6.1、Safari 9.0、Habit Browser 1.1では転送された。

関連記事:ブログアドレス変更

ブログのアドレス(URL)を変更したことで、旧ブログから新ブログへとURL転送する方法がないかと探してみたらあった。

移転先へ自動移動(転送/リダイレクト)させる方法 [ホームページ作成] All About
http://allabout.co.jp/gm/gc/23770/

どうやら以下のようなJavaScriptを追加すれば良いらしい。ドメイン以降のURLも引き継いで転送される(パスが維持される)。

location.href = "ブログURL" + location.pathname + location.search + location.hash;

そこで自分が使っているブログサービスBloggerでJavaScriptを使う方法を探してみた。以下参考サイト。

ブログの本文にJavaScriptを書く方法 - Blogger - to_dk notebook
http://tounderlinedk.blogspot.jp/2010/09/javascript-blogger.html

<head></head>
の間に以下のように記述すれば良いようだ。

<script type="text/javascript">
//<![CDATA[
<!--
location.href = "https://monochromechanism.blogspot.jp" + location.pathname + location.search + location.hash;
//-->
//]]>
</script>

Bloggerの「テンプレート」設定の「HTMLの編集」で上記コードを記述する。

これで以下のような旧ブログのリンクにアクセスしても新URLの方に転送されるようになった。
http://hyzero3.blogspot.jp
http://hyzero3.blogspot.jp/2016/03/blog-post.html


因みにBloggerで上記のように記事内でコードを表示させる方法は以下を参考にした。

Bloggerの記事内にソースコードを貼る方法。 | Bon Day
http://www.bonday.net/2016/03/source-code.html

WEBサイト・ブログの為のHTMLソースコード変換
http://www.netyasun.com/syntaxhighlighter/source-escape.html

Bloggerでコードを綺麗に表示するには「SyntaxHighlighter」というのもあるようだが、どうにも上手くいかなかったので諦めた。

コメント

このブログの人気の投稿

物理テンキー付属Android11スマホ『Xiaomi Qin F21 Pro』を購入して任意アプリをインストールしてみた

Epsonの小型PC、Endeavor ST180Eを購入 ストレージ&メモリを換装

Axon 40 Ultra購入 第3世代アンダーディスプレイカメラで遂に違和感のない画面へ