BloggerでAdsenseの広告をタイトル下に貼る方法

BloggerでHTMLを直接編集してAdsenseの広告をタイトル下に貼る方法です。別でアドセンスを申請していたため、アドセンスの管理画面を直接操作します。

テンプレートをバックアップする

「テンプレート」 → 「バックアップ/復元」 → 「テンプレートをすべてダウンロード」からバックアップを取得してください

アドセンスで広告コードを取得する

  1. アドセンスの管理画面から「広告の設定」→ 「+新しい広告ユニット」から好きなサイズの広告を作成してください

  2. 広告を作成後に以下の画面が立ち上がります。広告コードをコピーしてください。間違って画面を閉じた場合も「コードを取得」ボタンで後から取得可能です。

テンプレートのHTMLからタイトルの場所を探す

「テンプレート」→ 「HTMLの編集」で以下のコードを検索してください。コード内のどこかをクリックしたから検索するとコードを対象に直接検索可能です。

<div class='post-header-line-1'/>
</div>

上記のコードが2つ検索結果に出てくると思いますが、2つ目が対象です。

テンプレートにAdsenseの広告を差し込む

コードを以下の通り差し込みます。ここで注意点が二つあります。

  • アドセンスのコードをエスケープする
< を &lt;
> を &gt;
" を &quot;
  • TOPページに表示されないように制御する(TOPでサムネイル表示しているような場合)
<b:if cond="data:blog.pageType == &quot;item&quot;">
</b:if>
<div class='post-header-line-1'/>
<!-- Title Adsense -->
<b:if cond="data:blog.pageType == &quot;item&quot;">
ここに広告コードを貼付ける
</b:if>
</div>

場所と注意点さえわかっていれば割と簡単にできると思います。


 シェアして頂けると嬉しいです

参考になったという方がいれば是非お願いしますm(_ _ )m
モチベーション維持の観点で非常に励みになります。