Octopress に Google AdSense を追加する

Octopress のブログに Google AdSense を追加した時の覚書です．

投稿記事に追加する

他にやり方があるのかもしれませんが，今回は投稿記事のテンプレートを直接修正しました．下記のファイルを開き編集します．

source/_layouts/post.html

<div>
<!-- 投稿記事の上に表示したい広告コードを貼り付ける -->
<article class="hentry" role="article">
 .
 .
 .
</footer>
<!-- 投稿記事の下に表示したい広告コードを貼り付ける -->
</div>
</article>

今回はコメントの前に表示するようにしましたが，このへんは挿入する場所を調整することで，変えられます．

サイドバーに表示するアドセンスについては，まず下記のようなファイルを作成します．他のファイルを見るに<section> タグの中に表示したい項目を記述するだけのようです．

/source/_include/custom/asides/google_adsense_300x250.html

<section>
  <!-- ここに広告コードを貼り付ける -->
</section>

_config.yaml を開き default_asides に先ほど作成したファイル名を記述します．リストの左側に書いた項目が上から表示されるので，順番を入れ替えることで表示順序を調整できます．

default_asides: [custom/asides/google-adsense_300x250.html, ...]

別のアドセンスも表示する場合には別のファイルを同様に作成し，_config.yaml に追加します．