AI-SEKA | I am Here.

あいせか-愛は世界を動かす- TOP  >  PC関係  >  PC_WEBデザイン >  【CSS】オーバーレイ広告表示を違反しない程度に消す方法 #fc2

【CSS】オーバーレイ広告表示を違反しない程度に消す方法 #fc2

個別記事の管理
オーバーレイ広告がじゃまと書かれた表紙画像
1ヶ月以上更新のないブログに表示されるオーバーレイ広告.
毎回表示されて鬱陶しいです.
違反にならない程度にどうにかしましょう.
についての記事です.



このエントリーをはてなブックマークに追加




目次


ざっくり分かりやすく説明します.
簡単なので,HTML初心者にも理解できると思います.


  1. 広告の表示について

  2. 利用規約

  3. CSS

  4. まとめ

  5. さいごに




以下にFC2ヘルプを示します.


Q.無料ブログですが、広告が入るのでしょうか?
A.ブログの内の数箇所に入ります。ただし他社よりも比較的に小さな広告です。
(http://help.fc2.com/blog/qa/group8/38/ より引用)




Q.自分のブログのトップページにいきなり広告が表示されました。
A.一ヶ月以上更新がない場合、記事の上部に自動的に挿入されます。新規投稿をすると表示が消えます。
(http://help.fc2.com/blog/qa/group16/73/ より引用)



ということで,FC2ブログ,FC2ホームページは一定期間記事を更新しないと
広告が表示されてしまいます.

しかも この広告は割と大きく,鬱陶しいです.
記事上部の広告は我慢できるのですが,オーバーレイ広告ウザすぎます.

以下のようなオーバーレイ広告が画面に永遠に付いてきます.
こんな感じの広告





広告表示についてのマニュアル・規約を以下に示します.

広告の適正な表示を阻害する行為

テンプレートソース内から、広告タグを意図的に削除する。
テンプレートソース内に広告タグは入っているが、その他のブロック変数内に入れることで、
表示対象ページで出力されないようにする。
HTMLの構造やCSSの位置指定などによって、広告を表示領域外に出して除外する。
HTMLの構造やCSSの表示指定などによって、広告を非表示にしたり、重ねて見えなくさせる。
テキスト色と背景色を近似色にする、フォントサイズを極小にするなど、可視性を低減させる。
広告タグを iframeタグ、noscriptタグなどで包含することで、表示されなくする。
その他、広告が表示されるべきページで、適正な表示を阻害する行為全般。

■上記、およびそれに類する行為は規約違反となります。
(http://help.fc2.com/blog/manual/Home/ouyou/advertisement.html より引用)



ということでした.
また,以下ようなことも掲載されています.

広告の掲載位置

【PC用テンプレート】
PCページの広告は、公式テンプレートであればサイドバー、フッター等の位置に表示されます。
一ヶ月更新がない場合は、記事上部に表示されます。
公式・共有テンプレート内のHTMLを変更していなければ、テンプレートソース内に
広告タグがすでに含まれています。
表示位置(広告タグの挿入位置)について規制はありません。
一般的なブラウザでページを表示させた際に、広告が可視になっていれば位置は問いません。
(http://help.fc2.com/blog/manual/Home/ouyou/advertisement.html より引用)



表示位置(広告タグの挿入位置)について規制はありません。
一般的なブラウザでページを表示させた際に、広告が可視になっていれば位置は問いません。


んーと…
表示する場所の制限はなくて,可視となっていればOKってことか.
これは利用しない手はありません!!

タイトルで,”消す”とか書いていますが,違反みたいなので,
今回は,消さないで いかに広告を追いやるか,ということに観点を置くことにしましょう.




以下に広告表示をどうにかするスタイルシート(CSS)を示します.

ずばり,いろいろ試行錯誤して
最終的に収束したものがこのコード!

div#fc2_bottom_bnr{position:static!important;}

Ctrl + C でコピーして,
Ctrl + V で CSS の最後にでも 貼り付けてください.

FC2ブログ,FC2ホームページ 共に利用できます.

このコードは,いままで鬱陶しいくらい画面の下および上部に
これでもかってほど付いてきていた広告を
ブログ最後,フッターの下などに位置を固定してしまおう!とするスタイルシートです.

これで,規約に違反することなく,オーバーレイ広告の邪魔さ加減を軽減できます.




まとめます.

■オーバーレイ広告が邪魔
■規約では,広告はちゃんと見えていれば,場所は問わない
■CSSで一番下に固定した!
■いい感じに邪魔じゃなくなった!!

って感じですね.
規約に違反しない程度にどうにかするためには この程度が限度かなーと思います.




以上

オーバーレイ広告が邪魔すぎて,どうにかする方法を色々模索した!
シンプルに下に固定するのがいいんじゃないか?ってなって
fixed を static にするだけで,簡単に解決出来た!

あとは記事上部の広告をなんとができれば完璧だね!

についての記事でしたーノシ



これからのWebサイト設計の新しい教科書 CSSフレームワークでつくるマルチデバイス対応サイトの考え方と実装〈Bootstrap・コンテンツファースト・コンポーネント設計〉これからのWebサイト設計の新しい教科書
CSSフレームワークでつくるマルチデバイス対応サイトの
考え方と実装〈Bootstrap・コンテンツファースト・コンポーネント設計〉

松田直樹,後藤賢司,こもりまさあき

エムディエヌコーポレーション 2015-03-23
売り上げランキング : 4198

Amazonで詳しく見る




-備考-
FC2ヘルプ | FC2ブログ | 広告の表示について,<http://help.fc2.com/blog/manual/Home/ouyou/advertisement.html>

1ヶ月以上更新のないFC2ブログにオーバーレイ広告追加 Adblockで非表示 : FC2ブログ - Paroday,<http://paro2day.blog122.fc2.com/blog-entry-1098.html>









関連記事





このエントリーをはてなブックマークに追加
TB( 0 ) | CM( 2 )
2015/06/01

カテゴリ:「PC関係」のおすすめ記事

記述を消さない手段がいいですね
ググッてみるとソースから広告表示部分を削除する安易な方法ばかり出てきますが、これはいい記事ですね。 公開していただいてありがとうございます。 利用させていただいてます。
今後、FC2 blogテンプレートの関する小ネタ記事をUPする予定ですが、その際にはこっそりと紹介Linkさせてほしいです。
[ 2016/03/25 13:13 ] [ 編集 ]
Re: 記述を消さない手段がいいですね
> これはいい記事ですね。利用させていただいてます。
> 今後、記事をUPする予定ですが、紹介Linkさせてほしいです。

どらえ さん
コメントありがとうございます!

お役に立ててよかったですー!
ぜひぜひ紹介リンクしてください~^^♪
[ 2016/03/25 20:35 ] [ 編集 ]
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL
http://nico176.blog.fc2.com/tb.php/151-11cf9d78

スポンサードリンク

Nintendo Switch Joy-Con (L) / (R) グレー

カテゴリ

アクセスランキング

[ジャンルランキング]
オンラインゲーム
56位
アクセスランキングを見る>>

[サブジャンルランキング]
その他
30位
アクセスランキングを見る>>

リンク・ブロ友 一覧

相互リンク募集中
ブロ友申請もこちらから
リンク ページ^^friends

GameOn 推し

GameOnはアタリが多い↑↑
現在プレイしているもの.

Alliance of Valiant Arms

今週の人気ページ