背景色などがカスタマイズできる新ブログパーツ「Amazon Ran9」テスト公開、CSSがわからなくてもOK

このブログパーツは終了しました。(2015/12/02)

たいへん急ですみません。使用していたGoogleのAPIが突然終了したためです。
以下は記録として残しています。

新しいブログパーツ「Amazon Ran9」(仮名:“アマゾンランク”と読みます)をテスト公開します。HTMLやCSSを知らなくても、誰でも見栄えのよいデザインができる、Amazonのランキング表示ブログパーツです。

まずは右のサンプルを御覧ください。

いかがでしょうか?

というわけで、ブログパーツのコード生成ページは以下のリンクから。

fun9 Amazon Ran9

NEW!
ファッション専用のカテゴリも大幅追加

セールスポイント

まず第1にHTML、CSSを知らなくても見栄えのいい(目立つ?)デザインになります。

次に、「売れている商品だけではつまらない」という方に向けて、ベストセラー以外に以下のランキングが表示可能です。

  • 新着ニューリリース
  • 一番ほしい物リストに追加されている商品
  • 一番ギフトとして贈られている商品
  • ヒット商品(24時間で売上が伸びた商品)

※ヒット商品はカテゴリ中「すべて」のみの対応です。

設定はカンタン。基本はカテゴリを選んで、アソシエイトID(またはトラッキングID)を入力するだけ。

画像サイズや順位、アーティスト名、価格表示のON/OFFが選択だけで設定可能。

また、これまでにないものとして文字サイズや、背景色(奇数番目と偶数番目の色が変えられます!)もカンタンに設定できます。

さらに、横並びの配置も可能。横並びの際にもタイトルや価格などの表示ができます。定番のサイドバーへの設置のほか、記事の上や下などに設置するのに適したデザインが用意されているというわけです。

また、商品名が長すぎて見た目がよくない、という場合のために行数を制限することも可能です。

とにかく触ってみればなんとかわかるという感じに仕上げてみました。

fun9rankとの違い

以前から提供しているブログパーツ「fun9rank」と比較すると、キーワード指定ができない、表示できる順位が10位まで、カテゴリが少ない、という違いがあります。

それでもランキングの種類や表示できる項目が多かったり、デザインがカンタンにできるといった利点もありますので、お好きなほうをご利用いただければと思います。

注意事項・補足など

IE7、IE6でも崩れることなく表示されるよういろいろやってみました。ただし、IE6では商品名の行数指定が効きません。IE6利用者が少ないと思うので、これ以上の対応はしないと思います。

表示されるデータはAmazonが公開しているRSSフィードを利用しています。RSSフィードを利用したアフィリエイトについてはAmazonが認めているのですが、本ブログパーツでの利用を保証するものではありません。自己責任でご利用願います。

バックエンドに使用していサーバーの利用制限により、想定外に大勢のユーザーの利用に対応できない可能性があります。ある程度ユーザーが増えた時点で新規コード発行を停止する可能性もあります。そのへんは運営しつつ様子を見たいと思います。

また、例によって数パーセントの割合で当サイトのIDへの差し替えがあります。

テスト期間中はこちらで不具合報告、動作報告などをコメント欄にて受け付けます。

それから、ボックス背景色に「オススメ配色」というのを作成したのですが、実は適当に作っただけであまり気に入っていません。表示される色から選択するだけでなく、16進数で直接指定することもできるので、「もっといい配色があるよ!」という方もコメントいただけるとありがたいです。

よろしくお願いいたします。

別のデザインのサンプル

最後に別のデザインも載せておきます。

こちらは幅を指定するために、出力されたHTMLコードの前後をdivタグに囲んで、そのdivにstyle属性で幅を指定しています(<div style="540px">と</div>で囲む)。

