ブログのこと

もしもアフィリエイトのかんたんリンクで作ると、スマホから見ると画像がズレるのでなんとかしてみる

もしもアフィリエイトのアマゾン楽天のかんたんリンクってめちゃくちゃ作りやすいけど、画像が右にずれませんか?
僕のスマホだけですかね?
ていうか僕のブログが問題なのか?

色々原因を探るべくネットサーフィンしてみました。

・他の方のブログでもなってる
・ブログの問題ではないようだ
・僕のスマホがおかしいかもしれない
・それでも僕のスマホと同じ現象の人はいるはず
・画像がズレることによって、ナビゲーションまで影響がでている
・どうにかしないといけない

もしもアフィリエイトのかんたんリンクで画像がズレる問題ですが、解決できます。

要はアマゾンと楽天のアフィリエイトリンクを作りたい
しかも1つの表示で選択できるようにしたい
こういうことだよね?

というわけで今回の記事内容は

ポイント

・もしもアフィリエイトのかんたんリンクを使う
・スマホでみると画像がズレる
・画像がズレないようにしたい
・アマゾンと楽天のアフィリエイトリンクはつけるための解決策

以上の3点について書いていきます。

スポンサーリンク



・もしもアフィリエイトかんたんリンクを使うと、どうなっているか見てみましょう

実際どうなっているのか見てみましょう。

どうですか?

あ、この百食屋さんの本ですが、このお店が気になっていたので本を買いました。
簡単にいうと
・ステーキ丼、ステーキ、ハンバーグの3つしかメニューはない
・百食限定のお店
・売り切ったら閉店
・営業時間はランチタイムの4時間のみ
・従業員は9:30から17:00までしか長くても働かない
・飲食店では普通考えられない営業時間と就業時間

毎日ステーキ丼を100食を4時間で完売させるスーパーなお店をやっている社長さんが書いた本。
興味あれば読んでみてね。
この人不足の世の中に、一つのビジネスモデルができた気がします。

そんなことはいいのですが、スマホで見てどうでしょうか?

右にずれてしまって、スマホの人は画面下にでるメニュー画面(ナビゲーションツール)Twitterの表示が右にずれて、画面外に飛び出てないですか?

パソコンだと正常に見えるけど、スマホはダメな雰囲気がしてきません?
f:id:okaoka0624:20191009015805j:plain

・かんたんリンクを使うと、なぜ画像が右にズレてしまうのか

これは調べてみると1ピクセル余分にかんたんリンクにはついてるために、画像がずれてしまうそうです。
1ピクセルを取り除くコードもあるんですが、必要だからつけてるものを取り除くのは怖いなぁと個人的には思っています。

なので取り除くためにコードを入れるという方法はやらない方がいいかなと思います。

スポンサーリンク



・アマゾンと楽天のアフィリエイトリンクを使いたい、解決策とは?

もしもアフィリエイトかんたんリンクは使わず、他の方法を模索すべきかなと思います。

その方法が《カエレバ・ヨメレバ》というサービスを使う方法です。
カエレバ・ヨメレバは

・アマゾン、楽天、セブンショッピングなどのリンクを作れる
・アフィリエイトもできる
・もしもアフィリエイト、A8ネットなどASPのアカウントでも利用できる
・色々な方がカスタムしたものがある
・好きなものを使えばいい

デメリットとして

・先日よりアマゾンの画像が使えなくなり
・楽天をメインに使っていくそう
・アマゾンだけで販売している商品は
・利用できない
・アマゾンを主にするなら
・もしもアフィリエイトからアマゾンのみのリンクを作る
・問題は最小限になると思う

カエレバ・ヨメレバはアマゾンの仕様変更により利用しづらくなりましたが、楽天を主にするようシフトしただけで、アマゾンのリンクもちゃんと表示でき使うことができるので使えなくなったわけではありません。

アマゾンの商品を紹介したい場合は、もしもアフィリエイトでアマゾンだけ表示する商品紹介リンクを利用すればいいと思います。

というわけでヨメレバを使って、先ほどの百食屋さんの本紹介リンクはこんな感じです。

スマホの表示で確認してみると、画像が大きいものや横に広いものは切れてしまうので、縦長のものを利用すると収まりがいいです。

横型だとこんな感じ。

売上を、減らそう。たどりついたのは業績至上主義からの解放
中村 朱美 ライツ社 2019年06月14日
売り上げランキング :

by ヨメレバ

(各ボタンはCSSでカスタムしています。デフォルトはテキストなので、別途カスタム化してください。検索すれば色々な方がコードを出しています。)

・まとめ(アマゾンと楽天のアフィリエイトリンクを使う方法)

今回のまとめ

・もしもアフィリエイトのかんたんリンクを使うと
・スマホでは画像が右にずれて表示される
・ずれるとグローバルナビゲーションにも不具合がおきる
・かんたんリンクを使うことは難しい
・解決策として
・カエレバ、ヨメレバを使う
・これならかんたんリンクと同じような使い方ができる

今回もしもアフィリエイトを使ってるかたの問題解決になればうれしいです。

その他ブログについてのまとめです、こちらもどうぞ。
www.okaoka.work

それではまた。