【原因チェックつき】もしもアフィリエイトのかんたんリンクが表示されないときの対処法

※当サイトは、アフィリエイト広告を利用しています

もしもアフィリエイトのかんたんリンクがちゃんと表示されない問題

Amazonや楽天ブックスなどの商品をまとめて紹介できるブログ用パーツがある。便利。
もしもアフィリエイトの「かんたんリンク」もその一つ。デザインがシンプルで好き。
こういうツールが提供されていることはありがたい。

ところがこのパーツ、貼っても「リンク」としか表示されないことがたまによくある。
もしもアフィリエイトのかんたんリンクがちゃんと表示されなくて困っている人向けに解決策をまとめててみた。

もしもアフィリエイトのかんたんリンクが貼れない原因と対策

そもそも貼り方がわからない場合

  1. もしもアフィリエイトに登録する
  2. 楽天やAmazonなどと提携後、トップページの右上の方の「かんたんリンク」をクリック
  3. 商品名で検索する
  4. 楽天とかAmazonのボタンを入れて、画像の大きさを選ぶ
  5. 「HTMLソースを1行にする(WordPress対応)」にチェックつける
  6. 「HTMLソース(メディア掲載用)」の内容をコピー
  7. サイトの貼りたい箇所に貼る。
    WordPressの場合、新規ブロックから「カスタムHTML」を選んで貼り付け。

自分のサイトだけでなく、他のサイトの「かんたんリンク」も表示されない場合

↓ここに『独習JavaScript 新版』のかんたんリンクを貼っておいたので、これが表示されるかどうかで確認できる。ちなみに、JavaScriptについて勉強できる本。


↑「リンク」とだけ書かれていたら、この項目を読んでください。

原因1. ブラウザの広告ブロッカー(アドブロッカー)が有効になっている

はい、私の場合はコレでした[2]

あ! そういえばこれ「広告」だからブロック対象になりうるのか……
意識してなかったけど、なるほどね……。

特定方法:広告ブロッカーを一時的にオフにする

ブラウザの広告ブロッカーを切る→再読み込み(F5)して表示されたら、コレ。

解決策:他のサービスを使う/商品名だけでもベタ書きする

アドブロッカーは読者のブラウザにも普通に入っている可能性が高いため、
身も蓋もないが、かんたんリンクだけで紹介するのはあきらめた

私の環境だとヨメレバならアドブロッカーを入れていても表示される。
もしもアフィリエイトで取得したIDをそのまま使えるので、移行が楽。

↓同じ『独習JavaScript 新版』を貼ってみた。デザインは「amazlet風-2」。

設定によるのかもしれないが、貼り付ける際のタグ内に<scriptが無ければ、たぶん、表示されると思う。

ブログで商品を紹介したいときは、商品名だけでググれるように、商品名だけでもこの手のツールを使わずに貼っておくのが無難かも。
広告料は入らないけど、「読者に紹介する」という目的はそれで果たせる。

原因2. ブラウザでJavaScriptがオフになっている

かんたんリンクはJavaScriptというプログラミング言語で書かれている。
何かの都合でJavaScriptをオフにしていたら表示されない。

特定方法・解決策

ブラウザの「設定」から、JavaScriptを「許可」し、ページを再読み込み。
これで表示されたら解決。

EdgeでJavaScriptを許可する設定
EdgeでJavaScriptを許可する設定。これは不許可になっているので、赤矢印のところをクリックすると許可できる

まあ、これも読者側で不許可になってたらどうしようもないが。

原因3. ブラウザキャッシュが残っている

旧バージョンの「かんたんリンク」を使っていて、新バージョンに切り替えた場合、キャッシュが残っているとうまく表示されないことがあるらしい。

特定方法・解決策

ブラウザの「設定」から、キャッシュを削除する。ブラウザを再起動して表示されたら解決。

