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

blog-archive-adsence

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

参考

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

やり方

<div onclick="obj=document.getElementById('oritatami_part').style; obj.display=(obj.display=='none')?'block':'none';">▶クリックで展開</div>

<div id="oritatami_part" style="display:none;clear:both;">
    <pre class="code lang-javascript" data-lang="javascript" data-unlink="">
    <script type=<span class="synConstant">"text/javascript"</span>>
    $(<span class="synConstant">'document'</span>).ready(<span class="synIdentifier">function</span>()<span class="synIdentifier">{</span>
    <span class="synIdentifier">var</span> adsCode = <span class="synConstant">'<div style="margin:16px 0px;"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><</span><span class="synSpecial">\/</span><span class="synConstant">script><ins class="adsbygoogle" style="display:inline-block;width:468px;height:60px" data-ad-client="ca-pub-6759455255419772" data-ad-slot="9553718485"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<</span><span class="synSpecial">\/</span><span class="synConstant">script></div>'</span>
    $(<span class="synConstant">'.archive-entry:nth-child(5n)'</span>).each(<span class="synIdentifier">function</span>()<span class="synIdentifier">{</span>
    $(<span class="synIdentifier">this</span>).append($(adsCode));
    <span class="synIdentifier">}</span>);
    <span class="synIdentifier">}</span>);
    </script>
  1. まず、JQueryが入ってない場合はヘッダーにコードを入れます。
  2. 広告もヘッダーに上記のURLのコードを入れます。
data-ad-client="ca-pub-????????" data-ad-slot="????????"

の部分を書き換えます。

以上で、5件置きに広告が入ります。