MENU

【Blog】はてなブログのアーカイブ記事の間に広告を入れる方法

Google-AdSense-in-achive

はてなブログのアーカイブ記事の間に広告を入れる方法です。

アーカイブの記事の間に広告を入れる方法

まず、JQueryが入ってない場合はヘッダーに下記のコードを入れます。

<!--[if lt IE 9]>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/jquery/1.12.4/jquery.min.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!--<![endif]-->

広告もヘッダーに下記のコードを入れます。

<script type="text/javascript">
$('document').ready(function(){
        var adsCode = '<div style="margin:16px 0px;"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle" style="display:inline-block;width:600px;height:200px" data-ad-client="ca-pub-1026911005481731" data-ad-slot="3612996203"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script></div>'

      $('.archive-entry:nth-child(5n)').each(function(){
          $(this).append($(adsCode));
      });
});
</script>

data-ad-client="ca-pub-1026911005481731" data-ad-slot="3612996203"の部分を書き換えます。

5件置きに広告が入ります。

参考

はてなブログのインデックスをリスト化して、記事数件ごとにgoogle ADを挿入する - Qiita