読者です 読者をやめる 読者になる 読者になる

攻めは飛車角銀桂守りは金銀三枚

ITとアコースティックギター、そして日常のひとこま。

はてなブログのトップページにだけ独自の広告を貼る方法。Part3

はてな
スポンサーリンク

あいかわらずこのブログ、アクセスの多くの割合をトップページが占めてます。

そこで以前にも書いたのですが、はてなブログのトップページにだけ広告を貼る方法の改良版を書いておきます。

以前に書いた記事はこちら。gin-kei.hatenablog.com
gin-kei.hatenablog.com

トップページに広告を貼る

早速ですが以下のソースをはてなブログの「デザイン」→「ヘッダー」を開いて貼り付けます。

<div id="a8_ads" style="display:none;">
<script type="text/javascript" src="http://rot9.a8.net/xxx.js"></script>
<script type="text/javascript" src="http://rot9.a8.net/xxx.js"></script>
</div>
<script type="text/javascript">
 $(document).ready(function() {
    if( document.querySelector("html").getAttribute("data-page") == "index"){
        var div = document.createElement('div');
        div.textContent = document.getElementById("a8_ads").innerHTML;
      $('.social-buttons').html(div.textContent);
    }
  });
</script>

上記の

<script type="text/javascript" src="http://rot9.a8.net/xxx.js"></script>

はわたしはA8.netのローテーションバナーを貼ってみました。
(ご自分の広告に修正して使ってください。)

これでトップページの時だけ広告が表示されます。


動かないって人は・・・がんばりましょうね。