2019.05.26ども!あき山です。ブログのサイドバーにAmazonの商品がずらっと並ぶウィジェットを見たことある人もいると思います。まとめサイトなどでよく見ますね。Amazonの商品が自動で切り替わるように自前でカスタマイズするのは、相当な知識がないと難しいと思います。AmazonアソシエイトのAPI利用ポリシーが度々変更になるため、既存のウィジェット表示サービスも対応が難しくなってきていると思います。そこで今回は、Amazonが公式に用意するウィジェットを使ってサイドバーに商品表示する方法についてまとめてみます。スポンサーリンク目次Amazonアソシエイトのウィジェットとは?実際にウィジェットを作ってみたサーチウィジェット広告コードを用いてサイドバーに広告を表示させるお気に入りウィジェットウィッシュリストまとめAmazonアソシエイトのウィジェットとは?まず、Amazonアソシエイトの「ウィジェットのご紹介」というページを開きます。ウィジェットのご紹介(https://affiliate.amazon.co.jp/home/widgets/)ウィジェットのページには以下のものもあります。ウィジェットのご紹介(https://widgets.amazon.co.jp/)こちらはウィジェット数が10個と多いですが、最初に紹介した方が新しいページなので今回は新しいページを紹介します。Amazonアソシエイトで公式に利用可能なウィジェットは以下の6個です。お買い得ウィジェットサーチウィジェットお気に入りウィジェットくるくるウィジェット(TM)スライドショーウィジェットウィッシュリストこのうち、「お買い得ウィジェット」、「くるくるウィジェット(TM)」、「スライドショーウィジェット」は、Flashを使ったウィジェットなので今回は外します。Flashは一昔前はウェブサイトの動的コンテンツとして一世を風靡しましたが、現在はHTML5に置き換えが進んでおり急速に過去の技術になっています。Playerの開発と配布を2020年末に終了する予定であると発表しました。実際にウィジェットを作ってみたでは実際に、「サーチウィジェット」、「お気に入りウィジェット」、「ウィッシュリスト」を見ていきます。サーチウィジェットまずは「サーチウィジェット」で、サイドバー用のAmazon広告を作ってみます。サーチウィジェットを使うと、自動的に検索結果に該当する商品を表示してくれます。トラッキングIDを複数持っている人は、目的のトラッキングIDに設定しましょう。カテゴリ設定は、表示させる商品のAmazonカテゴリです。検索ワードは、表示させたい商品の傾向に合わせて入力して下さい。なければ空欄でも行けます。サイズの設定は、縦幅を設定する必要がなければ「Auto」で十分ですが(横幅は自動でフィットします)、横幅と縦幅を設定したい場合は「Custom」から設定しましょう。横幅を固定してしまうと、PCとスマホでサイドバー領域の横幅が違う場合に、どちらか(普通はスマホのほう)でサイドバーよりも広くなってしまいます。サイドバーの横幅が変わる場合には「Auto」の方がいいと思います。プレビューを見て問題なければ広告コードをコピーし、ブログのサイドバーに設定します。広告コードを用いてサイドバーに広告を表示させるWordPressなら、以下のような方法です。左サイドメニューの「外観」→「ウィジェット」を開く利用できるウィジェットの中にある「カスタムHTML」のウィジェットを開くサイドバーにチェックが入った状態で「ウィジェットを追加」をクリック右エリアの「サイドバー」に「カスタムHTML」が追加されたので、その中の空欄にコピーしたコードを貼り付けて保存これで広告がサイドバーに表示されます。WordPressのカスタムHTMLウィジェットに貼り付けて、コードのエラーが表示された場合は、HTMLウィジェットではなくテキストウィジェットを使うといいと思います。テキストウィジェットの上部を「テキスト」に切り替えてコードを貼り付けてみて下さい。お気に入りウィジェット次は「お気に入りウィジェット」で、サイドバー用のAmazon広告を作ってみます。お気に入りウィジェットを使うと、指定した商品を表示できます。ここでは、検索ワードは省略できません。カテゴリと検索ワードを設定したら「GO」をクリックします。以下のような画面が表示されます。左側の検索結果で「商品を追加する」をクリックすると、右側の実際の表示設定に商品が追加されます。右側の表示設定で商品にマウスをロールオーバーさせると「コメントを追加」ボタンが現れるので、コメントを追加できます。ちなみに、コメント内では改行も入力できます。商品とコメントを設定できたら、「次の手順」をクリックします。今回私が設定したのは、タイトル、サイズ、カラー(その他の背景、ヘッダーテキスト)です。右側にプレビューが出てますが、Amazonのデフォルトの広告表示とは違う雰囲気が出てますね。設定が終わったら画面下にある「Webサイトに追加」をクリックしてコードをコピーし、ブログのサイドバーの設定に貼り付けましょう。ウィッシュリストちなみに、「ウィッシュリスト」というのもありますが、こちらはウィジェットの作成方法が不明でした。機能的には、自分や他人のほしい物リストを表示させることができるウィジェットのようですが、ほしい物リストを公開している私の名前で検索しても「条件に一致するものありませんでした。」と表示されるばかりです。(使い方をご存知の人がいましたら教えて下さい)しかし、ほしい物リストをアフィリエイトとして使うことはなさそうなので、このウィジェットは必要ないかなと思ってます。まとめというわけで、ブログのサイドバーに使えるAmazonアソシエイトの公式ウィジェットを紹介しました。サイドバーに自前でAmazonの商品を自動配置するのは技術的にも難しいですし、Amazonの商品を並べてくれるブログパーツもAPIの度重なる変更で対応が難しい状況です。Amazon公式のウィジェットを使ってしまった方が悩む時間をカットできておすすめです。サイドバーにAmazonの商品をずらっと並べるとブログが賑やかになりますね。サイドバーのAmazon商品リストは、思ったほどクリックされないという情報もあるので、効果のほどはご自身で確かめてみてください。最高峰にゆっくりと関連記事AmazonAmazonで買った複数のMP3ファイルをダウンロードする手順ども!あき山です。先日、Amazonで買ったMP3ファイルをダウンロードする際に、ファイル名が文字化けするのを回避する方法について説明しました。...2017.01.08AmazonAmazonで買ったMP3ファイルが文字化けするときの対処法ども!あき山です。最近、音楽はデジタル版で買うようにしています。使うのは、Amazonのデジタルミュージックですね。Amazonのデジタルミュージックで買った音楽はクラウドで再生するこ...2016.12.01Amazon【Amazonアソシエイト】WebサイトのURL追加申請(事前審査)を忘れていた場合の対処法ども!あき山です。先日、Amazonアソシエイトについて「クロネ」さんのこんな記事を見ました。これを読んでいてサーッと血の気が引きました。MasterCard】Amazon廃人なら必須アイテムのクレジットカードども!あき山です。Side】アニメ系音楽を聴いてみる(尾崎由香など)ども!あき山です。Amazonの公式ページによると以下のようなサービスとのことです。Sideとはアーティストが自身の音楽について...2019.01.06Amazon【Amazonで内祝い】ギフト設定ができない?Amazonで内祝いを贈るには?ども!あき山です。今から20年以上ほど昔、ネット通販自体が存在しなかった頃は、百貨店などで贈り物を購入し、サービスカウンターで配送の手続...2018.10.13本当にお得?ニンテンドーカタログチケットで買えるダウンロード版の任天堂ソフトを調べてみた容量不足を解消!iPhoneの写真画像や動画を移動させて空きを増やすおすすめ方法ホームAmazonスポンサーリンクプロフィールども!「あき山」といいます。デジタルライフをおもしろく!をモットーに、身の回りの雑記を中心に書いてます。おじさんになって趣味で始めたデジタルイラストをどこまで極められるかにチャレンジしています。ツインテールが大好きです。最高峰にゆっくりと.メニューあき山とはあき山とは?使っているもの紹介お問い合わせサイトマップアニメ・コミックゲームPC・インターネットブログ作成ホーム検索トップサイドバースポンサーリンクプロフィールども!「あき山」といいます。デジタルライフをおもしろく!をモットーに、身の回りの雑記を中心に書いてます。おじさんになって趣味で始めたデジタルイラストをどこまで極められるかにチャレンジしています。ツインテールが大好きです。目次Amazonアソシエイトのウィジェットとは?実際にウィジェットを作ってみたサーチウィジェット広告コードを用いてサイドバーに広告を表示させるお気に入りウィジェットウィッシュリストまとめタイトルとURLをコピーしました。