スマホ版の広告を非表示にする方法（seesaaブログ）

2015/11/8

スポンサーリンク

はじめに

Seesaaブログは、管理画面で広告非表示の設定（方法はこちら）を行うと、PCからの閲覧では広告は表示されませんが、スマートフォンで閲覧した場合、スマホ版ページ、PC版ページとも広告が表示されてしまいます。

この広告を非表示にするには、スタイルシートで広告ごとに非表示の設定を行います。

この方法では、Seesaa側の広告仕様の変更や追加があると、再び新しい広告が表示されてしまいますので、非表示にするためのコードをどんどん更新していかないといけないというイタチごっこの煩わしさもあります。

なお、無料ブログの広告表示を消すことは、利用規約に抵触する可能性があります。広告の非表示化を実装するに当たっては、自己責任でお願いします。

（参考URL）「メモロウ」さんの
　　　　　　Seesaaブログのスマホ広告を非表示にする方法

設置手順

  1. スマホ版のスタイルシート編集
  2. PC版のスタイルシート編集

設置方法

スタイルシートを変更するのは PC版 CSS とスマホ版 CSS の両方です。管理を簡単にするため同じものを PC 版とスマホ版の CSS にそれぞれ追記します。

スマホ版のスタイルシート編集

  1. 「デザイン」→「スマートフォン」→「デザイン一覧」から使用中デザインのタイトル名を選択
  2. スタイルシートが表示されるので、最下部に「広告非表示化のCSS」を追加します。
  3. 保存して完了です。

PC版のスタイルシート編集

  1. 「デザイン」→「PC」→「デザイン設定」から使用中デザインのタイトル名を選択
  2. スタイルシートが表示されるので、最下部に「広告非表示化のCSS」を追加します。
  3. 保存して完了です。

広告非表示化のCSS（2015.1.7時点）

/* 広告非表示(スマホ用) こちらの削除方法は2014年9月27日現在で有効な方法です*/
[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"] {display:none;visibility:hidden;height:0px;}
[class*="androidgame"] {display:none;visibility:hidden;height:0px;}
[id*="iphonead"] {display:none;visibility:hidden;height:0px;}
[id*="iphoneFooterAd"] {display:none;visibility:hidden;height:0px;}
[id*="androidFooterAd"] {display:none;visibility:hidden;height:0px;}
[id*="adstir_ad"] {display:none;visibility:hidden;height:0px;}
[class*="seesaa-adBox"] {display:none;visibility:hidden;height:0px;}
[class*="adBox"] {display:none;visibility:hidden;height:0px;}
[class*="adTitle"] {display:none;visibility:hidden;height:0px;}
[id*="adcon"] {display:none;visibility:hidden;height:0px;}
[id*="imobile_adspotdiv"] {display:none;visibility:hidden;height:0px;}
[id*="ad_cloud_overlay_space"] {display:none!important;visibility:hidden;height:0px;}
.ad-area, .ad-area div, .ad-area.ad-footer div {display: none!important;visibility: hidden;}
[id*="nend_banner_img"] {display:none!important;visibility:hidden;height:0px;}
[id*="adingoBeagle"] {display:none!important;visibility:hidden!important;height:0px!important;}
/* 以下は2014年10月11日追加 */
[id*="kauli_yad_js_1"]{display:none!important;visibility:hidden;height:0px;}
[id*="yjAdwrapper"]{display:none!important;visibility:hidden;height:0px;}
[id*="adunit"]{display:none!important;visibility:hidden;height:0px;}
[id*="ads"]{display:none!important;visibility:hidden;height:0px;}
[class*="bottom_fixed_ad"] {display:none!important;visibility:hidden;height:0px;}
[class*="soc_dest"] {display:none!important;visibility:hidden;height:0px;}
/* 以下は2015年1月7日の追記 */
[id*="imobile_adspotdiv1"]{display:none!important;visibility:hidden;height:0px;}
[id*="fluct_ad_unit_1000001623"] {display:none!important;visibility:hidden;height:0px;}
[class*="fluct_ad_container"] {display:none!important;visibility:hidden;height:0px;}
[class*="tapone"] {display:none!important;visibility:hidden;height:0px;}
/* 広告非表示(PC用) こちらの削除方法は2014年9月27日現在で有効な方法です*/
[id*="nend_adspace"] {display:none!important;visibility:hidden!important;height:0px!important;}
[class*="adlantis_banner_image"] {display:none!important;visibility:hidden!important;height:0px!important;}
/* 「スマートフォン専用ページを表示」を消す */
#iphone-link { display: none !important; }

管理画面の広告非表示の設定方法（seesaaブログ）

  • 「設定」→「ブログ設定」→「共通ヘッダー」を「表示しない」に
  • 「設定」→「記事設定」→「広告の表示」を「無効」に
  • 「設定」→「広告設定」→すべての項目を「広告を表示しない」に
  • 「デザイン」→「PC」→「コンテンツ」のピンク色のブログパーツは広告ですので全て削除（※スマホ版のコンテンツには広告ブログパーツはありません）

スマホ版をPC版へ強制的に飛ばす方法（seesaaブログ）

上記の「スタイルシートで広告ごとに非表示にする」方法では、Seesaa側の広告仕様の変更や追加があると、再び新しい広告が表示されてしまいますので、非表示にするためのコードをどんどん更新していかないといけないというイタチごっこの煩わしさがあります。

この煩わしさを解消するには、広告を消すのではなくて、スマホからのアクセスでもスマホ版は表示させずにPC版を表示させるという方法です。

強制的にPC版へ飛ばしてしまう方法は、下記URLを参考にしてください。
（参考URL）「とある秘密ブログの更新うぇぶろぐ」さんのSeesaaブログスマホ広告を消す(非表示にする)悩みを消す方法

Seesaa 関連 おススメ記事

スポンサーリンク