アドセンスで生活できるだけのお金を自在に楽しく稼ぎ自由になるためのメール講座

スクリーンショット 2015-11-07 9.55.23

アドセンス広告がスマホで見るとはみ出す!対処法はある?

アドセンス広告がスマホで見るとはみ出す!対処法はある?

 

こんにちは、いずみです。

 

今回は、アドセンス広告をスマホに

表示させた際にはみ出してしまう

現象の対策についてお話していきます。

 

自分あがユーザーの立場だったら、

はみ出している広告は当然、

あんまり見る気にはなれませんよね。

 

やり方はいろいろとあるのですが、

なるべくシンプルで簡単な方法を

ご紹介していこうと思います。

 

それでは見ていきましょう!

 

 

スマホで広告がはみ出す場合の対処法は?

5

 

サイズの大きな広告を使用していると、

スマホで見た時にはみ出すのは

よくある現象です。

 

こちらはぼくが運営しているサイトの

1つですが、見事にはみ出していますね…

(右側が切れています)

 

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-14-17-46-20

 

※iPhone5sで撮影(レクタングル大)

 

これを解決するための、

1番簡単な方法

を解説していこうと思います。

 

 

1番簡単な解決策

maxresdefault

 

この問題を解決する際には、

広告コードを

 

<div style=”margin-left:-10px;”>

(広告コード)

</div>

 

という風にタグで囲むだけ!

 

これはどういうことかというと、

「左側の余白をマイナス10ピクセル確保します」

という意味です。

 

おそらくあなたは当ブログでも

推奨している「レスポンシブ広告」

を使っていると思うのですが、

(もしくはレクタングル大)

 

どうやら最初から10pxの余白が

設定されてるらしく、

 

スマホの幅いっぱいの広告+10px

 

という状態になってしまっているようです。

ですので、ここからマイナス10pxして

あげるコードを追記したんですね。

 

もしサイズが合わないようであれば、

数字を調節してみてください。

 

 

コードを追記した結果

kerala-diploma

 

レクタングル大の広告に先ほどの

コードを追記して調節したところ、

こんな状態になってしまいました。

 

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-14-18-31-08

 

さっきの状態よりはいいと思いますが、

今度は左側にもはみ出してしまいました。

 

広告のサイズ自体が、

画面の幅よりも

大きいようです。

 

こういう場合はどうすればいいのでしょうか?

 

 

広告自体が画面より大きい場合の対処

fish-high-expectations

 

画面のサイズがそもそも合っていない

場合はレスポンシブ広告を使いましょう。

使用するとこのように表示されます。

 

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-14-18-35-55

 

ポイントとしては、レスポンシブ広告の

“auto”となっている部分を

“rectangle”に書き換えることです。

 

bff8c66259e7f335b6307877dbb85729-1

 

この操作をすることで、

帯状の広告ではなくレクタングルで

表示されるようになります。

 

 

最後まで読んでいただきありがとうございました。

もしよろしければシェアお願いします♪スクリーンショット 2015-11-07 9.55.23

*メールアドレス
*お名前

 

Loading Facebook Comments ...

*
*
* (公開されません)