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


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

がぞりんサンプル#3 ランキングトップ10をRSSで取得した画像の内、任意のものだけを利用して表示させたい場合

がぞりん

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

その問題を解決するため、がぞりんサンプル#2 ランキングトップ10をユーザ任意の固定画像で表示させたい場合ではユーザが予め用意した画像を使って画像リンクを作成する方法を紹介しました。この方法であれば自サイトの属性を壊さないという良い面がある一方、自分で全てのサイトに画像を用意してがぞりんに登録していくのはちょっと大変な作業だと感じることもあるでしょう。

そこで、これら2つの方法の良い所どりをした方法を紹介します。
RSSで取り込んだ過去記事情報の内、
表示させたい記事だけを指定して表示させる方法

です!
これは楽ちんですよー♪

RSS情報から使いたい画像を選ぶ

がぞりんにランキング情報を登録し、ランキングに登場しているサイトのRSS情報を取得させます。
「サイト一覧」タブから、追加→ランキングサイトからインポート、とします。
RSS情報を取得する

RSS情報を取り込んだら「がぞりん設定」タブへ移動し、右上の「パネル表示」を選択して画像の一覧表示にします。
この状態で画像リンクに使いたい画像を選択し、「一括設定」→「ラベル」を選択。
がぞりん

任意のラベルを付けて下さい。
ここでは「女性の胸」属性のサイトで使うことを想定し、胸元が写っている画像を選択しラベルに「rss-opi」と付けてみます。
gazoline07

指定ラベルを使って画像リンクを表示する

選択した画像を使って画像リンクを設置するには次のようにhtmlコードを記述します。

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

htmlコードは見ての通り、がぞりんサンプル#2 ランキングトップ10をユーザ任意の固定画像で表示させたい場合と同じです。ラベル指定する画像をユーザが作って登録するか、RSSで取得した情報を使うか、の違いですね。

cssは例によってがぞりんサンプル#1 ランキングトップ10をRSS参照で表示させたい場合を参照してお好きなように設定してみてください。^^;

こうして作成した「ランキング連動のおっぱい記事リンク」は本サポートブログの左カラムに設置してある「お勧めおっぱい記事トップ10」。同じランキングを参照して、全RSS情報を使った画像リンクである「お勧め記事トップ10」の表示と見比べてみてください。サイトの属性を維持すると言うことの意味がご理解頂けるのではないでしょうか。

★ ワンポイントアドバイス ★
上記の例で、ランキングに登場する全てのサイトに対して最低一つ「rss-opi」のラベルを付けた画像を用意できれば良いのですが、そうで無い場合、サイトによってはラベル「rss-opi」を付けた画像が一つも無い状態になります。この時、がぞりんは「ユーザ指定の画像が無い」と判断し、RSSで取り込んだ他の画像からランダム表示します。
自サイトの属性に合った画像のみ必ずしも表示されるわけではないので、これを避けるためにも最低一つは自分で画像を用意して登録しておくと良いでしょう。それに加えてRSS情報から適切なものを選んでラベルを付けて残していく、という方法をお勧めします。

※ 本サポートブログ左カラムの「お勧めおっぱい記事トップ10」では全てRSS情報を使って回しているので、ラベル「rss-opi」を付けた画像の無いサイトはおっぱい画像以外の記事が参照されてしまっています。

関連記事

コメント

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

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

お勧め記事トップ5

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

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

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

ピックアップ記事

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

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

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


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

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

人気記事紹介

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

パワープッシュ!

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