Movable Type.net

MovableType.net 活用ブログ

MovableType.net の新機能の使い方や、ウェブサイトの構築・運用に役立つTIPSを紹介しています。

Ranklet を利用してランキング形式で人気ページを表示する

アイデアマンズ株式会社が運営している Ranklet というサービスを利用すると、Google Analytics を設置しているサイトのページをランキング形式で表示することができます。
今回は、Ranklet の設定方法、MovableType.net上のウェブサイトにランキング形式で記事を表示する方法をご案内します。

ranklet00.png

※ Ranklet を利用するには、あらかじめ Google Analytics をサイトに設置している必要があります。
Google Analytics の設置方法については、 Google AdSense / Google Analytics を設置する方法 を参照してください。

Ranklet の設定

  1. Ranklet に Google アカウントでサインインする
    Google Analytics を利用しているアカウントでサインインしてください。 ranklet01.png
  2. [許可] ボタンをクリックして、Ranklet の連携を許可する ranklet02.png
  3. 利用規約を読み、「利用規約に同意する」にチェックを入れた状態で [利用を開始する] ボタンをクリックする ranklet03.png
  4. 「基本情報」タブでランキング形式で表示したい記事のあるサイトを「Google Analytics ビュー」項目から選択し [設定を更新] ボタンをクリックする ranklet04.png
  5. 「サイトへの掲載」タブで「コピー」をクリックし、ランキング形式の記事を表示するためのソースコードをコピーする ranklet05.png

MovableType.net に設置

  1. MovableType.net の管理画面を開き、ランキングを表示したいブログ(またはウェブサイト)の [デザイン] - [テンプレート] 画面を開く
  2. サイドバーテンプレートなど任意のテンプレートにコピーしたタグを貼り付け [保存] ボタンをクリックする

例:MEDIAテーマの場合

linksモジュールにおいて、以下のキャプチャのようにsection、nav、h1タグを用意し、その中にコピーしたタグを貼り付けると見出しも設置することができます。
links.png

以上で設置は完了です。とても簡単にランキング形式での記事を表示できるため、ぜひご活用ください!
MEDIA.png

また、ランキングの見栄えについても Ranklet の管理画面でカスタマイズが可能なので、いろいろ試してみてくださいね。こちらの活用ブログでも、少しずつご紹介したいと思います。

アカウント作成は無料! 同じアカウントでウェブサイトをいくつでも作成でき、作成したウェブサイト毎に14日間無料で利用可能です。

アカウント作成

Movable Type.net は無料トライアルが可能です。
Web制作者の方で、デモや評価利用をご希望の場合は、制作者向け評価ライセンスをご利用ください。

無料トライアル 資料ダウンロード 制作者向け評価ライセンス