アドセンスの初期広告コード〜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. 鳥羽伏見の戦い|勝因・敗因
    鳥羽伏見の戦い 新政府軍の勝因 鳥羽伏見の戦いは、慶応4年、明治元年に開始された旧幕府勢力の終…
  2. ワーテルローの戦い|勝因・敗因
    ワーテルローの戦い ナポレオン軍の敗因 ワーテルローの戦いは、1815年6月18日に起きたフラ…
  3. アウステルリッツの戦い|勝因・敗因
    アウステルリッツの戦い ナポレオン軍の勝因 アウステルリッツの戦いとは、1805年12月2日に…
  4. 鳥羽伏見の戦い|勝因・敗因
    鳥羽伏見の戦い 旧幕府軍の敗因 鳥羽伏見の戦いとは、新政府軍が勝利して、旧幕府軍が敗退すること…
  5. 官渡の戦い|勝因・敗因
    官渡の戦い 曹操軍の勝因 官渡の戦いは、西暦2006年、有名な「三国志」の時代に曹操軍と袁紹軍…

孫子の兵法から学ぶ

  1. 孫子の兵法
    兵は拙速を聞くも、未だ功の久しきをみざる 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武…
  2. 孫子の兵法
    戦いは正を以って合い、奇を以って勝つ 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書…
  3. 孫子の兵法
    善く戦うものは、勝ち易きに勝つ者なり 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書…
  4. 孫子の兵法
    上兵は謀を伐つ 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵法書です。 …
  5. 孫子の兵法
    勝つべからざる者は守なり 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵法書で…
ページ上部へ戻る