Amazonのアフィリエイト商品リンクに画像が出てこない……。それはある簡単なことで解決できました！

どうも、望月です。

僕は数か月、ある悩みを抱えていました。

それはこのブログでAmazonのリンクを貼っても画像が出てこないことです。

いろいろ調べてみましたが、実はある意外なことで解決できました。

それは、カスタムHTMLを選んで、HTMLコードをコピペすること

どんな作業が必要なのかここで詳しく話していきたいと思います。

そもそも、Amazonの商品リンクとは？

Amazonの商品リンクについて軽く説明します。

ブログをされている方は広告を貼って、収入を得ることがあります。

この望月のブログも同じです。

その広告の一つとして、Amazonのリンクを貼って商品を買っていただく、

映画などをレンタルしていただく

という仕組みになっています。

Amazonの商品リンクは様々な方法で利用できます。

• Amazonアソシエイトに登録してリンクのコードを取得する
• ASPを経由してAmazonの商品リンクのコードを取得する

僕の場合は

大手ASPのA8.netからAmazonツールというのを使ってリンクのコードを取得しています。

ASPを経由して商品リンクのコードを取得しています。

いずれもリンクのコードをブログ作成のところにコピペすれば広告を記事の中に入れることができます。

コピペするだけなので簡単です。

のはずなんですが、僕は数ヶ月かそこら、商品の画像が出てこないことに悩まされておりました。

こんな感じです。

これはナーヴという映画の記事なんですが、下にAmazonのリンクを貼っています。

画像が出るようにしたはずなのに出てきません。

おかしいな……。と、その頃思っておりました。

しかし、ちょっとしたことでリンクに画像が出るようになりました。

これは最近更新した映画「タイタニック」の記事です。

Amazon Prime Videoのリンクを貼っていますが、

この通り、画像が出てきました。

それでは今まで何の方法でやっていたのか振り返ってみます。

今までのやり方

今までは、新規の記事に段落を新しくつけてそこにそのままコードを貼っていました。

WordPressの記事の作成って結構便利で

例えば、YouTubeのリンクをコピペするだけで

そのリンクの動画が自動的に出て再生できるようになっているんです。

リンクを貼るだけでYouTubeのプレーヤーが埋め込みされた状態で出てくるのです。

まぁ、Wordpressでブログ作成している方にとって当たり前なことですが……。

その感じで、Amazonのリンクコードをそのまま貼れば、

画像も出てくるちゃんとした広告が出るのではないかと思った僕は、そのまま貼っていました。

でも、上のナーヴの記事のように画像が出てこないのです。

色々調べてみたが……。

そこで、これを解決する方法を調べてみました。

キャッシュを解除する

キャッシュとは一度、自分のパソコンやスマホなどで見たwebサイトを

また開きたいとき、読み込みを早くするために

ブラウザ(インターネットを開くためのアプリ)で記憶した

情報のことです。

一度、キャッシュを削除してみると良いという方法が出てきたので

やってみました。

が、効果はありませんでした。

Amazonアソシエイトまたは別のASPを経由する

もういっそ諦めてA8.netからではなく、他のアフィリから

もしくは、Amazonアソシエイトをやろうかと思いました。

もし、そっちの方が良さそうであれば今後、検討するかもしれません。

解決方法

WordPressの文字を入れるところで

「段落」ではなく「カスタムHTML」を選んでそこにHTMLコードを貼ります。

こちらのように段落ブロックを置くのではなく

ブロックを選択する画面で「カスタムHTML」を選び

アフィリエイトのサイトで取得した広告のHTMLコードをコピペして

プレビュー表示にすると

ちゃんと画像がついたAmazonの広告が表示されます！

いやぁ、これを初めて試したときは

何ヶ月も悩んでいたことがこんなあっさりした方法で

解決するとはって拍子抜けです。

でも、意外と気づかないという灯台下暗し……。

まぁ、解決できて本当に良かったです。

ちなみに！

ちなみに、僕の書いているこのブログ

Conoha WINGというレンタルサーバーを使っております。