スポンサーリンク

2015年12月17日木曜日

Bloggerブログで記事途中、記事内にAdSenseを表示する方法

新しい記事 以前の記事

これまで、
ずぅーっと考えてきたのですが、
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(){ $(&#39;a[name=&quot;more&quot;]&#39;).before($(&#39;#MBT-google-ad&#39;).html());
 $(&#39;#MBT-google-ad&#39;).html(&#39;&#39;); });
 </script>


<head>タグ内の編集はこれだけです。
(必ず</head>内に入れるようにしましょう。)


そして、

次に同じようにHTMLの編集で、

<data:post.body/>
という部分を探します。

テンプレートによって多少の違い(数など)はありますが必ずあります。
多くの場合概ね検索して2個目辺りかと思われます。

近くに、
<b:if cond='data:blog.pageType == &quot;item&quot;'>
というのがある方です。


その<data:post.body/>の直下に以下のコードを挿入します。



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 == &quot;item&quot;'>
<div style='font-size:11px;'>スポンサーリンク</div><br/>
ここに自分のAdSenseコードを記述
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 == &quot;item&quot;'>
</b:if>
で2重に囲っているのは、
トップページのみの表示の時に、
例えば10記事程度表示する設定にしているとします。


すると…。
トップページの、
「続きを読む」の上に既にAdSense広告が表示されてしまいます。

これは、
各記事で10個も広告が表示されてしまう為、
規約違反になってしまいます。

また多くの場合、
トップページのみにも、

既にいくつかの広告を設定されている方も多いのではないでしょうか。

それでは規約違反になるので、
<b:if cond='data:blog.pageType == &quot;item&quot;'>
</b:if>
で記事のみの時に表示されるように2重に囲っている訳です。

以上、
簡単ですが、
これでBloggerブログにおいても記事の途中・記事内に、
AdSense広告を自動的に表示する(される)ことが出来るようになります。


追記)

コード表示にSyntaxHighlight表示をこれまで使用してきました。

ですが、
ページが重く・遅くなってしまう為少し前より、
コード表示時にも、
余程のことがない限りSyntaxHighlightは使用しない方針でいます。
何卒ご理解賜りますようお願い申し上げます。
スポンサーリンク



スポンサーリンク

この記事が気に入ったらいいね!
お願いします(#^.^#)

↓↓↓

最新情報をお届けします

言えないことはTwitterで!!


こんな記事も書いてます



関連性の高い記事


0 コメント:

コメントを投稿

次の投稿 前の投稿 ホーム
Related Posts Plugin for WordPress, Blogger...