もしもアフィリエイトのかんたんリンクがスマホで表示がずれる問題について(2020/02/15修正 ちょっと解決)

ブログ

「カエレバ」は昨年、Amazonの規約変更によって楽天へとメインを切り替えてしまいました。
Amazonアフィリエイトをどうするか。という問題に対して出てくる候補の1つが、もしもアフィリエイトのかんたんリンク機能です。

が、こちら一点問題がありまして、スマートフォンでは表示がずれる模様です。

こんな感じになってしまいます・・・。
様々なサイトを訪問しましたがずれていないケースはなかったので、どうやら当ブログだけの問題では無いようです。
ちなみにPCでブラウザウィンドウを狭くしてレスポンシブ対応を確認すると、きちんと真ん中に表示されます。
画像が1ピクセルずれているのが問題らしいのですが、提供されているアフィリエイトブロックを修正するのもなかなかリスキーです。
他のアフィリエイトリンクを作成するサービスを用いるしかないのですが、「カエレバ」のように商品を検索するだけで容易に作成できるのは現状、「かんたんリンク」のみです。

結論

2020/02/08 現在、 有力な解決方法はありません。
もしもアフィリエイトの対応を待つか、どうしても気になる場合は別のサービスを使う他ありません。
現状では「カッテネ」と「Rinker」というサービスが代替候補に挙がるそうです。
スマホ表示のずれが気になる場合はアフィリエイトリンクの切り替えを検討してください。

2020/02/15追記

あんまり得意ではないcssの修正を頑張ってみました。
が、私の実力では今のところ以下が限界です。。。

cssは以下の通り。スマホ表示の時だけ左右のページ送りボタンを消してます。
どうしても変なところに出てしまうので。。。

@media screen and (max-width: 703px) {
div.easyLink-box div.easyLink-img,
div.easyLink-box div.easyLink-img p.easyLink-img-box img.easyLink-img-pht {
max-height: 180px !important;
max-width: 180px !important;
}
a.easyLink-arrow-right img, a.easyLink-arrow-left img {
display:none;
}
}

コメント

  1. とおりすがり より:

    かんたんリンクの画像のずれが気になっていたのですが、修正する方法がなく困っていました。

    こちらのcssを適用してみたところ、ずれがなくなりました。

    ありがとうございました!

    • はてやす より:

      わざわざコメントありがとうございます!
      少しでもお役に立てたなら幸いです。
      ちょっと雑な対応方法ではあるのでもっといい方法があったら切り替えてくださいね。

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