これは横並びの際に幅いっぱいまでボックスが並び、2段以上になった場合に1段目が6個、2段目が4個といった具合で、バランスが悪くなるのを避けるための措置です。うまいこと指定してみてください。HTML、CSSがわからなくてもこれくらいはなんとかなるんじゃないですかね。

あと、生成画面で追加で設定を行なっている部分が数点。

まず、商品名が長すぎるとボックスからはみ出した部分は表示されないので、2行に制限しています(そのオプションは生成画面にあります)。

また、「ボックス内padding」を指定することで、縁取りのような効果を加えています。この値を大きくすると、初期設定のボックスサイズからちょっとはみ出してしまうので、ボックスサイズの横を8ピクセルほど増やしています。

ランキング表示ブログパーツfun9rankで価格表示が可能になりました

お待たせしました。「fun9rank/Amazonランキング下位までランダムにリストアップ」において、価格表示が可能になりました。

デザインで「縦・商品名が下・価格あり」「縦・商品名が右・価格あり」「縦・商品名が上・価格あり」のいずれかを選ぶことで、価格が表示されます。

それ以外の仕様に変更はありません。

表示サンプルは続きを御覧ください。

機能追加の準備としてランキング表示ブログパーツfun9rankのメンテナンスを行いました

ランキング表示ブログパーツfun9rankについて、メンテナンスを実施しました。

今回のメンテナンスは、現在準備中の新機能追加のためのテストとして行いました。

現時点では表示などに変更はありません。これまでどおり、何も変わらないはずです。
ランダム表示の確率がほんのちょっと変更になっていますが、これも見た目的には変わらないはず。

テストは十分行ったつもりではありますが、意図しない不具合が発生している可能性もゼロではないため、ここでお知らせすることとしました。

何かあればコメント欄にご報告いただければと思います。
よろしくお願いします。

ランキング表示ブログパーツのメンテナンスを行いました

ランキング表示ブログパーツfun9rankについて、メンテナンスを実施しました。

今回のメンテナンスは、Amazonのデータベース・サービスの仕様変更に対応するための対処です。また、同時に機能追加のための処理も加えています(新機能そのものはまだ追加されていません。準備およびテスト段階です)。

使用する分には以前と変わらないようになっているはずです。

以前と動作が異なる、うまくいかない、といったことがあればコメントをいただければと思います。よろしくお願いします。

「ほしいものウィジェット」の不具合修正

Amazonのほしい物リストをブログパーツにすることができる「ほしいものウィジェット - ウィッシュリストブログパーツ」について不具合の修正を行いました。

商品名およびアーティスト名に特定の文字列が含まれる場合に、うまく表示されてないという問題が発生していました。

その不具合について修正を行いました。

「ある商品を追加したらブログパーツが表示されなくなった」という方は、いまいちど試していただけるとありがたいです。

また、この修正でも問題が解決されない場合は、Amazonの商品番号(ASIN)をここのコメント欄に書いていただければ、対処が早くできるかと思います。

よろしくお願いします。

ランキング表示ブログパーツの順位を固定できるようになりました

ランキング表示ブログパーツfun9rankへの機能追加を行いました。

fun9rank / Amazonランキング 下位まで(売れてない商品も)ランダムにリストアップするブログパーツはてなブックマーク - fun9rank / Amazonランキング 下位まで(売れてない商品も)ランダムにリストアップするブログパーツ

これまでは指定した最大ページ数からランダムで表示される順位が決定されていました。

新たにオプションを加える(「固定オプション」とします)ことで、表示される順位を固定できるようになりました。

たとえば、10個の商品を表示する場合、

通常では
・最大ページ数が10なら1から100位まで、3なら1から30位までのランダムな順位を表示

新たに加えられたオプションを設定することで、

・最大ページ数が10なら91から100位まで、3なら21から30位までの表示となります。

このように、固定オプションを使えば、1から10位、11から20位ページを分けてランキング表示ページを作成したい場合にこの固定オプションが役立つとおもいます(1ページ内に複数の設置はできないので、必ずページをわけてください)。

