記事下アドセンス広告の貼り方最適化！パソコンは横並び・スマホはレスポンシブ！

今回は、記事下のアドセンス広告の
クリック率を上げる最適な貼り方を紹介します。

結論から言うと、記事下のアドセンス広告の配置は、

スマホ表示時は1枚の広告でレスポンシブ

パソコン表示時は2枚の広告を横並び

で配置させます。

基本的にアクセスのほとんどはスマホだと思いますので、
今回の内容はそれほど優先順位は高くありません。

余裕のない場合(カスタマイズが苦手な場合)は
まずはスマホに適した広告配置にしておきましょう。

パソコン表示とスマホ表示を分けるコード

パソコン用広告とスマホ用広告を
自動的に分けて表示するために以下のコードを使用します。

<?php if(wp_is_mobile()) :?>
★スマホ用広告コード★
<?php else: ?>
★パソコン用広告コード★
<?php endif; ?>

<?php if(wp_is_mobile()) :?>

★スマホ用広告コード★

<?php else: ?>

★パソコン用広告コード★

<?php endif; ?>

このコードを使用して広告を貼り付けておけば、
ブログを閲覧しているユーザーの端末によって
表示させるサイズや配置などを設定することができます。

次に、WordPressテーマ賢威の6.2と7を例に、
カスタマイズ方法を紹介していきます。

賢威を例に記事下広告を設定

以下の3つの広告コードを準備します。

■賢威6.2の場合
1. スマホ用広告コード（レスポンシブ）
2. パソコン用広告コード1（300 X 250サイズ）
3. パソコン用広告コード2（300 X 250サイズ）

■賢威7の場合
1. スマホ用広告コード（レスポンシブ）
2. パソコン用広告コード1（336 X 280サイズ）
3. パソコン用広告コード2（336 X 280サイズ）

WordPressのダッシュボードにある
「外観」→「テーマエディター」をクリックします。
WordPressの外観のテーマエディター

個別投稿（single.php）をクリックします。
個別投稿single.phpをクリック

賢威6.2、7それぞれ「single.php」の中に
以下のようなコードを追記します。

↓賢威6.2の例

<!--本文-->
<?php the_content(); ?>
<!--/本文-->
<center>スポンサーリンク</center>
<?php if(wp_is_mobile()) :?>
【スマホ用広告コード】
<?php else: ?>
【パソコン用広告コード1】【パソコン用広告コード2】
<?php endif; ?>
<br/><br/>
</div>
<!--/article-->

<?php the_content(); ?>

<center>スポンサーリンク</center>

<?php if(wp_is_mobile()) :?>

【スマホ用広告コード】

<?php else: ?>

【パソコン用広告コード1】【パソコン用広告コード2】

<?php endif; ?>

</div>

↓賢威7の例

</div><!--article-body-->
<br/>
<br/>
<center>スポンサーリンク</center>
<?php if(wp_is_mobile()) :?>
【スマホ用広告コード】
<?php else: ?>
【パソコン用広告コード1】【パソコン用広告コード2】
<?php endif; ?>
<br/>
<br/>
<?php wp_related_posts()?>
<section id="comments" class="comments-area">
<?php comments_template(); ?>