Amazonの商品プレビューとLightboxプラグイン

移転前夜の六本木ヒルズ

一連のWeb標準の日々レポートを書くときに、Amazonへのリンクを張っていたら、商品プレビューなる機能が追加されているのに気づいた(こういうの)。

使い方はアクセス解析タグみたいにページの最後にスクリプトを貼るだけ。テキストの個別商品リンク専用だけど、画像をべたっと貼るより文中にテキストでリンクさせるほうが好きなので早速導入。
おお、これはなかなかいい感じ、と思ったんだけど、ページ最下部にスクリプトの断片みたいな妙な文字列が表示されてしまう。

これはプラグインのどれかが原因だろうと思い、ひとつずつチェックしてみると、どうもiMP Auto Slimbox(Lightboxクローンのプラグイン)と相性が悪いらしい。

このプラグインはいわゆるLightboxなんだけど、いちいちaタグにrel=”lightbox”とか書かなくても自動で追加してくれるのがいいところ。代わりのプラグインを探してみるものの、ほとんど手書きでの追加が必要。
そこで見つけたのが、Plugin Add Lightbox pour WordPressという、rel=”lightbox”属性を追加するだけのプラグイン。属性値の部分を書き換えれば他のいろんなプラグインと組み合わせて使えそう。

このプラグインと、このページからリンクされているLightbox 2プラグインの最新版Slimbox WordPress Pluginと組み合わせてみたんだけど、最初と同じ症状になってしまった。
ここでちょっとピンときたので、その前のバージョンのLightbox 2 WordPress Pluginに変えてみたら、やっと正常に動作。

このSlimbox WordPress PluginiMP Auto Slimboxは同じSlimboxというmootoolsベースのLightboxクローンを使っていて、こいつがAmazonのタグとバッティングしている感じだね。

プラグインがひとつ増えちゃいましたが、とりあえずこれでLightboxとAmazonの商品プレビューが両立しました。が、なんか重い。
ブラウザのステータスバーを見てると、何かがどこかとずーっとやりとりしてる感じ。

4. 商品プレビューを使うと、ページの表示速度に影響しますか?

商品プレビューのスクリプトはWebサイトの下部に挿入しますので、ページに表示されるコンテンツのロードに影響しないようになっています。ページのコンテンツが表示された後にもブラウザーが読み込みを続けていることがありますが、これはビジターがあなたのページに始めて訪れた時、商品プレビューの表示に必要な情報を取得するためのものです。その後は、配信される情報が更新されたり、ブラウザーのキャッシュがクリアされない限り情報取得を行いませんので、ロード時間は短縮されます。

商品プレビュー:よくあるご質問

・・・これはちょっと気になるなぁ。ま、しばらくこれで様子見ます。

追記:2007/08/19 22:43

使用は諦めました。このエントリーだけ適用してあります。
補足エントリー→http://yozik.sakura.ne.jp/blog.inafog.jp/archives/252

コメントを残す