ある日の事。いつも通り(？)、Bloggerカスタマイズのページにアクセスがあった。どうやら関連記事をいくつか渡って読んでくれているようだ。うれしい。
が！ このブログを登録している「にほんブログ村」のページビュー(PV)に、それがアクセス数として反映されていない。理由はおそらく、読み手がモバイル機器で読んでいるからだ、と思う。
多くのアクセスがBloggerカスタマイズ等記事のせいで、直近３ヶ月でも閲覧機器はPCが55%を超えている。スマートフォン全盛の時代でありながら、あれこれブログ改造しようとする人ならPCからのアクセス、となるわけだ。（私が別に持っているウェブサイトは、モバイルが70％超えているというのに）
ブログ村等のブログ登録サイトの画像バナーは、サイドバーの一番上に配置している。PCならば最初に表示され、それにより登録サイトに数がカウントされる。
しかし冒頭のようにスマートフォンからの閲覧者の場合はレイアウトが変わり、サイドバーの部分は記事本文終了後に表示となる。
記事のすぐ下に記事カテゴリ、そして関連記事の表示があり、それを目的にした場合、目的より下までスクロールされる事も無い。そして画像バナーが表示されなければ、PVカウントもされない。バナーがタップされる事も無い。
←Macのレスポンシブ・デザインモードで表示させた、現状のスマホ画面を繋げてみた画像。なお画面はテストブログの方。
そもそも現状では、Blogger アーカイブ閉じて、前の投稿・次の投稿を左右逆に の終盤で記載した、前後の記事リンクの位置はすでに変えてあり、オリジナルのQooQとは違っているが。
まあ、ブログ立ち上げ当初から変わって、今では（主にブログ改造記事で）オーガニック検索で集客が多いのだが、せっかくブログサイトにも登録しているのだから、そちらもカウントされないと少しさびしい（二次小説の方で）。
では画像バナーを表示させるためにどうするか？
一番手っ取り早いのは、画面上部、記事より前にそれを表示させる事。Blogger改造で、レイアウトで記事表示部分に新たなアイテムを入れる方法があるのは知っているし、テストブログの方でやってみた事はある。
が、それは見栄えが悪い、美しく無い。自分で他人様のページを見て、本文より上に画像バナーがあったら、鬱陶しいと思うだろう。
というわけで、少しでもバナーが表示されるように関連記事の位置を変える事とする。もちろん、作業の前にはバックアップは取っておいてね。
Bloggerの管理画面、テーマ＞カスタマイズでHTMLを編集＞で、HTMLをいじる。
私はQooQ list 1.31を使用、オリジナルだと846行目からの、
<b:if cond='data:skin.vars.mrp_enable == "true"'>
<div id='mrp-wrapper'>
<p id='mrp-title'><data:skin.vars.mrp_title/></p>
<b:include data='post' name='mrp'/>
</div>
</b:if>
</b:if>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_picker'/>
</b:if>
投稿
0 件のコメント:
コメントを投稿