WordPressでAmazonの商品プレビューをテキストリンクにマウスオーバーで表示させる方法

amazonのアフィリエイトで、文章中にリンクを埋め込むタイプがあり、本文末にまとめて表示するより文中にあったほうが有効らしいです。でも僕はリンクがありそうなカラーで思わずクリックして、アフィリエイトかい!!とつっこまれそうでちょっとびびってました。そこでこんなのがベータ版でAmazonから提供されているので試してみました。簡単に出来たのでどうぞ皆様も試してくださいなー。

スポンサードリンク



作業手順

  1. amazonからコードを取得
  2. コードはcontent.phpにペースト

至って簡単です。でも簡単に行き過ぎてあんまり自信ないので、間違ってたらびしびし指摘して下さい!

amazonからコードを取得

Link2

まずはAmazonアソシエイトのトップページというか報酬とか見れるページへ行きましょう。ちなみに僕はこの前初報酬でした。うれぴwありがとうございます!そしてメニューバーのプルダウンから商品リンクらへんのページへ移動します。こっからリンク作ってる人はすくないでしょうが。

Preview link

するとサイドバーに商品プレビュー(ベータ版)という欄があるのでクリック。僕は今、Amazonに猛烈にCall of Duty Ghostsを勧められています。買いそうです。耐えてますw

Copy the code

するとコードが出てきます。JavaScriptうんたらかんたらです。こいつをコピーしちゃいましょう。こんだけであの処理が出来てしまう意味がわからない僕は、まだまだですw

コードはcontent.phpにペースト

このコードは書いたところになにか表示する訳ではなく、「こうしたらこれ表示してね」っていう命令文てきなものかと思われます。ですのでどこでもよさそうですwでもbodyタグの一番終わりに挿入してねっというamazonからの伝令。Wordpressでは個別記事のbodyタグ内はいちいちcontent.phpによって書きだされてるはずです。

Content iti

この辺かなーと思います。僕はその一個上の文に挿入してますが、うまく行ってます。ちなみにその前にadsenseコードを貼ることにより、自動で個別記事下のadsenseも挿入されてます。

スクリーンショット 2013 11 08 12 52 29

こんな表示されているはずです。何ページか自分のページをチェックしてみて下さい。

参考書籍

wordpressのテンプレートタグが何をしているのか、だいたい分かるようになってきました。プラグインは遅くなるっていう固定概念から頑張って自作している私です。下記の書籍はわかりやすいです。まあまだまだわからない事だらけですが勉強勉強。