ガジェレポ!

京都在住の中年サラリーマンブロガー。 Mac、iPhone、ゲームにアプリなどなど興味をもったガジェットの情報をなんでもレポート。

はてなブログのサイドバーに「はてなブックマーク」の人気エントリーを表示してみる。

f:id:gadgerepo:20160309230510j:plain:w640

京都に住んでるのに“株式会社はてな”がどこにあるか知らないガジェレポ!@gadgerepoです。こんにちわ。

今回は、はてなブログのサイドバーに自ブログの「はてなブックマーク」人気エントリーを表示する方法を、自分への備忘録も兼ねて解説いたします。

目次

はてなブックマークを表示させるメリット

先日の記事でサイドバーに任意の「オススメ記事」を表示する方法を解説いたしました。

www.gadgerepo.com

 

この中で、直帰率を改善するためには「いかにしてユーザーをサイト内の他のページに誘導するか」が重要であると説明しました。

サイトを訪れたユーザーに、ある記事から同サイト内の他の記事を読んでもらうには新着記事や人気記事・関連記事のリンクを配置するのが常套手段ですが、“記録しておきたい・あとで読みたいと多くのユーザーから判断された記事”である「はてなブックマーク」の人気エントリーは、単純に直近のアクセス数から選出される人気記事とはまた違った記事をユーザーにアピールすることができます。

サイドバーへの設置方法

サイドバーモジュールの「注目記事」を使う

もっともカンタン・単純明快なやり方は、はてなブログのサイドバーモジュールから「注目記事」を使う方法です。

はてなブログの管理画面から「デザイン」を選択、「カスタマイズ」から「サイドバー」の「モジュールを追加」をクリック。

f:id:gadgerepo:20160310001708p:plain:h640

 

追加項目から「注目記事」を選択し、「集計方法」を「はてなブックマークの人気順」、「記事ごとに」の項目から「ブックマーク数を表示する」にチェックを入れます。

他の項目は任意で選択してください。

f:id:gadgerepo:20160310002323p:plain:w640

 

「適用」をクリックすれば完了、サイドバーに「はてなブックマーク」の人気エントリーが表示されます。

f:id:gadgerepo:20160310002600p:plain:h640

 

「はてなブックマーク」のブログパーツを使用する

はてなブックマークのブログパーツをサイドバーに設置する方法もあります。

はてなブックマークにアクセスし、検索フォームに自ブログのURLを入れて検索します。

f:id:gadgerepo:20160310003418p:plain:w640

 

自分のブログのブックマーク一覧からブックマーク数の部分をクリックし、移動します。

f:id:gadgerepo:20160310003814p:plain:w640

 

ブックマークのページでコメント欄の下、「▼ブログで紹介する」をクリックし、『◯◯◯の人気エントリーのブログパーツを作成』をクリックします。

f:id:gadgerepo:20160310004723p:plain:w640

 

「URL」に自サイトのアドレスを記入、「種類」は「人気エントリー」にチェックし、他の項目は任意で入力した後に画面下に作成されるコードをコピーします。

f:id:gadgerepo:20160310005250p:plain:w640

 

はてなブログの管理画面から「デザイン」→「カスタマイズ」→「サイドバー」の「モジュールを追加」をクリック。

「HTML」を選択し、先ほどコピーしたコードをペーストします。

f:id:gadgerepo:20160310005609p:plain:w640

 

これでサイドバーに「はてなブックマークのブログパーツが表示されます。

f:id:gadgerepo:20160310005959p:plain:w640

 

まとめ

いかがでしょうか?はてなブログのサイドバーに「はてなブックマーク」の人気エントリーを表示する方法でした。

直帰率改善のため、ぜひお試しください。