IMUZA.com

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

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

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

2015/09/02 はてなブログ

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/06/26

WordPress:Aレコード変更でウェブだけ他サーバへ移転

2022/06/13

WordPress Popular Posts 他のプラグインに変えたほうがいいかも

2022/06/06

WordPress Popular Posts 表示されないを解決する

2022/06/03

WordPress Popular Posts 表示されない(解決だが…)

2022/05/29

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

最新記事を一覧で見る

よく読まれている記事

カテゴリー

  • はてなブログ211
  • WebTips108
  • javascript95
  • Joomla!88
  • Windows68
  • CSS62
  • Joomla!更新53
  • Linux49
  • はてなテーマ45
  • Wordpress34
  • Plamo33
  • Google32
  • はてなプラグイン25
  • php18
  • Node.js18
  • Ubuntu16
  • SASS16
  • laravel415
  • cms-style10
  • Chrome10
  • iPhone9
  • Git入門6
  • genesis6
  • Android4
  • Python4
  • ConoHa WING4
  • 静的サイトジェネレーター3
  • Firefox3
  • Blankslate3
  • Docker3
  • SSD3
  • Facebook3
  • スマートフォン3
  • GitHub2
  • Mactype2
  • 映画1
  • rails入門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