【アドセンス収益増加】ダブルレクタングル広告を貼ろう!

f:id:webrank:20181126192827p:plain

みなさん、ダブルレクタングル広告は使っていますか?

以前紹介したリンク広告同様、この広告もかなり収益を上げています!

記事内に普通の広告を貼っている方はいますぐダブルレクタングル広告にしましょう!

リンク広告についてはこちらをどうぞ!
www.melancholy-monday.net

ダブルレクタングル作成の手順

ダブルレクタングルの作成の手順はたった2つなので簡単にできます。

レクタングル広告を作成

レクタングル広告を2つ並べる

それでは説明していきます。

ダブルレクタングル広告とは

ダブルレクタングルは名前の通りレクタングル広告が2つ並んだものです。

この記事内にも設置してあります。

広告が2つ並んで出るので、単純にクリックのされやすさも2倍になります。

ちなみにダブルレクタングル広告を表示できるのはPCサイトのみなので注意!

300×250サイズでレクタングル広告を作ろう

まずはレクタングル広告を作りましょう。

サイズは長方形の300×250がおすすめです。

f:id:webrank:20181116202953p:plain

2つ並ぶからといって広告を2つ作る必要はありません。

同じレクタングル広告を並べるだけでいいので注意しましょう。

僕は何も考えないでやっていたので2つ作ってました…笑

ダブルレクタングル広告の作り方

次にダブルレクタングル広告を作るために参考にしたサイトをご紹介します。

2つ紹介しますが、僕は①のサイトのコードを使っています。

どちらを参考にするかは好みなので好きなほうを参考にしてください。

ダブルレクタングルの参考サイト①

レクタングル広告を並べるコードはこちらのサイトを参考にしました。

chipspd.hatenadiary.jp

参考サイトを見てもらえれば分かりますが、一応コードも書いておきます。

<ul class="doublerec">
<li>
アドセンスのコード1
</li>
<li>
アドセンスのコード2
</li>
</ul>

こちらはcssです。「デザインcss」内に貼りましょう。

.doublerec ul {
 padding: 0;
 margin: 0;
list-style: none;
font-size: 0;
}
.doublerec li{
padding: 0;
margin: 0;
display: inline-block;
}
ダブルレクタングルの参考サイト②

こちらも参考にしたサイトです。

僕の場合は諸事情で①のサイトのコードを使っていますが、こちらのサイトのコードでもダブルレクタングル広告を設定可能です。
www.hohonut.com

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

こちらはcssです。「デザインcss」内に貼りましょう。

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

最後に

ダブルレクタングル広告は絶対に設定するべき広告です!

僕も記事内の広告をこれに変更したことで収益が増加しました。

今後も広告についての記事を公開してきますのでよろしくお願いします!

コメントを残す

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