アドセンスの初期広告コード〜4日目|アドセンス日記

アドセンス広告,Googleアドセンスでマネタイズ

アドセンスの初期広告コード〜4日目|アドセンス日記現在、アドセンスでマネタイズする方法について実験中です。

アドセンスのアカウントが承認され、いよいよ広告の配信が始まりました。そこで、実際に初期設定で貼ったコードを忘備録も兼ねて記載しておくことにします。

アドセンス広告枠の配置」を見てみる

PCサイト用のコード

まず、PCサイトには、記事下に 300×250 の広告を2つ横並び(ダブルレクタングル)で、左側にディスプレイ広告のみのタイプを、右側にテキスト広告とディスプレイ広告のタイプを貼りました。

<span style="font-size:80%">スポンサーリンク</span><br/>
<div id="adsense-left">

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 261231_PC用_左 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</div>
<div id="adsense-right">

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 261231_PC用_右 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</div>

ちなみに、アドセンスの広告枠を2つ横並び(ダブルレクタングル)するための CSS は以下の通りです。

#adsense-left {
     float:left;
     padding:0px 5px 0px 0px;
     }
#adsense-right {
     padding:0px 5px 0px 0px;
     }

スマホサイト用のコード

次はスマホサイトです。スマホサイトでは記事下とページ下の2ヶ所にアドセンスの広告枠を設けました。記事下にはディスプレイ広告のタイプを、ページ下にはテキスト広告+ディスプレイ広告のタイプを貼りました。

レスポンシブの広告を使用しますが、横長のバナーだとスマホで見ると小さくなってしまうので、横長のバナーが表示されないように CSS で調整しておきます。

.responsive-unit{
  max-width: 336px;
}

そして、広告コードを貼り付けますが、下記コードの5行目にあるように「responsive-unit」を忘れずに入れておきます。あとは、バナーが中央に配置されるように centerタグをつけました。

<center><span style="font-size:80%">スポンサーリンク</span><br/>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 261231_スマホ用_1 -->
<ins class="adsbygoogle responsive-unit"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxxxx">
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</center>

このようにアドセンスの広告コードを記事下とページ下の2ヶ所に貼り付けたら、作業終了です。最初は空欄しか表示されませんが、そのまま放置しておくと30分も経てば広告が表示されているはずです。

 

アドセンス広告表示精度を高めてみる・・・

次は「アドセンス広告表示精度を高める〜5日目|アドセンス日記」を見てみる

スポンサーリンク

ランチェスター戦略から学ぶ

  1. ランチェスター戦略・ランチェスターの法則
    弱者の戦略〜ランチェスター戦略 経営戦略や事業戦略を策定する場合には、自社の立場や強み弱みを認…
  2. ランチェスター戦略・ランチェスターの法則
    ランチェスターの第一法則 ランチェスターの第一法則とは一騎打ちの法則とも呼ばれるものであり、最…
  3. ランチェスター戦略・ランチェスターの法則
    接近戦〜ランチェスター戦略 ランチェスター戦略は強者にも弱者にも当てはまる汎用性の高い戦略です…
  4. ランチェスター戦略・ランチェスターの法則
    一騎打ち〜ランチェスター戦略 ランチェスター戦略において弱者が強者を打ち破る方法の一つとされる…

戦いの勝因敗因から学ぶ

  1. 三方ヶ原の戦い|高田信玄の勝因と織田・徳川軍の敗因
    三方ヶ原の戦い 徳川・織田軍の敗因 三方ヶ原の戦いとは、1573年に遠江国(現在の静岡県)で起…
  2. 鳥羽伏見の戦い|勝因・敗因
    鳥羽伏見の戦い 新政府軍の勝因 鳥羽伏見の戦いは、慶応4年、明治元年に開始された旧幕府勢力の終…
  3. ゲティスバーグの戦い|勝因・敗因
    ゲティスバーグの戦い 北軍の勝因 ゲティスバーグの戦いとは、1836年7月1日から7月3日に起…
  4. 奉天会戦|勝因・敗因
    奉天会戦 ロシア軍の敗因 奉天会戦は、日露戦争における最後の会戦です。中国の奉天(現在の瀋陽)…
  5. マラトンの戦い
    マラトンの戦い ギリシャ連合軍の勝因 今を遡ること2500年以上前、紀元前490年9月12日。…

孫子の兵法から学ぶ

  1. 孫子の兵法
    孫子の五事 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵法書です。 そ…
  2. 孫子の兵法
    勝兵は鎰を以て銖を称るがごとく 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵…
  3. 孫子の兵法
    勝つべからざる者は守なり 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵法書で…
  4. 孫子の兵法
    彼を知り己を知れば百戦危うからず 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた…
  5. 孫子の兵法
    上兵は謀を伐つ 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵法書です。 …
ページ上部へ戻る