« WordPressのfeedの文字数 | WordPressにGoogle Adsenseを表示~Adsense-deluxe »

2007.07.16

WordPressにAmazonを表示~WP-Amazon

WordPressには
アフィリエイトリンクを簡単に貼れる便利なプラグインがある、
と聞いた気がしたので、探して入れてみることにした。
まずはAmazon

参考ページPart1はこちら。↓
WordPress2.1用「WP-Amazon Version 2.0 Beta 1.1」を使ってみた

wp-amazonプラグイン
manalang WP-Amazon 1.x(Pre WordPress 2.1) でダウンロード。
(私が使ってるのはWordPress2.2なんだけど。)

ダウンロードしたフォルダごとプラグインフォルダにアップ。
(README.txt、license.txt、latest-version.txtなんかは除いて)

WordPressの管理画面の各種設定の中に
Amazon」というメニューができているので、そこに入り、
Default CountryでJapanを選択、
Associate IDの欄に自分のAmazonのIDを入力。
Update Optionsのボタンをクリックして情報を更新。

そうすると、今度から
新規投稿の画面や、記事編集の画面の上右端に「A」のマークが出るようになり、そのボタンをクリックするとAmazonの検索ボックスが出てくる。
書籍名やキーワードを入れて検索、
検索結果として出てきた候補のうち、使いたいものを
そのまま本文入力欄にドラッグしてくるだけで本文中に表示できる…とのこと。

参考ページPart1には、
SleipnirとIE6ではドラッグできなかったけど、FirefoxではOKだった、とある。
確かに、私の場合も、IE7の記事編集画面ではNGでFirefoxの方ではOKだった。

さらに、私の場合、記事編集画面では大丈夫だけど
新規投稿の画面では、どのブラウザでも「A」ボタンが見えない、という別の問題があった。
エラーを表示させてみると
新規投稿の画面を開く時、wp-admin/post-new.phpでエラーが発生しているみたい。

気になったんで、もう少し調べてみたら、ありがたいページにHIT。
数少ないWordPress2.2情報。

参考ページPart2はこちら↓
WordPress2.2でWP-Amazon 2.0 Beta1.1 を動かす

WordPressのバージョンを2.2以上にしてしまうと、
動かなくなるのがWP-Amazonプラグイン。」と書いてある。
改修されたコードをダウンロードできるサイトも紹介してある。

http://www.gnifty.net/code/wp-amazon/

ここでダウンロードしてきたwp-amazon.phpとjsフォルダを
サーバーのプラグインフォルダ内wp-amazonのフォルダにアップ。

そうすると確かに、新規投稿画面でエラーがでなくなり、
「A」のアイコンも表示されるようになった。
やはりIEではドラッグできないけど、FirefoxでならOKになった。

さて、広告サイズがMかLか選べるようになってるけど、
Lっていきなり大きすぎませんかね???
こんなの使うのかな?

WordPress 2.2でつくる!最強のブログサイト―2.1/2.2対応

ドラッグで本文中に入れられるという操作はラクだけど
普通にAmazonでリンクコードとってきて
本文に貼った方が見栄え良くて、わかりやすい気もする。
タイトルや値段も出るし。
めったに使わないなら、そっちの方がいいのかなぁ???

※ 管理画面 ユーザー → プロフィール で、
投稿時にビジュアルエディタを使用する」にチェックを入れて使うこと!

※ Amazonの広告サイズをMかLか選ぶ時に出てくる
ポップアップウィンドウの閉じるボタンがきちんと表示されず、
IEでは×になっているのが目立ってて気になった。
(Firefoxの方はClose Previewの文字だけで、見た目キレイ。)
どうせIEではドラッグしても、
きちんとアフィリエイトリンク貼れないんだし、
放っておいて構わないんだろうけど
差し替えたwp-amazon,jsの143行目の
src=”/wp-content/plugins/wp-amazon/images/close.gif” mce_src=”/wp-content/plugins/wp-amazon/images/close.gif” を
src=”../../wp-content/plugins/wp-amazon/images/close.gif” mce_src=”../../wp-content/plugins/wp-amazon/images/close.gif” に変えれば表示されるようになった。

Trackback URL

Comment feed

Comment





XHTML: You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>