IT技術情報

スマホでAdsenseの右端に空白ができてしまう時の対処法

更新日:

Google Adsense(グーグルアドセンス)を導入したと思ったら、スマホで表示したときだけ右端に空白ができてしまいました(´;ω;`)

こんな感じの空白です、、、
しかも右側の画像が途切れてしまっていますよね。

adsense 右 空白


この右端の空白を削除する方法をご紹介いたします。

スマホ表示のAdsenseの右端の空白を削除する方法

右端の空白を削除するコードをコピー

Adsenseの右端の空白を削除する方法ですが、下記のコードをstyle.cssに貼り付けるだけです!

まずは下記のコードをコピーしましょう。

@media screen and (max-width: 500px){
     .adsbygoogle {
         overflow: visible;
     }
}

style.cssを編集する

外観のTheme Editorをクリックします。
テーマの編集」と書かれてる方はそちらをクリックしてください。

adsense テーマ編集


style.css の一番下にAdsenseの空白削除用コードを貼り付けて、ファイルを更新してください。

adsense style.css更新


これでAdsenseの右端の空白がなくなりました!
(∩´∀`)∩バンザイ!!

adsense 空白 修正後


コピー&ペーストで解決できるので簡単にできたと思います。
ガジェマガさんという方がすでに公開してくれていたため楽に解決することができました。
https://2week.net/6178/

Adsenseの空白が解決しなかった場合

空白が解決しなかった場合は、あなたのサイト独自の何かが原因になっている場合があります。
そういった場合は検索しても解決する可能性は低いと思われます。

そんなときに役立つのがteratailというエンジニア特化質問サービスです!

yahoo知恵袋のエンジニア特化版という感じですね。
teratailであなたのサイトについて事細かに質問をした方が早いと思いますので、Adsenseの空白が解決しなかった方は利用してみてください。

teratail


よく読まれている記事

1

この記事では、バーグマン200に1年間で9700km乗って感じたインプレッションについて紹介しています。 バーグマン200が納車されてからちょうど1年が経ちました。 バーグマン200に乗るまでは、正直 ...

2

格安SIMを使っている人が対象です。 わたしの場合は ①最初はAUだった。 ②UQMOBILEに変更。 ③Androidをアップデート ④元はAU端末だったのでアクセスポイント名がAU用に戻った。 ⑤ ...

3

この記事では、アドレス110のインプレッションを紹介しています。 バーグマン200の1年点検でアドレス110を代車で借りました。 バイク屋~自宅の30kmや1週間通勤で使うことになりましたが、通勤快速 ...

4

この記事ではブログ開始1ヶ月目のアクセス数(PV数)などのブログ運営報告となります。 ブログ初心者がブログを始めると、こんな感じなんだなーと感じ取っていただけると思います。 とりあえず、2018年4月 ...

5

この記事では、ビッグスクーター「バーグマン200」で行くツーリングはどんな感じなのか、私が1年間で行った場所をふまえて紹介しています。 バーグマン200や他のビッグスクーターを買おうかと検討しているけ ...

-IT技術情報

Copyright© システムエンジニアは考える , 2019 All Rights Reserved.