Access Counterで人気記事のランキングを表示

人気記事のランキングを表示するために、AccessCounterを使用しました。AccessCounterはMovableTypeで記事ごとにアクセスをカウントして、アクセスランキングを表示するためのプラグインで非営利目的のサイト(個人のホームページ)では無償で利用することができます。

インストール方法やファイルのダウンロードは、このプラグインを提供してくれているMasata Mori 氏のサイト(ホームページメーカー)をご覧下さい。

レイアウトの参考のため色々のサイトを参考にさせてもらったところ、サイドバーに人気記事のランキングを表示する人が多いようですが、自分は記事の途中に表示させてみました。
以下、本ページで人気記事のアクセスランキングを表示させている設定の内容です。AccessCounterはMovableTypeにインストールされ有効にされた前提とします。
 

  • テンプレートの修正

管理画面の左にあるメニューより「デザイン」 -> 「テンプレート」を選択します。アーカイブテンプレートのカテゴリにある「ブログ記事」を選択し以下のように修正します。

       (途中省略)
          :
<mt:include module="ブログ記事の詳細" />
 
<mt:include module="人気記事のランキング" />  ←ここを追加しました。
 
<mt:include module="トラックバック" />
 
<mt:include module="コメント" />
 

続いて、テンプレートモジュールのカテゴリに「人気記事のランキング」を新規に作成して以下の内容を記載します。

<mt:If tag="BlogEntryCount">
  <mt:Entries sort_by="accessed_count" sort_order="descend" limit="10">
    <mt:EntriesHeader>
      <h3 class="rank-header">人気記事のランキング</h3>
      <div class="entry">   
      <ul>
    </mt:EntriesHeader>
    <$mt:setvar name="rank" value="1" op="++"$>
        <li><$mt:var name="rank"$>位:<a href="<$mt:EntryPermalink$>"><$mt:EntryTitle$></a></li>
    <mt:EntriesFooter>
      </ul>
      </div>
    </mt:EntriesFooter>
  </mt:Entries>
</mt:If>

青色の箇所はこのページで使用しているスタイルのため、各自の環境に合わせて変更してください。

最後に「サイトの再構築」を行ってサイトを確認して下さい。記事は自動的に更新されないため、「サイトの再構築」を行ってラインキングを反映させる必要があるようです。
ちなみに、自分のサイトでは記事の詳細のページで、この直ぐ下に表示させています。

関連記事

人気記事のランキング

トラックバックURL

このエントリーのトラックバックURL:
http://or2.to/mt/mt-tb-mt.cgi/48

コメントする