BloggerのRSSフィードで『続きを読む』を設定した場合にモバイルで閲覧した時PCビューとなってしまうのを防ぐ方法
Google BloggerのRSSフィード設定
「設定」→「その他」→「サイトフィード」→「ブログ フィードの許可」を『追記の区切りまで』と設定すると、RSSフィード上で、
で区切った部分が『もっと読む »』となりアンカーリンクが作成されます。
設定する場所
実際の表示
iPhoneなどのモバイル閲覧時の問題
ただし、iPhoneなどのモバイル端末からアクセスすると.html#moreというLinkになってしまい、モバイルビューで設定していても、PCビューで表示されてしまいます。
(タイトルをタップした場合はモバイルビューで表示されます)
そこで、以下のJavascriptを用いることで、その問題を解決することが可能です。
<script>
(function() {
if (location.href.match(/\/\d{4}\/\d{2}\/[^.]+\.html\#more/)) {
location.replace(location.pathname);
}
})();
</script>
※<head>タグ内に記述
#moreでアクセスしても元のURLに置き換えるので、モバイルビューで表示できるようになります。