DigiPressテーマ『MAGJAM』レクタングル(大）336✕280広告をきれいに並べて表示するやり方！

DigiPressテーマ『MAGJAM』でメインコンテンツエリアのウィジェットスペースやフリースペースにレクタングル広告をきれいに並べて表示するやり方を紹介します。

Google AdSense（グーグルアドセンス）では規約では「通常ユニット広告」は最大3つまで、コンテンツ向けAdSense（リンクユニット）は最大３つまで、検索向けAdSense（検索ボックス）が最大２つまでと１ページあたり広告掲載数の制限が定められています。

このうち「通常ユニット広告」の3つをどのように上手く配置するかがGoogle AdSenseを利用する上で重要になってきます。

WordPressで使用するテーマによって最適な配置場箇所はそれぞれ違いがあると思います。

ここでは、DigiPressテーマ『MAGJAM』で「通常ユニット広告」をメインコンテンツエリアのウィジェットスペースやフリースペースにレクタングル（大）広告336✕280pxの広告をきれいに並べて表示する方法を紹介します。

目　次

レクタングル広告をきれいに並べて表示する方法
広告と一緒に併用する（応用編）
- やり方
さいごに
記事本文中にGoogle AdSenseを表示する方法

レクタングル広告をきれいに並べて表示する方法

重要Google AdSenseを利用できる状態（審査通過済み）でDigiPressテーマ『MAGJAM』の2カラム、右サイドバー設定を利用。広告を配置する箇所（ウィジェット）は「記事（エントリー）最後」に設置いる場合で説明しています。

ウィジェットの位置

「外見」⇢「ウィジェット」⇢「記事（エントリー）最後」に「DP-カスタムテキスト」を設置しましょう。

レクタングル広告をきれいに表示するコード

「DP-カスタムテキスト」に下記のコードをコピーして貼り付けよう。

スポンサーリンク
<div class="clearfix">
<div class="fl-l mg10px-r">
<!--ここから1つ目の広告-->


<!--ここまで1つ目の広告-->
</div>
 <div>
<!--ここから2つ目の広告-->


<!--ここまで2つ目の広告-->
</div>
</div>

</div>

<div>

</div>

レクタングル（大）広告336✕280pxを作成

次にレクタングル（大）広告336✕280pxを作成しましょう。Google AdSenseにログインしての「広告設定」をクリックします。

「新しい広告ユニット」をクリック。

①名前を入力（分かりやすい名前であれば良い）
②336✕280 レクタングル（大）を選択
③「保存してコードを取得」

これで一つ336✕280 レクタングル(大）ができました。2つきれいに並べるために、もう一つ同じように336✕280 レクタングル(大）広告を作成します。手順は上記繰り返し（名前は分かりやすいよう１つ目とは別の名前にしましょう。）

336✕280 レクタングル(大）広告を２つ作成したら、広告コードをコピーしてさきほど作成した「DP-カスタムテキスト」を開く。

上記の通り、１つ目の336✕280 レクタングル(大）広告コードを枠内に貼り付けよう。続いて２つ目の336✕280 レクタングル(大）広告コードを一つ目のその下の枠内に貼り付けて「保存」ボタンをクリックしましょう。これで広告設置完了です！表示を確認してみましょう！

上記のようにレクタングル（大）広告336✕280pxの広告をきれいに並べて表示することができました！
※Google AdSenseの広告を作成したばかりの場合、すぐに表示されない時があります。その場合は少し待って確認してみましょう。

広告と一緒に併用する（応用編）

応用編336✕280 レクタングル(大）広告枠を２つ並べるのではなく、336✕280 レクタングル(大）広告枠一つ設置、その隣にFacebookのLike Boxなどを設置する方法。もう一つの広告は別の箇所に設置したい場合、下記のように空いてる枠にFacebookのLike BoxやGoogle+のバッジなど代わりに設置することもできます。

【広告とFacebookのLike Boxで設置した場合】

【広告とGoogle+バッジで設置した場合】

上記のように配置することも可能です。

やり方

Facebook Like Boxへアクセスし、「Facebook ページ URL」を入力、「Width」を336、「Height」を280、あとは好み⇢「Get Code」をクリック。IFRAME⇢コードをコピーし「DP-カスタムテキスト」の2つ目広告の欄に貼付⇢保存。1つ目は Google AdSenseのコードを貼付。