さくらのブログ (Seesaaブログ) タグページのアドセンスを非表示にする

アドセンスに関して、コンテンツが存在しないところに表示してはならないと云う制限がある。さくらのブログ (Seesaaブログ) では、タグページがこれに該当するので注意が必要である。前に、 さくらのブログでアドセンスの注意事項: Jkun Blog で書いたとおりである。対処方法も書いたが・・・スマートではない。トップページでアドセンスが表示されないからである。

そこで今回は、この問題を回避 (タグページだけアドセンスを非表示にする) するために、JavaScriptとcssを使用する。

↓ デザイン> PC> コンテンツ

2015-12-10_14h27_30.png

@A アドセンス

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

B JavaScript

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

タグページの表示か?URLで判定して、タグページであれば・・・全体を括る 「<div id="container">」 を 「<div id="container" class="tag-ads">」 に変更する。

css追加

.tag-ads .pc-ads {
        display: none !important;
        margin: 0 !important;
}

これでタグページのアドセンスは非表示になる。

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

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

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

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