「がぞりん」は逆アクセスランキングに連動してリンク画像を表示する画像RSSブログパーツです。


サポートブログ内の記事へパッとアクセスできるように目次を作りました。

がぞりんサンプル#2 ランキングトップ10をユーザ任意の固定画像で表示させたい場合

がぞりん

がぞりんサンプル#1 ランキングトップ10をRSS参照で表示させたい場合では最も楽ちんな、全てのサイトの画像リンクをRSSを参照させて表示する方法を紹介しましたが、これでは自サイトの属性に合わない画像リンクが表示されてしまう場合があります。

がぞりんの基本思想でも記載した通り、がぞりんでは例え最新記事ではなくとも自サイトの属性に合った画像を用いてランキング連動の画像リンクを表示させることを重視しています。

サイトによっては自サイトの属性に合った画像を用意して、固定の画像リンクを設置しているところもあると思いますが、ここではそうした画像リンクを予めがぞりんに登録しておき、それをランキング順位に応じて自動的に入れ替えて表示させる方法を紹介します。

画像を用意してがぞりんに登録する

まず最初にがぞりんに対して

  • サイト名
  • 記事タイトル
  • 記事のURL
  • 画像ファイルのURL
  • ラベル

の組を登録します。

これをランキングに登場しているサイトに対して行います。全てのサイトに対して行う必要は必ずしもなく、例えばトップ10を表示させたい場合には、ランキングのトップ10に入る可能性があるサイトに対して用意しておけば良いでしょう。がぞりんに登録すると以下のようにランキング順に表示されます。

がぞりん

もちろん、突然トップ10入りしてくるサイトもあるでしょうが、その都度そのサイト用に上記の組を用意してがぞりんに登録してください。

ラベルを指定してランキング順に表示させる

上記の例を元に、ラベル「top1」を付けた画像をランキング順位に応じて表示させるには次のようにhtmlコードを設置します。

<div class="gazoline-sidebox">
  <script type="text/javascript">gazoline.show(1,'label','top1',false)</script>
</div>
<div class="gazoline-sidebox">
  <script type="text/javascript">gazoline.show(2,'label','top1',false)</script>
</div>
<div class="gazoline-sidebox">
  <script type="text/javascript">gazoline.show(3,'label','top1',false)</script>
</div>
<div class="gazoline-sidebox">
  <script type="text/javascript">gazoline.show(4,'label','top1',false)</script>
</div>
<div class="gazoline-sidebox">
  <script type="text/javascript">gazoline.show(5,'label','top1',false)</script>
</div>
<div class="gazoline-sidebox">
  <script type="text/javascript">gazoline.show(6,'label','top1',false)</script>
</div>
<div class="gazoline-sidebox">
  <script type="text/javascript">gazoline.show(7,'label','top1',false)</script>
</div>
<div class="gazoline-sidebox">
  <script type="text/javascript">gazoline.show(8,'label','top1',false)</script>
</div>
<div class="gazoline-sidebox">
  <script type="text/javascript">gazoline.show(9,'label','top1',false)</script>
</div>
<div class="gazoline-sidebox">
  <script type="text/javascript">gazoline.show(10,'label','top1',false)</script>
</div>

cssはがぞりんサンプル#1 ランキングトップ10をRSS参照で表示させたい場合を参考に任意に設定してみてください。

バラメータBに「’label’」を設定すると、パラメータAが示すランキング順位のサイトに対して用意されている画像のうち、パラメータCで指定するラベル「top1」が設定されているものを参照して表示してくれます。

上位20位くらいのサイトに対して記事タイトル、記事URL、画像URLを登録し同じラベルを付けておけば当面放ったらかしでランキングに応じて画像リンクが表示され続けることになります。

★ ワンポイントアドバイス ★

  1. 同じサイトに対して同じラベルを付けた記事が複数登録されている場合、それらの内一つをランダム表示してくれます。常に同じ画像が表示されているとクリック率が落ちる場合がありますので、適宜活用してみてください。
  2. ラベルを付けた画像の登録が無い場合、そのサイトのRSSを参照して自動的に画像リンクを作成します。急激にランキング入りしてくるサイトがあっても暫定対処しますので、表示に穴があいたりアクセスを返せないということはありません。

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

お勧め記事トップ5

ACRランキング上位5サイトの画像リンクを、RSSで取得した画像を使って表示しています。
→この表示方法を知りたい

お勧めおっぱい記事トップ5

ACRランキング上位5サイトの画像リンクを、RSSで取得した画像の内、おっぱいに関する記事を優先的に使って表示しています。
→この表示方法を知りたい

ピックアップ記事

ランキング順位とは無関係に、一押しサイトのRSSを取得してランダム表示させています。
→この表示方法を知りたい

がぞりんアクセスランキング

外部サービスによるアクセスランキング


本サイトの画像リンクは「がぞりん」を利用しています。

アクセスランキング
全ランキングはこちら

人気記事紹介

ACRランキングに連動し、上位10サイトのRSSを取得してテキスト表示させたテキストRSS風の表示です。先頭と末尾の1行ずつは広告です。この広告もがぞりんで任意のものを設定できます。
→この表示方法を知りたい

パワープッシュ!

ACRランキングとは無関係に、今この瞬間お勧めの記事を紹介することができます。
→この表示方法を知りたい
ページ上部へ戻る