設定方法

上記リンクの作成画面において、出力されたHTMLコードに以下のような行があるはずです。

var f9node, f9key, f9si2;

この行以下のように変更してください。

var f9node, f9key, f9si2="p";

上記の赤い文字になっている部分を加えます(ほかの部分には手を加えないでください)。
これで固定オプションが有効となります。

ブログパーツの表示の確認は、実際に設置したページを表示して行なってください。

上記リンクのブログパーツの作成画面では確認できません。また、設定項目もありません。
ちょっとした裏技として用意した機能なので、作成画面にオプション設定項目を儲ける予定もありません。

よろしければ有効に利用してください。なにかあればコメントください。
よろしくお願いします。

ランキングブログパーツ復旧しました

5月24日13時ごろよりランキング表示ブログパーツが停止していました。

5月25日10時に復旧しました。

停止した間、ご迷惑をおかけしました。

ランキングブログパーツで画像がない場合、代替画像を表示するようにしました。

Amazonのランキングを表示するブログパーツfun9rankについて、仕様変更を行いました。

これまではAmazonに画像が用意されていない場合、画像なしで商品名のみ表示するという仕様でした。

デザインで「横・タイトルなし」を選択した場合には、画像なしの商品が表示されないため、個数が減ったように見えたわけです。

いずれの場合でも、デザイン上、不都合がある方もいらしたと思います。

というわけで、Amazonのサイト同様、代替画像を表示するようにしました。

代替画像の例

上記キャプチャ画像でいうと2番目の商品です。

すでに設置してあるスクリプトを変更、更新する必要はありません。

まだ、画像が表示されないという場合もあわてずに。データ更新のタイミングで表示されるようになると思います(遅くとも20日中には)。

商品によって幅・高さが異なるため、どのサイズを選んだらよいものかと思いましたが、とりあえず、書籍とCDの中間の横幅を選んでみました。

また、貼り付け用コード生成画面では、この代替画像が表示されないままになっていますが、これはコード作成の時間がとれないため。ご了承ください。(追記:2012年10月1日現在、生成画面でも代替画像が表示されるようになりました)

お試しは以下から。

fun9rank / Amazonランキング 下位まで(売れてない商品も)ランダムにリストアップするブログパーツはてなブックマーク - fun9rank / Amazonランキング 下位まで(売れてない商品も)ランダムにリストアップするブログパーツ

その他、仕様変更などについては以下に集約していきます。更新履歴などもご覧になってください。

ランキング表示 ブログパーツ | fun9 lab

ランキング表示ブログパーツ機能追加の準備に伴い、スクリプト一部変更

Amazonのランキング表示ブログパーツ「fun9rank」に、機能追加を予定しています。

それに伴い、一部スクリプトを変更しました。

使用いただいているみなさんは何もする必要はありません。

そのままで、これまでどおりブログパーツは表示されるはずです。

ただし、なんらか原因で、おかしな表示になっている可能性も否定できません(なにぶんチェック体制が整っておりませんゆえ)。なにか問題などありましたら、コメントください。

また、まれに発生していたと思われるバグも今回つぶしました。これで、出力されるHTMLコードの改変などをしていなければ、表示されないということはないように思います。

数日経過後、現状のスクリプトに問題なければ、機能追加を実行に移したいと思います。

ご協力お願いします。

ランキング表示ブログパーツ、ちょっと軽量化

Amazonのランキング表示ブログパーツ「fun9rank / Amazonランキング 下位まで(売れてない商品も)ランダムにリストアップするブログパーツ」について一部手直し。

出力されるスクリプトの軽量化を図りました。数割(1から3KB)程度ですが、容量を減らしました。ほんのちょっとですが、表示までの時間が短くなってるかと思います。

仕様自体に変更はありませんが、なんらかの不具合が出ているようでしたら、コメントください。調査します。

コンテンツの配信