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

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

アドセンス広告の余白の埋め方!黄色・青色になる時の対処は?

アドセンス広告の余白の埋め方!黄色・青色になる時の対処は?

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

 

今回はアドセンス広告の横の余白を

埋めたい場合の対処についてや、

 

余白に黄や青などの色がついて

しまう場合の対処について

まとめていこうと思います。

 

枠はできれば無い方がいいですし、

空白に色があれば明らかに

クリック率に影響が低下します。

 

それでは、詳しくみていきましょう!

 

 

余白の対処の仕方は?

review068

 

あなたが余白に対してどのような対処を

したいかというお話からなのですが、

 

  • 上下左右の余白を調整したい
  • 余白を作らず広告をいっぱいに表示したい

 

このどちらかではないかと思います。

それでは、それぞれ説明していきますね。

 

 

上下左右の余白を調整したい

 

上下左右の余白を調整したいのであれば、

 

<div style=”margin:上px,右px,下px,左px;”>

(広告コード)

</div>

 

というのが一番カンタンな

方法かと思います^^

 

余白を足したいときはプラスの数字、

余白を引きたいときはマイナスの数字を

入れると調整することができますよ。

 

 

余白を作らず広告をいっぱいに表示する

 

左右の余白を消して横幅いっぱいに

広告を表示する方法もあります。

 

それは、画面の横幅に合わせて

表示してくれるレスポンシブ広告

使うことになるのですが、

 

ここでちょっと一手間を加えて

レスポンシブ広告をレクタングル化する

という方法をやってみましょう↓

 

bff8c66259e7f335b6307877dbb85729

 

この画像のように“auto”“rectangle”

に書き換えることによってレスポンシブ

がレクタングルの形で表示されます。

 

これで、

テキスト広告の場合は横幅いっぱい

の大きな広告が表示され、

 

ディスプレイ広告の場合には

レクタングル(大)で表示されます。

 

 

空白に色がつく場合の対処法

1e92aaaa-1272-4cf6-aaac-f81e90aafbae

 

広告の空白部分に黄色や、青色の

色が付いてしまう場合があります。

その場合の対処法なのですが、

 

これはCSSに原因がありますので、

まずワードプレスのダッシュボードから

「外観」→「テーマの編集」

と進みましょう。

 

%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-10-10_20_22_17

 

出てきた中から「スタイルシート(Style.css)」

を選択します。

 

%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-10-10_20_27_19

 

このスタイルシートの中から、

こんな風に書かれている部分を

見つけてください。

 

%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-10-10_20_31_44

 

「ins」で検索すると見つけやすいです。

赤ワクで囲った部分に色を示すコードが

書かれていますので、

 

#FFFF33こんな文字や#0033FFこんな

文字が書かれていると思いますので、

そこに#transparentという

文字を入力しましょう。

 

これは透明を示すものです。

 

これを入力することによって、

黄色や青色になっていた部分が

透明になるので色が消えます。

 

 

まとめ

c7887a92414f854a9067849a51b9bb02

 

余白を調整したり余白に変な色が

出てしまうような場合には、

このような編集をすることで改善できます。

 

CSSをいじったりすることはニガテな人が

多いのではないかと思いますが、

このやり方なら簡単かと思いますので

ぜひ試してみてくださいね^^

 

このほかにもアドセンスに関してや

ブログで稼ぐノウハウについては

無料メール講座で公開しています。

 

今なら全26冊、約500ページ

ブログで稼ぐための“教科書”

もプレゼントしておりますので、

 

ぜひぜひ今のうちに下記のリンクから

ゲットしていただければと思います♪

 

 

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

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

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

Loading Facebook Comments ...

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