Octopress に Google AdSense を追加する

Posted Tue Feb 18 2014

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 を開き defaultasides に先ほど作成したファイル名を記述します.リストの左側に書いた項目が上から表示されるので,順番を入れ替えることで表示順序を調整できます.

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

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