2006年10月10日
flickr badgeみたいなAmazon商品を表示するAdBadgeにサイズ指定できる機能を追加
AdBadge、RssBadge、RBadgeのBadgeシリーズに横幅サイズを指定する機能を追加しました。
外枠の横幅をpx単位で指定できます。
商品画像のサイズの関係とAmanatu.comのロゴサイズの関係で 最小82px ～ 最大172px の範囲とします。標準（今までと同じサイズ）は 118px になります。
こんな感じ
で、82～172の範囲内ですが、表示する商品画像のサイズから枠の横幅サイズが決まるために、サイズ指定をしても近似値にまるめられます。
例えば、83px,84pxは82pxに 86px,87pxは85px にまるめられます。
枠サイズを指定しない場合は、今までとおりの標準サイズとなります。
さて、上のサンプル画像でもひときわ目立つエビちゃんのカレンダー。
去年は気が付けば売り切れだったので今年は予約でもしておこうかな。
ちょっとAdslideを使って紹介しておきます。
投稿者 amanatu : 22:32 | コメント (0) | トラックバック
2006年07月29日
FireFoxはpx付けないとちゃんと表示されない
ちょっと前に正式にはじめたAdBadgeですが、FireFoxで見るとTOPページはちゃんと表示されるのにここの日記に貼り付けたものと説明ページに貼り付けたものが正常に動作してませんでした。
ただ、TOPページではちゃんと表示されていたのでいろいろ調べていたんですが・・・
どうも<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">が原因のようですね。
まぁ、あんまりよくわかってないんですが、”こいつ”で設定していると厳密にCSSを判断するんでしょうか？”こいつ”をはずすと動作するようになるので・・・
でも、自分のページで使用するだけならそのページの”こいつ”をはずしちゃえばいいんでしょうが、いろんな人に利用してもらうのが目的なんでもうちょっと調べてみると
'px'が原因のようです。
パラパラと表示の位置を変えるのにJavascriptで**.style.top = y; みたいな感じにしてたんですが
ちゃんと'px'を付けないといけないみたいですね。
で、**.style.top = y+'px';って感じにするとちゃんと動くようになりました。
はぁ、FireFoxで見ると同じようにFlickr BadgeのFlashが動作していないのもこの辺が原因なんでしょうかね？
投稿者 amanatu : 20:06 | コメント (0) | トラックバック
flickr badgeのflashのようにAmazon商品を表示させるサービスAdBadgeはじめます
先日紹介した「flickr badgeに似たもの検討中」のサービスを正式にはじめたいと思います。こんな感じです。
表示するAmazon商品をどこから選択するかによって3種類のサービス名に分けています。
１．AdBadge
アマゾンで分類されているカテゴリーやキーワードで検索した結果出力される商品を表示
２．RBadge
あまなつで最近見られた商品を表示
３．RssBadge
RSSで出力されるデータの中からASIN（アマゾンの商品を識別する10桁の番号）を抽出しそのASINの商品画像を表示
他のサービスと同じですが、自分のアマゾンアソシエイトIDを設定することでそこから商品が購入されるとAmazon.co.jpより紹介料が支払われます。
また、AmanatuAdsenseなどと同じように表示される商品のうち１／６の確率で amanatu-22 のアソシエイトIDに変更して表示されます。ご了承ください。
投稿者 amanatu : 14:09 | コメント (0) | トラックバック
2006年07月22日
flickr badgeに似たもの検討中
超有名なflickrここで紹介されているツールでFlickr badgeてのがありますが
これのFlash版ってかっこいいんすよね～
こんな感じ
とりあえずマネしてAmazon用のを作ってみようと思ってるんですが、まだFlashはよくわかんないのでとりあえずJavascriptで作ってみました。
こんな感じ
（2006.7.29追記：↑表示内容修正しました。）
まだテスト中なんですが、なんかいい感じかなぁ～なんて思ったんでちょっと紹介
Flickr Badge は3X4のサイズなんですがAmazonで商品を扱うには１０個が便利なんですよね。12個扱うとなると色々と手間なのでこちらは3X3のサイズで進めています。
もうちょっと、いろんな機能を追加したりとか、作成用のページ作成だとか、説明用のページ作成だとかありますんで、もう少し先になりますが、アソシエイトIDを変更して使えるようなものにしようと思っていますんで正式に使えるようなものになればまた紹介します。