スマホサイトに「この記事は約何分で読めます」を付けてみました。
スマホのサイトでたまに「この記事は約〇分で読めます」と言うのが表示されることがあります。
最近はあんまり見かけないかな?
最近はブログをPCではなくスマートフォンで閲覧することが多いと思います。
ちょっとの時間とかにわざわざPCを開いてみることは大変です。
ある調査結果にスマートフォン(68.5%) PC(48.1%) と言う調査結果があります。
やっぱりスマホの時代ですね。
と言うことで「この記事は約〇分で読めます」を設置してみませんか?
設置方法は簡単です。
以下のJavascriptの記述をブログ内に書き込むだけです。
私は実際に読んでみて1分で500文字くらいだったので500にしています。
※「この記事は約〇分で読めます」の記述は以下の通りです。
<script type="text/javascript">
addEventListener('DOMContentLoaded', function() {
var wpm = 500; //1分間に読める文字数
var length = $('.entry-content').text().trim().replace(/[\n\r]/g,'').length;
var message = '<p style="font-size: 80%; color: #999999; text-align: right;">この記事は約'+ Math.ceil(length/wpm) +'分で読めます。</p>';
$('.entry-content').prepend(message);
}, false);
</script>
※参考にさせて頂いたサイト
【Random Life Blog 日々のあれこれ】
コメント