ブログのテンプレートに直接コードを書くとGoogle AdSenseは表示されませんでした。
私の環境では、ツイッターボタンがHTML貼り付けだとうまく表示できませんでした・・・。
Blogger のコメントアウトの扱い
なぜこういうことが起こるかというと、配布されているコードに含まれるコメントアウトが、Blogger では特別な扱いを受けるから。
たとえば、Blogger の 「HTML の編集」では
<!-- コード -->
という形のコメントアウトが使えません。正確には、
<-- と --> とで囲まれたこのコードの行は Blogger テンプレート内のコメントとして扱われてしまい、実際のブログのページ生成時には、この部分が削除されてしまいます。なので JavaScript でよく
<script type="text/javascript">
<!--
alert("Hello, World!");
//-->
</script>
<!--
alert("Hello, World!");
//-->
</script>
という風にコードを書きますが、これを Blogger のテンプレートに直に書いても、
<script type="text/javascript">
</script>
</script>
というデータしか書き出されず、肝心のコードが実行されなくなってしまいます。
対処法
では、どうやってコードを書き出すかというと、
- コメントアウトの書き換え
<!-- コード -->というコードを<!-- コード -->と実体参照に書き換えて「HTML の編集」に貼り付けると、
<!-- コード -->という風に HTML 上のコメントアウトとして、意図したとおりにブラウザにデータが届きます。
-
コメントアウトをやめる
単純に<--や-->を消してコードだけにする方法です。当たり前ですが、コードが消えてなくなることを回避できます。
- ガジェットに入れる
Blogger の「HTML/JavaScript」ガジェットに貼り付けたコードは、先に示した Blogger 独自のコメントアウトの制約を受けません。<!-- コード -->と書いても削除されることなく、そのままブラウザに送られます。
ブログのカスタマイズを考えている人は、覚えておくといいんじゃないでしょうか。
