-
0
fc2ブログの広告対策記事の表紙画像
スマホ閲覧時,画面下部に固定されて表示されるフッター広告が邪魔すぎて大変です.
規約違反にならない範囲で対策しましょう.

目次


  1. iPhoneだけ広告が表示される件

  2. FC2ブログ広告規定について

  3. 規定違反にならない対策について

  4. まとめ



ペルソナ5 佐倉双葉 1/7スケール ABS&PVC製 塗装済み完成品フィギュア
Amazon.co.jp
アイドルマスター 天海春香 1/8スケール ABS&PVC製 塗装済み完成品フィギュア
Amazon.co.jp


iPhoneだけ広告が表示される件


長年の目標だった「0からレイアウトを構築する」ことを実践するため
最近,ブログのレイアウトを大幅に変更しました.
レスポンシブデザインを採用しているので,スマートフォン版の表示設定を無効にしています.

その作業中,様々な解像度で表示テストを行っている際に
なぜか「iPhoneシリーズ」の解像度の時だけ
画面下部に固定されるフッター広告が表示されることに気が付きました.
fc2ブログのフッター広告イメージ画像


兎にも角にも
このフッター広告が邪魔すぎてヤバいです.
他のFC2ブロガーの方も悲鳴を上げています.[1]

上に戻るボタンやホームボタンが押せなくなったり
なぜか<body>に
padding: 0px 0px 100px; や
padding-bottom: 100px; 等を挿入してきます.[2]
あと adsense の広告と干渉してわけわかんないことになっています笑

このため大幅にレイアウトが崩れる危険性があります.
早急に対策を講じなければならないのですが
どのような対応をとれば最適でしょうか...

以下にFC2ブログの広告表示規定を示します.


FC2ブログ広告規定について


広告の掲載位置
【PC用テンプレート】
PCページの広告は、公式テンプレートであればサイドバー、フッターなどの位置に表示されます。
1か月更新がない場合は、記事上部に表示されます。
公式・共有テンプレート内のHTMLを変更していなければ、テンプレートソース内に
広告タグがすでに含まれています。
表示位置(広告タグの挿入位置)について規制はありません。
一般的なブラウザーでページを表示させた際に、広告が可視になっていれば位置は問いません。
(FC2ブログヘルプ[3]より引用)


上記規定より
広告自体が表示されていれば
広告表示位置はどこでもOKというものを利用します.

以下に対策方法を示します.


規定違反にならない対策について


いろいろと試して、一番シンプルかつ確実に動作するコードを紹介します.

HTMLコード


広告タグ <%ad> と <%ad2> に「fc2ad」というクラス名を付けてください.
<div class="fc2ad"><%ad><%ad2></div>


CSSプロパティ


CSSではこのように body と fc2ad それぞれに
余白 と 位置 を制御するプロパティを追加します.
body {
padding: 0!important;
padding-bottom: 0!important;
}
.fc2ad * {
position: static!important;
}


そうすると,画面下に固定されていた広告が
広告タグが記載された本来の場所に表示されるようになります.

しかし,meta情報に直接
body の余白を挿入してくるタイプの広告には対応していません.
ご了承ください...

こうすることで規定に違反することなく
フッター広告を追いやることができました.
参考になれば幸いです.


まとめ


スマホ閲覧時に表示されるフッター広告はレイアウトを崩す要因だったので,
position: fixed; を解除しました.

広告を外したり,非表示にしていないので
規約違反にはなりません.参考にどうぞ.

FC2ブログの広告表示の仕様が最近また変更されたみたいですね.
都度対応していくしかないようです.

このブログでも対応方法を載せていくつもりですので,
よろしくお願いします.



-備考-
[1]FC2フローティング広告が極悪な件 - FC2ブログのあれこれ,
https://vanillaice000.blog.fc2.com/blog-entry-293.html

[2]FC2ブログのスマートフォン広告表示が変わりました - FC2ブログのあれこれ,
https://vanillaice000.blog.fc2.com/blog-entry-722.html

[3]広告の表示について | マニュアル | FC2ブログヘルプ,
https://help.fc2.com/blog/manual/group112/1305

コメント数 0


まだコメントはありません

コメントする




トラックバック数 0