だいまる。の副業的な生活

どこにでもいそうな30代サラリーマンが脱社畜を目指して副業に挑戦してみるブログです。日々考えていることや副業の成果などを書いていきます。気まぐれなので時期によって考え方等に矛盾が出るかもしれませんが、寛容に受け止めてあげてください。

サイトデザインに合わせてGoogleAdsenseの表示サイズを変更しました。

どうも。だいまる。です。
本日も当ブログにお越しいただきまして
ありがとうございます。

f:id:daimaru-side:20180104223915j:plain

いきなりですが、GoogleAsenseの表示サイズを変更しました。
パソコンからいらしてる方はサイドバーがすぐ見えるのでもしかしたらわかるかも知れませんが、表示サイズをサイドバーの幅に合わせてみましたという。。

結果的にはちょっと小さくなりました。

サイトデザインとGoogleAdsenseの標準サイズ

当サイトははてなブログ利用者が使える無料のテンプレートを利用させていただいております。

Brooklyn - テーマ ストア
(作成者の方、本当に素敵なデザインだと思います。ありがたいです。)

サイドバーのタイトルのところね。
吹き出しっぽくなってるデザインがすごく好きなのでとても気に入っています。

が、しかし

GoogleAdSenseの広告を貼って見るとちょっと気に入らない事が合ったのでした。
(もちろんサイトデザインが悪いなんてことは1ミリもない)

なにかというと、どうしてもGoogleAdSense広告のサイズがサイドバーに合わない

ということでした。

GoogleAdSenseの広告表示サイズを変更する

ちょっとだけはみ出る

それを広告の表示サイズを変更するという形で修正しました。

※下に表示されるのは画像です。広告先へのリンクはありません。

f:id:daimaru-side:20180104220353p:plainf:id:daimaru-side:20180104220708p:plain

左側の画像では「スポンサーリンク」の吹き出しの右側にはみ出ています。
右側の画像ははみ出ないように調整したものです。

最初からやれよという感じなのですが。うまくいかなかったのです。

Googleアドセンスで自動生成してくれる広告には何種類かの固定サイズから選択したり、自動で幅調整をするものを洗濯したりできるのですが、そのどれもがこのサイドバーでちょうどいいサイズで表示してくれないという初心者に厳しめな感じだったのです。
(もちろんサイトデザインが悪いなんてことは1ミリもない)

というわけでアドセンスコードの表示サイズを規定している部分を手動で書き換えました。
赤字部分をいい感じで表示されるように数値変更

ins class="adsbygoogle"
style="display:inline-block;width:336px;height:280px"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxxxx"

広告は大きい方がいいらしいけれど

綺麗に表示されるようになりました。
Googleアドセンスの規約上は広告サイズの変更自体は問題ありません。

広告サイズを変更される方は、広告サイズを変更した結果として画面スクロースしないとサイト本文が見えないとか、別の規約に引っかかる可能性はあるのであくまでも自己責任でお願いします。

色々なサイトで紹介されていると思いますが、広告サイズは基本的に大きく表示する方が収益が上がりやすいらしいです。

ただ、私は好きで現在のサイトデザインにしているので、そこはサイトデザインに合わせて広告サイズを小さくする事にしました。

もちろんブログで収益をあげたい気持ちはありますが、せっかく素敵なサイトデザインなのにもったいない気がしたのです。

終わりに

結果的に広告の表示サイズは小さくなってしまいましたが、これはこれで満足しています。

デザインに合った形で広告が表示されているので、サイト全体がちょっとスッキリした気がします。

自己満足も満足のうちです。

それではまた。

だいまる。