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

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

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

———————————————————————————

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

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）を指定することで、広告部分の要素を、『非表示・見せない・高さ０』にしています。

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

スタイルシートでこんな設定をしなくても済むよう、Seesaa側で、PCブログでの広告設定と同じように、スマートフォンブログも広告設定できるようにして欲しいものです。