はてなブログのアドセンスを「ダブルレクタングル」で表示する方法とおすすめの広告配置

近頃多くのブロガーが採用している、レクタングル形式のGoogleアドセンス広告を２つ並べた『ダブルレクタングル』と呼ばれる広告ユニット。

とても収益が期待できるとあって、私も取り入れていますが、当ブログの中で、収益のTOP5の中に入る稼ぎ頭です！

こういうやつ

ダブルレクタングル広告は、他のGoogleアドセンス広告とは異なり、初めから用意されているユニットではありません。

こちらで少し一手間を加え、設定してあげる必要があるのです。

そこで今回は、ダブルレクタングルの作り方と、おすすめの配置場所をまとめて紹介します！

はてなブログにダブルレクタングルを表示させる方法

手順は以下の通り

• 手順1
  アドセンスコードを2つ取得

   
• 手順2
  ダブルレクタングルのコードを作成

   
• 手順3
  コードを記事下に貼り付ける

   
• 手順4
  CSSの設定

   

1. アドセンスコードを2つ取得

Googleアドセンスの広告ユニットの作成から、ダブルレクタングルで表示させたいサイズのコードを2つ取得します。

ダブルレクタングルの左右それぞれの広告サイズは、一般的に「336×250」か「300×250」のどちらか。

私は普段から「336×250」サイズのレクタングル大を使用しているので、今回も「336×250」をチョイスしました。

ここで取得したコードの名前をそれぞれ、「アドセンス１」と「アドセンス２」としておきます。

2. ダブルレクタングルのコードを作成

先に取得しておいた2つのアドセンスコードを、以下のダブルレクタングルのコード「ここにアドセンス１を入れる」と「ここにアドセンス２を入れる」にそれぞれ流し込む。

<div id="my-footer">
<p style="text-align: center; font-size: 75%;">スポンサーリンク</p>
<table class="table-css">
<tr>
<td class="td-css">ここにアドセンス１を入れる</td>
<td class="td-css">ここにアドセンス２を入れる</td>
</tr>
</table>
</div>
<script>
var myFooter=document.getElementById("my-footer");
var temp=myFooter.cloneNode(true);
myFooter.parentNode.removeChild(myFooter);
document.getElementsByClassName("entry-content")[0].appendChild(temp);
</script>

一応PCとスマホで、広告の表示を切り替える設定もしておきましょう。

以前はスマホでアドセンス広告を２つ以上並べて表示する事が規定違反にあたっていましたが、今現在（※2018.4/1）は規約違反にはあたりません。

しかし、スマホで広告が連続して表示されるのは、見ている側からしたら少し鬱陶しいので、PCではダブルレクタングル表示、スマホでは単体のレクタングル表示になるよう手を加えてあげます。

ダブルレクタングル用に取得した２つのアドセンスコードのどちらか１つに、以下のコード変更を行ってください。

アドセンスのコードの以下の部分を

ins class="adsbygoogle"

下記に変更します。

ins class="adsbygoogle mobile"

上記コード変更を行う事で、PCではダブルレクタングル、スマホではレクタングル単体で表示されるようになるので、是非やっておきましょう。

3.コードを記事下に貼り付ける

上記のコードをデザイン > カスタマイズ > 記事下に貼り付ける。

特にこだわりがなければ記事下が無難です。

h2の見出しが3つ以上続くようでしたら、記事の中盤にダブルレクタングルを置くのも効果的！

4. CSSの設定

以下のコードをデザイン > カスタマイズ > デザインCSSに貼り付ける。

@media screen and (max-width: 680px) {
.mobile{
display: none !important;
}
}
.table-css, .td-css {
border-style:none;
margin:0 auto;
}

当ブログの広告ユニットの種類と配置場所を教えます

私がブログを始めた当初、アドセンスの記事内広告はレスポンシブを採用し、配置場所をヘッダー、フッター、サイドバーにそれぞれ配置していました。

だけどこれが大失敗！

検索流入からダイレクトに記事が読まれる中、「誰がヘッダーやフッターを見るんだ？」と疑問が！

正直、他人のブログのヘッダーやフッターなんて、余程の事がない限り本人以外意識して見ませんよね。

広告自体余程の事がないと押されないのに、余程と余程が重ならない限り押されもしないフッター、ヘッダーの広告配置は自分の中でナンセンスと結論づけ、取りやめることに。

試行錯誤を重ね、ようやくたどり着いたおすすめの配置場所は、

収益の期待値がもっとも大きい、リンク広告とダブルレクタングル広告を主軸に、サイドバーには広告単価が高いラージスカイスクレイパーを採用。

ラージスカイスクレイパーは、ファーストビューを意識して、サイドバーの一番上に配置。

まとめ

ダブルレクタングルの設定は誰でも簡単にでき、その広告効果は先輩ブロガーさん達のお墨付き！

個人的にも、とてもおすすめな広告ユニットなので、ぜひ試してみて下さい☆