Seesaaのスマホ用ブログの広告を消す方法

本ブログを、スマホでもちゃんと見れるよう、スマートフォン用のデザイン設定をメンテナンスしました。
で、一応スマホでも見れるようにはなったのですが、PC用ブログと比べて妙に広告が目立ちます。。
表示領域が狭い分、余計にそう感じるのかもしれません。

そこで、Seesaaのスマホ用ブログの広告を消す方法をいろいろと模索した結果、そこそこ良い感じになったので、やり方を共有しておきます。(こちらのサイトを参考にさせて頂きました)

---------------------------------------------------------------------------------

1.[ブログ一覧]から対象ブログの[デザイン]を選択
2.[スマートフォン]タブを選択
3. 適用しているテーマのタイトル名のリンクをクリック
blog_design.jpg

4. 右上の[ページ:トップ]を選択
5. 表示されたスタイルシートの一番下に、以下の文字列を追記して保存する
6. 続けて、右上の[ページ:記事]を選択
7. 同様に、表示されたスタイルシートの一番下に、以下の文字列を追記して保存する

[id*="adArea"] {visibility:hidden;height:0px;}
[id*="jt:seesaa_seesaa"] {display:none;visibility:hidden;height:0px;}
[class*="adlantis"] {visibility:hidden;}
[id*="adblock"] {display:none;visibility:hidden;height:0px;}
[class*="ad_block"] {display:none;visibility:hidden;height:0px;}
[class*="seesaaAdA"] {display:none;visibility:hidden;height:0px;}
.seesaa-adLink, .adlink, .adBoth, .adText, .adUrl, .adImage, .adSponsor, .adSponsorUrl, .adHr {visibility:hidden;height:0px;width:0px;}
[class*="ad_frame"] {display:none;visibility:hidden;height:0px;}
[class*="adlantis_sticky_zone"] {display:none;}
[id*="androidGame"] {display:none;visibility:hidden;height:0px;}
[class*="ichioshi"] {display:none;visibility:hidden;height:0px;}
[class*="top-ad"] {display:none;visibility:hidden;height:0px;}
[class*="im_ad_block1"] {display:none;visibility:hidden;height:0px;}
[class*="im_ad_block2"] {display:none;visibility:hidden;height:0px;}
[class*="androidgameRecommend"] {display:none;visibility:hidden;height:0px;}
[id*="iphonead"] {display:none;visibility:hidden;height:0px;}

---------------------------------------------------------------------------------

これで、ある程度の広告は消すことができました。(残念ながら、これだけやっても一部広告が表示されます)

ちなみに上記の文字列では、広告に対して「どういった見た目で表示するか」を指定しています。要素の表示/非表示(display)や見せる/見せない(visibility)、要素の高さ(height)を指定することで、広告部分の要素を、『非表示・見せない・高さ0』にしています。

また上記は、各要素のID名やClass名を指定して、広告を消す対応をしているため、また新たなID名やClass名が追加されたら、都度対応する必要があります。(つまり、いたちごっこ、、、)

スタイルシートでこんな設定をしなくても済むよう、Seesaa側で、PCブログでの広告設定と同じように、スマートフォンブログも広告設定できるようにして欲しいものです。
posted by るしん at 2013/01/31 00:13 | 東京 ☀ | Comment(3) | TrackBack(0) | アフィリエイト | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
参考になりました、ありがとうございます!
Posted by K at 2013年04月25日 18:52
なるほど、ここまでしないといけないんですね。PCでブログを見ているユーザーより、移動中にスマホで見てるユーザーの方が増えているから、各ブログサービス共に、スマホでの広告表示にやっきになっているような気がします。

参考になりました、ありがとうございました。
Posted by 吉田 at 2013年05月07日 14:32
企業が無料でやっているなら、どっかでマネタイズしなきゃじゃないのかしら?
だったらWordPressでいいんじゃない?
Posted by 広告いやなら at 2015年05月25日 23:19
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/317143726

この記事へのトラックバック