« Amazonアソシエイト・プログラムに参加してみました | メイン | Amazon.co.jp アソシエイト・プログラムへの参加が承認されました »
2005年03月18日
Amazonアソシエイトリンクにスクロールバーが出てしまうのはなぜ？[ Movable Type ]
昨日、さっそく貼り付けてみたアマゾンアソシエイトのリンク。
どうみても、フレームのサイズがリンク先の画像のサイズと合っていないような・・・。
ねんのため、同じリンクHTMLをブログではなくホームページ上に置いてみました。
すると、こちらは脇にスクロールバーなど出ずに綺麗に表示されているではありませんか。
何が違うのか、ググって調べてみました。
Googleのキャッシュでなんとか情報をゲット。
どうやら犯人は「ブログで改行を自動でbrタグに変換してくれる設定」が原因らしいのです。
「個別商品リンク」のHTMLはiframeというタグを使って表示させているのですが、これを素直にコピペしてしまうと
src="http://rcm-jp.amazon.co.jp/e/cm?t=aaaaaaaa05f-22&o=9&p=8&l=as1&asins=4844320785&fc1=000000&=1&lc1=0000ff&bc1=000000<1=_blank&IS2=1&f=ifr&bg1=ffffff"
width="120"
height="240"
scrolling="no"
marginwidth="0"
marginheight="0"
frameborder="0"
こんな風に、一つのタグの中に改行がたくさん含まれているのです。
これを改行マークの影響が出ないように、
src="http://rcm-jp.amazon.co.jp/e/cm?t=aaaaaaaa05f-22&o=9&p=8&l=as1&asins=4844320785&fc1=000000&=1&lc1=0000ff&bc1=000000<1=_blank&IS2=1&f=ifr&bg1=ffffff" width="120" height="240" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"
このように改行マークを削除して投稿すれば成功です。
(ちなみに上記の例では、タグの部分が表示できるように「iframe」タグを削除しています)
投稿者 かっぱ : 2005年03月18日 22:08
この記事へのトラックバック
このエントリーのトラックバックURL:
http://iamk.net/cgi-bin/mt-tb.cgi/1736
トラックバックされる場合は、この記事の URL (またはリンク)も記事の中に入れていただけませんか？
トラックバックされた記事の中に当ブログの URL (またはリンク)が記載されていない場合には
勝手ながら当ブログのトラックバック表示を削除させていただくことがあります。
この記事へのコメント
を、そういうことでしたか。なるほどなるほど。うちでも次からはiframeつきでやってみようかな。でも改行とるのはめんどくさいですよねぇ。
投稿者 GM : 2005年03月19日 01:12
GMさん、コメントありがとうございます。
このフレームサイズの件、2ちゃんねるでも話題にあがっていたので、仕様なのかなぁと思っていたのですが、そうでもなさそうですね。
改行を取らなくちゃいけない件については、私の場合、それほど頻繁に商品紹介をするわけでもないので、我慢しようかと思っています。
投稿者 かっぱ : 2005年03月19日 13:44