さくらのブログ (Seesaaブログ) スマホでのコメント欄のアドセンスを非表示にする

さくらのブログ (Seesaaブログ) では、スマホでもアドセンスを表示設定することが可能である。しかしながら、ここで問題がある。アドセンスはコンテンツが存在しないところに表示してはならないと云う制限である。

↓ デザイン> スマートフォン> コンテンツ → エキスパートモード
[記事] のときだけアドセンスを表示する。としても・・・

2015-12-09_21h16_11.png

↓ [コメントを書く] をタップすると、コンテンツなしでコメント欄が表示されることになるが、そこにアドセンスが表示されてしまう。

Screenshot_2015-12-09-21-25-09[1].png

今回は、この問題を回避 (コメント関連のページではアドセンスを非表示にする) するために、JavaScriptとcssを使用する。

↓ デザイン> スマートフォン> コンテンツ

2015-12-09_21h14_45.png

@A アドセンス

アドセンスコードを「<div class='mb-ads'> ・・・ </div>」で括る。

B JavaScript

<script type="text/javascript">
commClass = location.href.indexOf("comment"); 
if ( commClass !== -1 ) {
    document.getElementById("iphone-container").className = "comm-ads";
}
</script>

コメント関連のページ (コメント書き込み画面・コメント書き込み完了画面・コメント一覧表示画面) か?URLで判定して、コメント関連であれば・・・全体を括る 「<div id="iphone-container">」 を 「<div id="iphone-container" class="comm-ads">」 に変更する。

css追加

.comm-ads .mb-ads {
        display: none !important;
        margin: 0 !important;
}

これでコメント欄のアドセンスは非表示になる。

特定の文字列を含むURLのときに隠す方法: Jkun Blog

admin
カテゴリ:ブログサービス
2015/12/09 22:33 | コメント (0)
◎この記事へのコメントは 0 件です。コメント欄を表示しますか?
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

このブログについて
jkun-400x400.jpg インターネット, パソコン, スマホ, Windows, Linux, Android, 各種アプリ, ブラウザ, ブラウザ拡張機能, 携帯電話, 社会情勢, 韓ドラ, K-POP 関連の話題を取り上げます。ジャンルとしては幅広く、特定のカテゴリに特化したブログではありません。お時間がありましたら、どうぞお立ち寄りくださいませ。
プロフィール
カテゴリ
ブログ内検索
Powered by さくらのブログ