最初に読んでもらいた記事Picup5

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

どうも!ほほなっつ(@mahi_x2)です。

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

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

こういうやつ

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

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

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

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

手順は以下の通り

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

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

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

     
  • 手順4
    CSSの設定

     

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

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

f:id:mahix2:20180402111830j:plain

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

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

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

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

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

<div id="my-footer">
<p style="text-align: center; font-size: 75%;">スポンサーリンク</p>
<table class="table-css">
<tr>
<td class="td-css">ここにアドセンス1を入れる</td>
<td class="td-css">ここにアドセンス2を入れる</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とスマホで、広告の表示を切り替える設定もしておきましょう。

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

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

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

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

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;
}

 

これでダブルレクタングルの設定は完了!

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

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

だけどこれが大失敗!

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

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

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

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

アドセンス広告配置例

  • TOP画面:リンク広告、インフォード広告
  • タイトルアイキャッチ下:リンク広告
  • インデックス上:ダブルレクタングル(大)/スマホはレスポンシブ
  • 記事中:自動広告
  • 記事下:ダブルレクタングル(大)/スマホはレスポンシブ
  • サイドバー上:ラージスカイスクレイパー
  • その他:関連広告

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

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

この配置に変えてから、毎月の収益は右肩上がりに成長中!

まとめ

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

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です