WordPress Cocoonテーマでなぜか楽天広告の画像が消える問題

初心者ブロガーさんで同じように苦戦してる方も多い?のではと思いますが、楽天広告のサムネイル画像だけが表示されない謎現象が発生してました。

ブログ初心者の僕には調べてみても原因がよくわからず、もう面倒くさくて半ばあきらめてました。

が、やっとこの週末についに解決したので共有します。

広告は貼れてるけど、なぜか商品のサムネイル画像だけが表示されない

まず事前情報として、このブログ環境についてです。
WordPressテーマ cocoon
ASP A8.net
問題 楽天商品の個別広告を貼ると画像だけが表示されない

↑こんな感じ。文字とリンクは生きてるみたいなんですが画像のみが消えてしまってます。

調べてみると同じ様にcocoonで楽天の広告画像が表示されない問題を取り扱った記事が出てきます。

解決方法

cocoonの高速化が悪さしてるとか、コードの貼り付け方が悪いとか、キャッシュが残ってるとか、PC側の不具合とかそもそも広告側に画像が無いとか、調べると色々出てきます。

とはいえ初心者の僕には具体的に何をどう操作すれば良いのかよくわからんわけです。

やはりコードの貼り付け方だった

結論ですが、原因はやっぱり()ほとんどの初心者が引っかかると言われている)コードの貼り付け方ミスでした。

コードの貼り付け方ミスとは

いわゆる、広告コードをビジュアルエディタにそのまま貼ってしまってる。と言うものです。

↑の状態でそのまま貼り付けてしまってると、なぜか画像だけが消えてしまうんですね。

コードエディターにして貼る!

というわけで、画面右上、歯車マークの右の三段重ねの…をクリック

そして、コードエディターを選択します。

広告を貼りたい部分ブロックを選択します。

一応<p><p>で囲まれたところは削除してみました。あってもいいのかもしれませんが。

あと↑の赤丸で囲ったところにコピーした広告コードを貼り付けて、エディターをビジュアルエディターに戻してみます。

すると

なんか変なアラートが出ました。

無視してプレビューボタンを押すと・・・

できた!

とりあえずこれで楽天の商品リンクカードが作れました。

まとめ

コードエディターで貼り付けるのはよく紹介されていますが、具体的なやり方まではWordPressド素人の僕にはハードルありました。

とりあえずはこんな感じで貼ることができました↓

大正製薬 リポビタンD(100ml*50本入)【リポビタン】

価格:6,307円
(2020/7/13 21:33時点)
感想(67件)

なお今回は問題解決にあたり、こちらのYou Tubeチャンネルを大いに参考にしました。同じcocoonのテーマを使われている方向けに参考になる情報を解説してくれています。

コメント

タイトルとURLをコピーしました