Seesaaブログの PC 版でもフローティング広告を非表示

Seesaa ブログに表示される Seesaa 広告で、ボクが唯一消すことができていないのは、「スマートフォンで PC 版を閲覧したときに表示されるフローティング広告」のみで、それ以外は、例外なく非表示にすることができます、というのが前の投稿までの進捗(こちらの記事参照

ここで言う Seesaa 広告とは、PC 版、スマートフォン版の両方のことで、上は共通ヘッダー、下はフッターまで。スマホのブログタイトル直下、記事下、フッター、そしてフローティング広告、記事中に表示される上下の Yahoo! インタレスト広告。

PC版では記事下のテキスト広告、タグ表示ページの広告、検索結果表示ページの広告、その他、もし書き忘れていたとしても全部、例外なく、100%全ての広告を指しています。

これらすべてを非表示にする方法がわかりました。

クッキーの扱い方を工夫すれば実装可能

Seesaa 広告を消すポイントは、クッキーの扱いにあります。

HTML や特に スマホ版の CSS(カスケードスタイルシート)でゴリゴリと広告を非表示にするカスタマイズについては色々なブログで解説されていますが、クッキーの扱いについてまでは言及していないと思います。(あまり他のブログを参照しないのでもしかしたら見つかるかもしれません)

でも、このクッキーを上手に操作してあげれば、ボクが唯一消すことのできなかった、スマートフォンで PC 版を閲覧したときに表示されるフローティング広告も無かったことにできます。

「非表示」と言い切れないところが弱いのですが。正確にいえば表示されている PC 版を見ることがないので表示されていないことになるということです。

ちなみに、PC版 (force_pc) とスマホ版 (force_sp) のクッキーは以下のように書き換えられています。

初期状態:クッキーなし
PC版で閲覧するリンクをクリック:force_pc=1, force_sp=0
スマホ版で閲覧するリンクをクリック:force_pc=0, force_sp=1

デスクトップアクセスはPC版のみ、スマートフォンアクセスはスマホ版のみという考え

スマートフォンからのアクセスに関しては、2つの扱い方があります。

  1. PC版、スマホ版を用意し、スマートフォン版に飛ばす(一般的)
  2. レスポンシブのPC版のみ用意し、強制的にPC 版に飛ばす(ボクのやり方)

今回のひらめきは
1.のスマートフォンからスマホ版へアクセスした閲覧者を PC 版に行かせない仕組みを実装すること
です。
2.の強制的に PC 版に飛ばすのではなく、逆に強制的にスマホ版に留まらせるわけです。

これが実装できれば、少なくともボクの Seesaa ブログ カスタマイズテンプレートと検証環境では、理論上は例外なく Seesaa 広告がひとつ残らず表示されなくなります。

現在、サンプルブログを作成しています。出来次第、カスタマイズ方法の全容を公開いたします。

「【2014年完全版】 Seesaa ブログの広告を例外なくひとつ残らず消す方法」へつづく
ちょっとやり方とタイトルが変わりましたがこちらに続きます。
» 【2014年5月まとめ完結編】Seesaaブログの広告を完全に消す

この記事へのコメント

0件
コメントをどうぞ
お名前:[必須入力]

メールアドレス:

ホームページアドレス:

コメント:[必須入力]