\ 最大10%ポイントアップ! /

WordPressテーマ『Cocoon』『SWELL』でAmazonバナーを貼るとスクロールバーが表示されてしまう時の対処法

このブログではWordpressテーマ『SWELL』を使用しているのですが、

Amazonのバナーリンクを貼るとスクロールバーが表示されてしまいました。

HTMLコードに少し手を加えたら直ったので、方法を共有します。

以前使用していたテーマ「Cocoon」でも同様の方法で直りました。
同じ症状で悩んでいる方は是非参考にしてください。

スポンサーリンク
目次

Amazonアソシエイトのバナーリンクを貼り付けるとスクロールバーが表示される

Amazonアソシエイトのバナーリンク→イージーリンクから取得できるコードを貼り付けると、スクロールが出てしまいました。

Amazonアソシエイトのバナーリンクから取得できるコード

スクロールが表示されるバナーリンク

そのまま貼り付けたリンクがこちらです↓
(環境によってはスクロールが見えないかもしれません)

解決しました

scrolling=”no”でスクロールバーが表示されなくなった

scrolling=”no”を挿入すると、スクロールが表示されなくなりました。

scrolling=”no”の挿入場所

width,heightのサイズ指定の後に入れました。

<figure><iframe src="https://rcm-fe.amazon-adsystem.com/e/cm?o=9&amp;p=293&amp;l=ur1&amp;category=kindleunlimited&amp;banner=05G450N240N3CHYBN2R2&amp;f=ifr&amp;linkID=5ddb7dc9efd22615ac116637bcddfbb3&amp;t=sample-22&amp;tracking_id=sample-22" width="640" height="100" scrolling="no"></iframe></figure>

ampページでも問題なさそうです。

(ampで表示したページのスクリーンショット)

Amazonバナーでスクロールバーが表示されてしまう
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次
閉じる