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)を示します.

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

1
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
Zenback読み込み中です。
記述を消さない手段がいいですね
ググッてみるとソースから広告表示部分を削除する安易な方法ばかり出てきますが、これはいい記事ですね。 公開していただいてありがとうございます。 利用させていただいてます。
今後、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

-ページ
PR普通の33歳(男)が競艇で稼いだ方法
1ネトゲで使えるセンスのいい名前を考える5つのポイント #ava_jp
2AVAで名前に使える 文字 記号 一覧 ver2.0 #AVA_jp
3単純簡単!スカパー!の解約/退会手順と手続きする方法 #skyper
4【HandBrake】複数ファイルを指定して一括変換する方法
5名前暗号化でかっこいい!法則まとめ #AVA
6AVAで名前に使える 文字 記号 一覧 #AVA_jp
7【ドライバ】インストール時エラーが出て認識しない時の対処法. #setup
8Craving Explorerで動画(YouTube)を保存できないときの対処法
9知らないと損!Originで合法的に有料PCゲームを無料で入手する方法. #Origin
10【IE】Internet ExplorerからアドレスバーのBing等を削除する方法.
11バイオハザードのMODを管理「Fluffy Manager 5000」の使い方
12bootmgr is missing ってなってOS起動しなくなった. 復帰できた.
13【簡単】Resident Evil biohazard HD REMASTER MODの導入方法
1416防具はどんなユーザーに最適?コスパ計算してみた! #AVA_jp
15【CSS】オーバーレイ広告表示を違反しない程度に消す方法 #fc2
16ニコ生・USTREAM 超高画質配信する方法考えたっ!動画あり.
17PotPlayer 使いそうなショートカットキーまとめ #PotPlayer
18twitterのカラーテーマのデフォルトカラーは? #twitter
19【メンテ&脱臭】毎日の基本!グローブの手入れの仕方 ついでに臭いも取りましょう.
20rs.adapf.com を待機しています…忍者AdMaxが重い!測定してみた
21【OBS】ニコ生・USTで高画質配信する3つのポイント. 設定方法. #obs
22ブーツの素早い紐の結び方(片手). 講座. カギホック.
23【BUFFALO】暗所でも余裕!ハイスペックなオススメWEBカメラ BSW50KM02BK 買ってみた!レビュー. 検証・比較.
23au HOME SPOT CUBE 手動で設定する方法.
25背景ジャック風広告を作成する3つのステップ #wallpaperad
26PotPlayer おすすめ #PotPlayer
26docomo オプションサービスを解約/退会する方法 (iコンシャル dビデオ dヒッツ 等)
28【コスパ最強】ただの廉価版じゃない! HyperX Cloud Stinger 購入レビュー #Kingston
29【クラウド】Steamのサーバーが落ちたときの対処法
29オシャレでセンスいい!印傳屋(INDEN-YA)の財布【印伝】
PRたった10秒で終わるアンケートに回答するだけで5万円当たる♪
Edit
-ACR WEB-

スポンサードリンク

カテゴリ

アクセスランキング

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

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

リンク・ブロ友 一覧

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

GameOn 推し

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

Alliance of Valiant Arms

今週の人気ページ

-ページ
PR質問「1日1時間以上テレビを見ますか?」⇒ YES/NOで5万円GET♪
1ネトゲで使えるセンスのいい名前を考える5つのポイント #ava_jp
2AVAで名前に使える 文字 記号 一覧 ver2.0 #AVA_jp
3単純簡単!スカパー!の解約/退会手順と手続きする方法 #skyper
4【HandBrake】複数ファイルを指定して一括変換する方法
5名前暗号化でかっこいい!法則まとめ #AVA
6AVAで名前に使える 文字 記号 一覧 #AVA_jp
7バイオハザードのMODを管理「Fluffy Manager 5000」の使い方
8知らないと損!Originで合法的に有料PCゲームを無料で入手する方法. #Origin
9【簡単】Resident Evil biohazard HD REMASTER MODの導入方法
10bootmgr is missing ってなってOS起動しなくなった. 復帰できた.
1116防具はどんなユーザーに最適?コスパ計算してみた! #AVA_jp
12ニコ生・USTREAM 超高画質配信する方法考えたっ!動画あり.
13【ドライバ】インストール時エラーが出て認識しない時の対処法. #setup
14Craving Explorerで動画(YouTube)を保存できないときの対処法
15【IE】Internet ExplorerからアドレスバーのBing等を削除する方法.
16【OBS】ニコ生・USTで高画質配信する3つのポイント. 設定方法. #obs
16【CSS】オーバーレイ広告表示を違反しない程度に消す方法 #fc2
18カッコイイ…AVAにて「AK47 Alien」が実装! #AVA_jp
18PotPlayer おすすめ #PotPlayer
20【メンテ&脱臭】毎日の基本!グローブの手入れの仕方 ついでに臭いも取りましょう.
PR普通の33歳(男)が競艇で稼いだ方法
Edit
-ACR WEB-


☝TOP☝