2013/10/20

Bloggerで、「続きを読む」の記事下にAdSenseを表示

Blogger(ブロガー)で、記事下にAdsense(アドセンス)を設置する方法を、こちらに書いたんですが、この方法だと、

上のアイコンを使って、投稿を折りたたみたくて、「続きを読む」部分を作った時に、




「もっと読む」の上部に、広告が表示されてしまい、気付かれないと続きを読んでもらえない状況になってしまいました。

html編集で、1560行目あたりにある。「もっと読む」らしき所をさがして

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>


ここの直下に広告を表示させると、
「もっと読む」の下に、広告が表示されました。


ただ、「もっと読む」 が、表示されている時は、広告を非表示にしたいので、
Google BloggerブログHacks Tips Tweaksさんの記事を参考にさせていただいて

個別記事が開かれたとき、つまり「もっと読む」がクリックされたときにだけ、広告を表示するようにします。

先ほどのタグの下に、下記青文字を追加して、

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

ここにAdsenseコードを記入

</b:if>


*Google Adsenseから、コードを取得して、そのままでは使えないので、
ペーストする前に文字を変更しておきます。




"&quot;
<&lt;
>&gt;


現在このブログは、その様に表示できているはずです。


続きを読むのカスタマイズは、僕と私の物置き場さんを参考にさせていただきました。


スポンサードリンク