シーサー像
ここではSeesaaブログの記事中にアドセンス広告を設置する方法を解説していきます。

この作業をすることで個別記事の本文と追記の中間に自動でアドセンス広告が挿入されるようになります。

Seesaaブログの記事中へのアドセンス広告の貼り方手順

まずご自分のSeesaaブログにログインしてください。

1. 管理画面トップの「デザイン」か、左端に並ぶメニューの一覧から「デザイン」をクリックしてから「コンテンツ」をクリックします。
デザインコンテンツ

2. 記事の横にある「歯車マーク」をクリックします。
歯車マーク

3. 「コンテンツHTML編集」をクリックします。
コンテンツHTML編集

4. キーボードのCtrlキーを押しながらFキーを押すとブラウザに検索窓が表示されるので、そこに<% article.entire_body | bodyfilter(article_info,blog) %>を貼り付けて検索します。
検索窓

[exclamation2 color=”orange”]もし見つからない場合はだいたい行数番号の70~80番台にありますので、よく目を凝らしてお探しください。[/exclamation2]

5. するとこのように記事のHTMLから該当箇所が強調表示されて見つかります。
該当部分

この<% article.entire_body | bodyfilter(article_info,blog) %>を削除して、そこに以下のタグを貼り付けます。
[normal_box2 color=”orange” border=”b2″]<% article.body | bodyfilter(article_info,blog) %>
<% if:article.body_more %>
<div class=”posi-naka”>
<p>スポンサーリンク</p>
ここにアドセンス広告コードを挿入します
</div>
<% /if %>
<% article.body_more | bodyfilter(article_info,blog) %>
[/normal_box2]

「ここにアドセンス広告コードを挿入します」の部分にあなたのアドセンス広告コードを挿れてください。

6. 貼り付けてこのようになったら「保存」をクリックし、最後にバッテンマークをクリックします。
貼付け後

7. この画面に戻ったら「デザイン設定」をクリックします。
デザイン設定

8. 適用中(使用中)のデザイン名をクリックします。
デザイン名

9. スタイルシートの枠内の一番下に以下のコードを追加し、保存をクリックします。
[normal_box2 color=”orange” border=”b2″].posi-naka{
margin:20px 0px 20px 0px;
}[/normal_box2]

CSSに追加後

10. 記事の前半部分を「本文」に、後半部分を「追記」に分割して投稿すれば自動的に本文と追記の間にアドセンス広告コードが挿入されます。
本文と追記

[exclamation2 color=”orange”]過去に投稿済みの記事で「本文」と「追記」に分けていない記事には表示されません。記事途中に表示させたい場合は、投稿済みの記事を本文と追記に分けて投稿し直して下さい。[/exclamation2]

ここまで済んだらブログを開いてみてご確認ください。このように記事途中に表示されているはずです。
記事本文

以上でSeesaaブログの記事中に自動でアドセンス広告コードを挿入する作業は完了です。

さいごに

記事の途中に設置したアドセンス広告はスマホでも表示されるので便利ですが、スマホ版にご自分でアドセンス広告を設置している場合、設置が許される広告数(3つまで)をオーバーする可能性がありますのでご注意ください。

この記事の執筆にあたってはこちらの動画を参考にさせて頂きました。