記事タイトル上にスマホとPC別で広告を分岐配信する方法【ファーストビュー設定】

WordPressには『条件分岐配信タグ』という便利な機能があり、これを使うことでスマホとPCで別の広告を配信することが可能です。

そこで今回は、設定が少し難しいと思われがちな記事タイトル上（ファーストビュー）の設定方法をご紹介いたします。

プラグインを利用すれば直接親テーマを触る必要もありませんし、初心者でもサクッと5分程度で設定することができますよ。

使用するのは条件分岐タグ

この設定をするにあたって使用する条件分岐タグは、『wp_is_mobile()』

このタグを使うことで、スマホ・PCどちらからのアクセスなのかを判別することが可能になります。

例えば、

• スマホの場合はレクタングルサイズの広告を表示させたい
• PCの場合はバナーサイズの広告を表示させたい

といった出し分けができるようになりますよ。

※スマホのみ、PCのみにそれぞれ広告を表示させるといった設定も可能です。

記事タイトル上にスマホとPC別で広告を分岐配信する方法

スマホとPCで別の広告を配信するやり方は2つあります。

1. テーマを直接編集する方法
2. プラグインを使用してウィジェットにタグを追加する方法

一つずつその特徴を見ていきましょう。

テーマを直接編集する方法

こちらの方法では、テーマエディター『single.php』を編集し、テーマに直接コードを入力していきます。

single.phpにコードを入力することで、個別投稿記事全てに一気に反映することが可能です。

一方で、

• テーマの更新（アップデート）時に設定したコードが消える
• テーマ変更を行うとコードが消える

といったデメリットもあります。

これを防ぐためには、子テーマを作っておかれるといいでしょう。

プラグインを使用してウィジェットコードを追加する方法

もう一つが、プラグインを利用してウィジェットにコードを追加する方法です。

こちらでは、新しくプラグインをダウンロードする手間がかかるものの、テーマの更新時や変更時にコードが消えるといった問題はありません。

また、WordPressに標準搭載されているウィジェット機能を利用するため、コードの位置調整の必要もなく、初心者でも簡単に設定することができます。

そのため、今回はより初心者向きで、安全に運用できるこちらの方法をご紹介いたします。

標準では、ウィジェットで条件分岐タグを使うことはできないので、ウィジェットでも PHP が利用可能になるプラグインが必要になります。

記事タイトル上に条件分岐タグを設定する手順

プラグインをインストールする

まずは、PHP Code Widgetというプラグインをインストールしていきましょう。

ダッシュボード画面『プラグイン』→『新規追加』

『PHP Code Widget』で検索し、『今すぐインストール』をクリック

→『有効化』を忘れず行っておきましょう！

※インストール後の設定は特に必要ありません。

条件分岐タグ＆広告コードを設定する

プラグインのインストールが完了したら、『外観』→『ウィジェット』をクリック。

PHP Code Widgetが正しく動作していたら、利用できるウィジェットの中に『PHPコード』というものができているはずです。

これを、『記事タイトル上』にドラッグ＆ドロップします。（※テーマによっては、『記事上部』など表記が異なることがあります）

そして、以下のコードをコピー＆ペーストしていきましょう。

<?php if ( wp_is_mobile() ) : ?>
 // スマホで表示させたい内容
<?php else: ?>
 // PCで表示させたい内容
<?php endif; ?>

そして、赤枠で囲った箇所を削除し、スマホ・PCそれぞれで表示したい広告コードを貼り付け『保存』をクリック。

これで、分岐配信の設定は完了です！

スマホのみ、PCのみにそれぞれ表示させたい場合は、それぞれ以下のコードを使用されるといいでしょう。

スマホのみに広告を表示させる

<?php if ( wp_is_mobile() ) : ?>
 // スマホで表示させたい内容
<?php endif; ?>

PCのみに広告を表示させる

<?php if ( !wp_is_mobile() ) : ?>
 // PC で表示させたい内容
<?php endif; ?>

あとがき

スマホとPCの分岐表示は難しく思われがちですが、意外と簡単でしたね！

プラグインを使用すればテーマを直接編集することなく設定が可能ですし、テーマ更新時や変更時でも影響ありませんよ。

ぜひ便利にご活用くださいね。