amazon popup imageをあなたのサイトで使えるようにしてみませんか?
これを使うことで、アマゾン アフィリエイトの売り上げアップに繋がるかも?
今回作成したアマゾン ブログパーツ拡張を使うことで、以下の効果があると思ってます。
■これを使うとどうなる?
(1) 売り上げアップに繋がるかも?
画像が拡大表示されるため、アフィリエイトリンクをクリックする確立がアップするかも。
(2) サイトの滞在時間を長くできるかも?
画像一覧表示機能を追加すれば、画像一覧を確認するユーザが増え結果的にサイトの滞在時間が増えるかも。
(3) リピーターを増やすことができるかも?
全ての画像を確認できるサイトは、まだまだ少ないと思うので目新しさでユーザを増やすことができるかも。
■機能について
・マウスオーバーで画像拡大
・IMAGE ALLリンクをクリックすると全画像一覧表示
■サンプルサイト
サンプルサイトを見る
■対象者
・Amazonアフィリエイトを行っている方
・「ホームページもっている方」または、「javascript使用可能なブログ」をお持ちの方
※基本的に、アマゾン アフィリエイトのブログパーツを使っている方全員が対象です。
(
yasuikamo以外の様々なブログパーツにも対応。)
■制約
・amazonが提供しているウィジットには対応していません。
・amazon.co.jpのみの対応になります。
■対応ブラウザ
・IE, Firefox, Safari, Google chrome, Operaサポート
■使い方
・ヘッダにスクリプトタグを1行追加
<script type="text/javascript" src="http://www.yasui-kamo.com/jscript/amazon_popup_blogParts.js"></script>
・BODYタグにonloadイベントを追加
<body onload="startPopupImage(true);">
・true:IMAGE ALLリンクを追加
・false:マウスオーバーで画像拡大のみ(IMAGE ALLリンクは追加しない)
■設置例
・FC2の場合
HTML編集の欄を変更します。
(1) スクリプトタグを追加します。
(2) bodyタグにonloadイベントを追加します。
■自分のサイト テスト用greasemonkey
設置前に自分のサイトの動作を確認したい方は、以下のgreasemonkeyをお使いください。
[download]
amazon popup imageをアマゾン アフィリエイトに適用するブログパーツ拡張
※注意:サイトにスクリプトを設置した後は、テスト用grasemonkeyを無効にするか削除してください。
正常に動作しなくなってしまいます。
■今回の製作でお世話になったサイト
今回、amazon popup imageのクロスブラウザ対応で詰まった箇所がかなりあり
何度も「IEは切捨てよう」と思ったのですが、こちらのサイト様を参考にさせていただき完成させることができました。
この場を借りてお礼申し上げます。
(1) クロスブラウザのイベント処理
紫キャベツ日記
(2) クロスブラウザのinnerHTMLのTable要素の書き換え
風柳亭
(3) クロスブラウザの画像のサイズ取得
dogmap.jp
他にもいくつか問題がいくつかありましたが、機会があれば書きたいと思います。
今回のスクリプトですが、うちのサイトよりカナリ良いものになってます。
yasuikamoもそのうち修正せねばなぁ。
以上