読者です 読者をやめる 読者になる 読者になる

Googleアドセンス広告を記事のすぐ下に表示したい

adsense

このブログではGoogleアドセンス広告を表示しています。

はてなブログでは記事下のカスタマイズで
ブログパーツや広告などを挿入できるのですが、
私としてはちょっと不満なのがその表示位置です。

記事下のソーシャル(Facebook,Twitter,など)のボタンが
ずらっと表示されたその下の位置になります。

できれば、
広告なんかは本文の近い所にあってほしいもの。

なんとかこれがシェアボタンより上の表示にならないか
・・と、気になっていました。

で、
教えていただいたのがこちらのブログ。

 

blog.engineermoney.jp

 

コードをお借りして載せます。

<!-- Google AdSense -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="[YOUR CLIENT ID]"
data-ad-slot="[YOUR SLOT ID]"></ins>
<script> 
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- 記事本文のすぐ下に移動し、「スポンサーリンク」も追加。ただしIE8などの古いブラウザを除く -->
<script>
if ( document.getElementsByClassName ) {
var inserteds = document.getElementsByTagName("ins");
var footerAd = inserteds[inserteds.length - 1];

var entryContent = document.getElementsByClassName("entry-content")[0];

var sponsorLink = document.createElement("div");
sponsorLink.textContent = "スポンサーリンク";
sponsorLink.style.cssText = "font-size:70%";

entryContent.appendChild(sponsorLink);
entryContent.appendChild(footerAd);
}
</script> 

※ <!-- Google AdSense -->の下の赤い文字部分は
表示したいGoogleアドセンスの広告コードを入れます。

※ただ、トップージでは何も表示されません。
個別記事を表示した時のみ表示されるようです。 

 

これでアドセンスのクリック数がアップするのかどうかは
分かりませんが、本人は満足のカスタマイズでした。

zentooさんありがとうございました。m(_ _)m

 

にほんブログ村 その他日記ブログ 日々の気になることへ

by カエレバ