Edgeでキャッシュを消す設定1
Edgeの「設定」から「キャッシュ」で検索したところ。
Edgeでキャッシュを消す設定2
Edgeの設定でキャッシュを消すところ。「閲覧データをクリア」から、キャッシュぽいものを選ぶ。

編集画面では表示されないが、プレビューでは表示される場合

これは実は問題ないパターン。

解決策:そのまま公開する

編集画面で表示されなくても[3]、プレビューでちゃんと表示されるなら、気にしなくてOK。そのまま公開しよう。
一応公開後のチェックを忘れず。

PCで表示されない場合

原因1. HTMLソースが1行になってない

WordPressだと、貼り付けるソースが1行になってないとダメなことがあるらしい[4]

解決策:「HTMLソースを1行にする」をチェックする

「HTMLソースを1行にする」は、リンク作成画面の下の方にあるので、チェックを入れる。

原因2. JavaScriptがフッター読み込みとかになっている

ページ表示速度を上げる方法として、「JavaScriptの読み込みをできるだけ遅らせる」という手法がある。
なので、JavaScriptが記事本体じゃなくて、フッター読み込みとかになっていると、記事本体にちゃんと表示されないことがあるらしい。

解決策:JavaScriptが本文で読み込まれるようにする

JavaScriptの読み込み位置関連、高速化関連、Ad関連のテーマやプラグインを一度切ってみるといいかもしれない。

PCでは表示されるが、スマホでは表示されない場合

原因:AMPがオンになっている

AMP(Accelerated Mobile Pages)はスマホ表示を高速化する設定で、JavaScriptの設定も入っている。確かに表示に影響するかもしれない。

解決策:AMPをオフにする

Cocoonテーマの場合、「Cocoon 設定」→「AMP」→「AMP機能を有効化する」のチェックを外せば無効化できる。
ただし、すぐには反映されないらしい。

高速化とトレードオフになってしまうので、個人的にはあまりオススメできない。

まとめ:表示されないこともあるので、かんたんリンクだけに頼らない

長々と書いたが、読者が広告ブロッカーを入れていたら何をしても表示されないため、かんたんリンクだけに頼らないのがベストかも。
かんたんリンクがJavaScriptベースじゃなくなったら、この記事は更新する予定。

せっかく貼ったリンクがブロックされちゃうなんて……と悲しい気分になる人もいるかもしれないが、
私自身は広告ブロッカーがないと生きていけないので、広告とのうまい付き合い方について考察したい。
つづく。

参考にさせていただいたサイト

脚注

  1. もしもアフィリエイトのかんたんリンクがちゃんと表示されない問題

    Amazonや楽天ブックスなどの商品をまとめて紹介できるブログ用パーツがある。便利。
    もしもアフィリエイトの「かんたんリンク」もその一つ。デザインがシンプルで好き。
    こういうツールが提供されていることはありがたい。

    ところがこのパーツ、貼っても「リンク」としか表示されないことがたまによくある。
    もしもアフィリエイトのかんたんリンクがちゃんと表示されなくて困っている人向けに解決策をまとめててみた。

    もしもアフィリエイトのかんたんリンクが貼れない原因と対策

    そもそも貼り方がわからない場合

    1. もしもアフィリエイトに登録する
    2. 楽天やAmazonなどと提携後、トップページの右上の方の「かんたんリンク」をクリック
    3. 商品名で検索する
    4. 楽天とかAmazonのボタンを入れて、画像の大きさを選ぶ
    5. 「HTMLソースを1行にする(WordPress対応)」にチェックつける
    6. 「HTMLソース(メディア掲載用)」の内容をコピー
    7. サイトの貼りたい箇所に貼る。
      WordPressの場合、新規ブロックから「カスタムHTML」を選んで貼り付け。

    自分のサイトだけでなく、他のサイトの「かんたんリンク」も表示されない場合

    ↓ここに『独習JavaScript 新版』のかんたんリンクを貼っておいたので、これが表示されるかどうかで確認できる。ちなみに、JavaScriptについて勉強できる本。


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