Google Adsense による『レイアウトの崩れ』が発生するようになってしまいました。 : ういすぷの記録帳
ホーム
ブログTOP
おしらせ
サイトについて
ホビー レビュー
カプセルトイ レビュー
新作フィギュア
タグ一覧
桃色
Google Adsense による『レイアウトの崩れ』が発生するようになってしまいました。
2018.11.29
以前より気になっていましたが、ある条件でレイアウトが崩れるようになってしまいました。
大本の原因は、Google Adsenseのインフィード広告です。
このGoogleの広告の仕組みですが、サイトの定期的に巡回し、HTMLの構造を解析し、適当な場所にに広告を出したりしてくれます。
これ自体はとても良い機能なのですが、たまーにバナーの上に広告が表示されてしまったりしていたので、大きな崩れもなかったのでそのままにしていました。
ところがここ最近は、PCで大きく表示するとレイアウトが崩れるようになってしまいました。
画像の様に、右側カラム2つ分が下へ落ちてしまいます。
そして、原因の広告バナーです。
これ、width=100%になっていて、要素幅最大まで使ってしまっています。
挿入される箇所が [要素A][要素B] {広告} [要素C] と、BとCの間に入ってしまいました。各要素は、display:inline-block;で並べています。そこにwidth=100%の広告が入ってしまったので、レイアウトが崩れてしまいました。
widthの設定を変えたら問題は消えるのですが、広告にも影響がでるとか。
ひとまずこのブログ自体のHTML構文が気になる部分もあったので、プログラムを修正もしましたが、Googleの広告設定も変更しないとだめそうです。
スマホとか800px位で見たら気づかないところなのですが、とりあえず暫く様子を見ることにしたいと思います。
Googleの広告は貴重な財源なので、おいそれと消せないのもあります。
なかなか、うまくいかないなぁ。
□ 関連記事
・
そう、私です。
・
今日は一日“ラブライブ!”三昧 放送曲リスト
・
[CSS] Flexbox を使った2カラム3カラム分けのメモ
・
ディズニーランドの入場券プレゼント当選を偽装したスパムについて
・
商品発送、会員登録完了などを装う、詐欺メールにご注意ください。
・
ブラウザで作るQRコード 「QRコード メーカー」を作りました。
・
ブログのデザインを変更しました。
・
「傍点(ぼうてん)」をCSSを使って文字を装飾する
・
CSS3で文字や画像を選択させない様にする。
・
.htaccess でアクセス制限をする方法
・
にゃ〜〜ん!
・
CSS3で文字をぶるぶる震わす! / ブルブルメーカー
日記
オリジナルWebアプリなど
HP
Google
Adsense
レイアウト
崩れる
CSS
HTML
インフィード
広告
コメント投稿フォーム
お名前(必須):
メール:(※公開されません。)
URL:
メッセージ(必須):
チェックすると次回の入力の手間を省くことができます。
フィギュア
最近
カテゴリ
カプセルトイ
初音ミク
アーカイブ
------------
2024年04月
2024年03月
2024年02月
2024年01月
2023年12月
2023年11月
2023年10月
2023年09月
2023年08月
2023年07月
2023年06月
2023年05月
2023年04月
2023年03月
2023年02月
2023年01月
2022年12月
2022年11月
2022年10月
2022年09月
2022年08月
2022年07月
2022年06月
2022年05月
2022年04月
2022年03月
2022年02月
2022年01月
2021年12月
2021年11月
2021年10月
2021年09月
2021年08月
2021年07月
2021年06月
2021年05月
2021年04月
2021年03月
2021年02月
2021年01月
2020年12月
2020年11月
2020年10月
2020年09月
2020年08月
2020年07月
2020年06月
2020年05月
2020年04月
2020年03月
2020年02月
2020年01月
2019年12月
2019年11月
2019年10月
2019年09月
2019年08月
2019年07月
2019年06月
2019年05月
2019年04月
2019年03月
2019年02月
2019年01月
2018年12月
2018年11月
2018年10月
2018年09月
2018年08月
2018年07月
2018年06月
2018年05月
2018年04月
2018年03月
2018年02月
2018年01月
2017年12月
2017年11月
2017年10月
2017年09月
2017年08月
2017年07月
2017年06月
2017年05月
2017年04月
2017年03月
2017年02月
2017年01月
2016年12月
2016年11月
2016年10月
2016年09月
2016年08月
2016年07月
2016年06月
2016年05月
2016年04月
2016年03月
2016年02月
2016年01月
2015年12月
2015年11月
2015年10月
2015年09月
2015年08月
2015年07月
2015年06月
2015年05月
2015年04月
2015年03月
2015年02月
2015年01月
2014年12月
2014年11月
2014年10月
2014年09月
2014年08月
2014年07月
2014年06月
2014年05月
2014年04月
2014年03月
2014年02月
2014年01月
2013年12月
2013年11月
2013年10月
2013年09月
2013年08月
2013年07月
2013年06月
2013年05月
2013年04月
2013年03月
2013年02月
2013年01月
2012年12月
2012年11月
2012年10月
2012年09月
2012年08月
2012年07月
2012年06月
2012年05月
2012年04月
2012年03月
2012年02月
2012年01月
2011年12月
2011年11月
2011年10月
2011年09月
2011年08月
2011年07月
2011年06月
2011年05月
2011年04月
2011年03月
2011年02月
2011年01月
2010年12月
2010年11月
2010年10月
2010年09月
2010年08月
2010年07月
2010年06月
2010年05月
2010年04月
2010年03月
2010年02月
2010年01月
2009年12月
2009年11月
2009年10月
2009年09月
2009年08月
2009年07月
2009年06月
2009年05月
2009年04月
2009年03月
2009年02月
2009年01月
2008年12月
2008年11月
2008年10月
2008年09月
2008年08月
2008年07月
2008年06月
2008年05月
2008年04月
2008年03月
2008年02月
2008年01月
2007年12月
2007年11月
2007年10月
2007年09月
2007年08月
2007年07月
2007年06月
2007年05月
2007年04月
2007年03月
2007年02月
2007年01月
2006年12月
2006年11月
2006年10月
2006年09月
2006年08月
2006年07月
2006年06月
2006年05月
2006年04月
2006年03月
2006年02月
PICUP