広告運用

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

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

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

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

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

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

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

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

例えば、

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

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

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

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

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

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

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

 

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

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

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

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

一方で、

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

 

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

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

 

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

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

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

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

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

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

 

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

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

 

あとがき

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

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

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

◆Twitterでもブログや広告運用のノウハウを配信しています。
ユミのツイッターはこちら

ABOUT ME
ユミ
ユミ
ブログコンサルタント(主にアドセンス)/複数のネット広告を組み合わせて、収益性の高いブログを作るのも得意/月収10~420万円の収入を得るコンサル生さんを輩出中/ブログで収入を得たい初心者の方へ、無料のメールマガジンを配信中