はてなブログのトップページにGoogleアドセンスの広告を表示

Adsenseロゴ

Google Adsense(グーグルアドセンス)の広告をこのブログの個別記事の下に表示させることができたので、はてなの広告みたいに、トップページにも広告を表示させてみます。

(デザイン→カスタマイズ→フッタにコードを入力)

<script>
document.addEventListener('DOMContentLoaded', function() {
    if ($('.page-index')[0]) { /* トップページなら↓ */
        var adsCode = '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-123456789" data-ad-slot="123456789"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>';
        $('.entry-content').each(function() {
            $(this).append($(adsCode));
        });
    }
});
</script>

緑字部分に、Google Adsenseで取得した広告コードを貼り付けるのですが、広告コードの改行を削除して一行にすることと、赤太字で強調したように、</script>のスラッシュの前に「\(バックスラッシュ)」を入力することがポイントです。

Googleアドセンスの広告を貼り付けるときのちょっとしたことでも書いたのですが、広告コードの「adsbygoogle.js」は、ページに1つあれば省略できます。

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

- 追記 -
Googleアドセンスのアカウントが非承認(無効化)されたのでお知らせするとともに、この記事を参考にするとアカウントが無効にされる恐れがありますのでご注意ください!