IMUZA.com

<<WordPress(ConoHa)<<はてなブログ

ホーム / はてなブログ / はてなブログの本文下にダブルレクタングルでアドセンスを貼る

はてなブログの本文下にダブルレクタングルでアドセンスを貼る

2015/09/2 はてなブログ

1ページ3つまでのアドセンスをどうすると効果的に貼れるか、まあやってみるしかないということで、別ブログではヘッダ下に入れたりしているのですが、このブログでは、

  • 右サイドの一番上に 300×250 レクタングル1つ
  • トップページと各記事ページでは、本文とソーシャルボタン群の間に 300 × 250 レクタングル2つ
  • その他のカテゴリやアーカイブでは、メインコンテンツの下にレクタングル2つ

としています。

右サイドは、サイドバーの HTML ブロックに入れれば OK ですが、本文の方はいちいち記事を書くたびに入れるのも大変ですし、トップページに複数記事を「続きを読む」なしで表示すると3つを越えてしまいます。

Javascript の力を借りることにしました。

で、じゃあ、ついでにということで、流行り(らしい)のダブルレクタングルで入れてみましょう。自分の Adsense 2つを次のコードに入れて、カスタマイズの記事下に入れれば OK です。

querySelector を使っていますので、トップページに複数記事を表示しても最初の記事だけに挿入されます。また、トップとパーマリンクかで振り分けていますので、カテゴリやアーカイブの一覧表示でも問題なく表示されます。

<div id=”adsblock” class=”clearfix” style=”margin-top: 30px;”>
<div style=”font-size: 70%;”>スポンサーリンク</div>
<div style=”float: left; margin-right: 20px;”>

<!– 自分のGoogle Adsense 1 –>

</div>
<div style=”float: left;”>

<!– 自分のGoogle Adsense 2 –>

</div>
</div>

<script>
var body = document.querySelector(‘body’);
var flag = body.getAttribute(‘class’).match(/page-entry|page-index/);
var footerAd = body.querySelector(‘#adsblock’);
if (flag) {
body.querySelector(‘.entry-content’).appendChild(footerAd);
}else{
body.querySelector(‘#main-inner’).appendChild(footerAd);
}
</script>

【Windows10】(続)ThinkPad E420 クリーンインストール後の問題を解消する
【Windows】スリープから一定時間後に休止状態になるのはWindowsのデフォルト?
Twitter
Facebook
ブックマーク
LINEで送る

最初のサイドバー

最新記事

2022/08/13

はてなブログProを解約したらエェ〜?!

2022/08/10

WordPress にプラグインなしで fancybox4 導入

2022/07/29

WordPressでiframeが表示されない(解決)

2022/07/14

WordPressのデータベースを入れ替える

2022/07/7

WordPress:テーマをゼロから作ってみる(3)

最新記事を一覧で見る

よく読まれている記事

よく読まれている記事を一覧で見る

カテゴリー

  • はてなブログ214
  • WebTips108
  • javascript96
  • Joomla!88
  • Windows68
  • CSS62
  • Joomla!更新53
  • Linux49
  • はてなテーマ45
  • Wordpress38
  • Plamo33
  • Google32
  • はてなプラグイン25
  • php19
  • Node.js18
  • SASS16
  • Ubuntu16
  • laravel415
  • Chrome10
  • cms-style10
  • iPhone9
  • genesis6
  • Git入門6
  • ConoHa WING5
  • Python4
  • Android4
  • SSD3
  • Docker3
  • スマートフォン3
  • Facebook3
  • Firefox3
  • 静的サイトジェネレーター3
  • Blankslate3
  • Mactype2
  • GitHub2
  • rails入門1
  • はてなブクマ1
  • Twitter1
  • 映画1
  • youtube1

Footer

My Web Sites

  • @半径とことこ60分
  • そんなには褒めないよ。映画評
  • IMUZA.com
  • GitHub

Another Sites

  • WordPress公式
  • WordPress関数リファレンス
  • PHPマニュアル

Contact Us

  • お問い合わせフォーム
  • Twitter
  • Facebook
  • Feedly

Copyright © 2022 · IMUZA.com