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

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

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

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

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

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

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

例えば、

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

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

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

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

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

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

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

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

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

一方で、

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

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

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

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

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

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

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

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

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

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

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

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

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

インストールされたら、忘れずに『有効化』しておきましょう！

検索で見つからない場合に有効！ZIP形式でプラグインを直接インストールする方法WordPressの初期設定が一通り完了したら、次に取り組みたいのが各種プラグインのインストールです。 ブログ教材などを見ながら進めて...

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

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

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

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

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

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

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

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

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

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