これまで、
ずぅーっと考えてきたのですが、
WordPressにおいては、
- function.phpの編集
- プラグイン
- ショートコード化
などなどで、
記事中に任意にAdSense広告を表示したりできます。
WordPressでは多くの方法があります。
が、
Bloggerにおいてはなかなか…。
という状況でした。
しかし、
今回Bloggerブログにても記事途中に、
しかも自動的に表示する方法です。
まずは、
結果画像からです。
こんな感じで表示可能です。
方法は、
スポンサーリンク
WordPressなどにもある<!--more-->タグを用いるものです。
具体的方法は…。
HTMLの編集で、
まず<head>タグ内に以下のコードを挿入します。
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' />
<script type='text/javascript'>
$(document).ready(function(){ $('a[name="more"]').before($('#MBT-google-ad').html());
$('#MBT-google-ad').html(''); });
</script>
<head>タグ内の編集はこれだけです。
（必ず</head>内に入れるようにしましょう。）
そして、
次に同じようにHTMLの編集で、
<data:post.body/>
という部分を探します。
テンプレートによって多少の違い（数など）はありますが必ずあります。
多くの場合概ね検索して2個目辺りかと思われます。
近くに、
<b:if cond='data:blog.pageType == "item"'>
というのがある方です。
その<data:post.body/>の直下に以下のコードを挿入します。
<b:if cond='data:blog.pageType == "item"'>
<div style="display:none;">
<div id='MBT-google-ad'>
<div style='font-size:11px;'>スポンサーリンク</div><br/>
ここに自分のアドセンスコードを記述
<br/>
</div>
</div></b:if>
これだけです。
が…。
既に、
記事直下にAdSense広告を自動的に表示されるようにしている場合は、
上記方法でいけます。
まだ記事直下に、
自分のAdSense広告が自動的に表示されるように設定されていない方は、
以下のコードの記述で、
<!--more-->タグの部分と、
記事直下の両方に表示されるようになります。
【コード】
<b:if cond='data:blog.pageType == "item"'>
<div style='font-size:11px;'>スポンサーリンク</div><br/>
ここに自分のAdSenseコードを記述
<b:if cond='data:blog.pageType == "item"'>
<div style="display:none;">
<div id='MBT-google-ad'>
<div style='font-size:11px;'>スポンサーリンク</div><br/>
ここに自分のAdSenseコードを記述
<br/>
</div>
</div></b:if></b:if>
注意）
<b:if cond='data:blog.pageType == "item"'>
</b:if>
で2重に囲っているのは、
トップページのみの表示の時に、
例えば10記事程度表示する設定にしているとします。
すると…。
トップページの、
「続きを読む」の上に既にAdSense広告が表示されてしまいます。
これは、
各記事で10個も広告が表示されてしまう為、
規約違反になってしまいます。
また多くの場合、
トップページのみにも、
既にいくつかの広告を設定されている方も多いのではないでしょうか。
それでは規約違反になるので、
<b:if cond='data:blog.pageType == "item"'>
</b:if>
で記事のみの時に表示されるように2重に囲っている訳です。
以上、
簡単ですが、
これでBloggerブログにおいても記事の途中・記事内に、
AdSense広告を自動的に表示する（される）ことが出来るようになります。
追記）
コード表示にSyntaxHighlight表示をこれまで使用してきました。
ですが、
ページが重く・遅くなってしまう為少し前より、
コード表示時にも、
余程のことがない限りSyntaxHighlightは使用しない方針でいます。
何卒ご理解賜りますようお願い申し上げます。
コメント
このコメントはブログの管理者によって削除されました。
はじめまして。
Bloggerを使用しています。
記事内広告の貼り方で検索して辿り着きました。
こちらのサイトにしか詳しく載ってなかったのでとても助かりました。
ありがとうございます。
しかし、私のやり方が悪いのかPCでは表示されるのですが、iPhoneの表示がされないのです。
どうしたら表示されるのか教えていただけないでしょうか？
よろしくお願いいたします。