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も引き継いで転送される(パスが維持される)。
そこで自分が使っているブログサービスBloggerでJavaScriptを使う方法を探してみた。以下参考サイト。
ブログの本文にJavaScriptを書く方法 - Blogger - to_dk notebook
http://tounderlinedk.blogspot.jp/2010/09/javascript-blogger.html
の間に以下のように記述すれば良いようだ。
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」というのもあるようだが、どうにも上手くいかなかったので諦めた。
※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」というのもあるようだが、どうにも上手くいかなかったので諦めた。
コメント
コメントを投稿