はてなブログのトップページにだけ独自の広告を貼る方法。アーカイブとかカテゴリページにも貼れるよ。

このブログでは記事のタイトル下に１つ、
記事の下に２つのGoogle Adsenseの広告を
貼っています。

実はこの貼り方だとはてなブログの
トップページににはGoogle Adsenseの
広告出てこないのですよ。

でもこのサイトのアクセスの半分は実は
トップページから。

それは多分、みなさんのブログを訪問して
スターを付けているので、そのスターから
アクセスがあるのではないかという気がします。

でもこのままでは広告収入（ほとんどないけど）の
機会損失です。

そこでIT業界の片隅でひっそりと暮らしている
わたしとしてはなんとかならないかと奮闘してみました。

はてなブログのトップページと記事ページの切り分け

まず、調べたのは、はてなブログのトップページが表示された
のか、記事ページが表示されたのかの切り分けができるのか。

じっとソース（出力されているHTML）を眺めたところ、
それらしきキーワードは出てません。

唯一見つかったのは「tilte」タグの内容が
トップページは「ブログタイトル」、
記事ページは「記事タイトル - ブログタイトル」と
なっていることぐらい。

このサイトではブログタイトルは「攻めは飛車角銀桂守りは金銀三枚」です。
利用しているテンプレートによって違うかも知れません。

仕方がないので今回はこれを使います。

サイドバーにHTMLを貼り付ける

まずはサイドバーにモジュールを追加します。

追加したモジュールで「HTML」を選択し内容をコーディングします。
f:id:lightgauge:20141225233003p:plain

広告を出力するためのダミーテーブル作ります。
タイトルを取得してそれが「ブログタイトル」以外の文字があれが広告を消す

これだけです。

実際のソースは

<table border="0"><tr><td id="ads_place">表示したい広告</td></tr></table>
<script type="text/javascript">
if( document.title != "あなたのブログタイトル"){
var ads = window.document.getElementById("ads_place") ;
ads.innerHTML='';
}
</script>