最近若干ですが筋トレの頻度が下がってきて反省しているktkooonです。
自戒を込めて筋トレをはじめた当時の記事をリンクしておきます…
さて、ブログのデザインや導線の改善ネタをこれからちょくちょくやろうと思いたち、 今回は「読者になる」ボタンに注目してみたいと思います。
読者を集めてこそブログ大将軍
よく他のブログを拝見していて、当たり前かもしれませんが大抵人気のブログには多くの読者がいるんですよね。
ヒトデさん 2980人（2017年4月 現在）
クレジットカードの読みもの 1981人 （2017年4月 現在）
非天マザーさん 1085人 （2017年4月 現在）
そして現在の自分 36人！
36名の方ありがとうございます。
しかし、ブログ大将軍までの道のりは長いですねぇ。
ということで、読者を増やす改善案を考えてみました。
読者になるボタンを記事下につける
すっごく安易ですが、読者になるボタンを記事中につけてみることにします。 参考にした記事はこちら
今まで気づきませんでしたが、設定 > 詳細設定 のしたの方に「読者になるボタン」のソースがあります。
このiframeをデザイン設定 > 記事上下のカスタマイズで、 今回は記事下にいれてみました。
記事をみてみると…
無事に表示されました。 が、しかしブックマークのコメントが若干邪魔をしてますねぇ。
これはdeleteしてしまいます。
さらに、ボタンが地味なのでデザインをバリバリ目立つ感じにしたいので方法を探してみます。
読者になるボタンをカスタマイズ
参考にしたのはこちらの記事
これによると先ほどのiframeのソースから一部を抜粋して、 srcの/iframeを除いた形のリンクが読者になるページへのリンクとのことです。 自分だと、
https://blog.hatena.ne.jp/ktkooon/ktkooon.hatenablog.com/subscribe
になりますね。 これで、あとはボタンなり画像なりをaタグと一緒に入れれば良い感じです。 目立つボタンが良いかなと思うので、
で青いボタンををshowcaseから選びCSSをコピー
読者になるページのリンクをボタンにあてるために以下のhtmlをiframeをデザイン設定 > 記事上下のカスタマイズで、記事下にいれます。
<a href="https://blog.hatena.ne.jp/ktkooon/ktkooon.hatenablog.com/subscribe" class="css_btn_class"><button type="button" name="" value="" class="css3button">Follow Me!!</button></a>
さらにデザインCSSで先ほどの青いボタンのCSSをコピペでいれると…
押したくなるような、読者になるボタンができました。
読者になるボタンのクリックされた回数をカウントする工夫
使うのはBitlyというサービスです。
長いリンクの短縮リンクを作ってくれるサービスです。 短縮リンクを作ると、そのリンクのクリック数がモニターできる機能があるので今回はそれを使います。
まずは、読者になるページへの短縮リンクをつくります。 サインアップしなくてもつくれますが、今回はサインアップ後の画面です。
このリンクを記事上のカスタマイズのリンク部分へ差し替えます。
<a href="http://bit.ly/2oh04wq" class="css_btn_class"><button type="button" name="" value="" class="css3button">Follow Me!!</button></a>
試しにクリックしてみると…
棒グラフと円グラフでクリック数が分かります。
これである程度効果測定ができそうです。
しばらく様子をみてどれくらいか効果があったかを追ってみたいと思います！
効果なかったら外します笑
2017/07/08 にほんブログ村への導線を作るために読者になるボタンを一時的に非表示にしました。
おわり
