アドセンスの初期広告コード〜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. 桶狭間の戦い|勝因・敗因
    桶狭間の戦い 今川義元の敗因 桶狭間の戦いは、1560年6月12日に行われた今川義元軍と織田信…
  2. 官渡の戦い|勝因・敗因
    官渡の戦い 曹操軍の勝因 官渡の戦いは、西暦2006年、有名な「三国志」の時代に曹操軍と袁紹軍…
  3. 井陘の戦い(せいけいの戦い)|韓信の勝因と趙軍の敗因
    井陘の戦い(せいけいの戦い)勝因と敗因 井陘の戦い(せいけいの戦い)とは、紀元前204年10月…
  4. 西南戦争|勝因・敗因
    西南戦争 西郷隆盛の敗因 西南戦争とは、1877年に薩摩士族が起こした大規模な反乱です。薩摩士…
  5. 木崎原の戦い
    木崎原の戦い 島津軍の勝因 木崎原の戦いは、1572年6月14日に南九州で起きた島津氏と伊東氏…

孫子の兵法から学ぶ

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