アドセンスに便利!WordPressでスマホとPCの表示を出しわける2つの方法

Sponsored Link


WordPressでスマホとPCの表示を出しわけたい!!

どうも、Linです。伊豆お茶、入れてみました。

 

先日、「本当に稼げるGoogle AdSense」という本を読んでいて、

自分が圧倒的にアドセンスのポリシーに違反している

ということが判明しました笑

 

PC とスマホで同じ広告を表示していたので、記事下の2枚のレクタングルの広告がスマホの場合だと縦に連なってしまっていたのです。

WordPress pc スマホ 出しわけ

これではスマホ画面いっぱいを尽くしてしまうため、ユーザー体験を阻害するためにポリシー違反になるところでした。

この不具合を解消するためにも、PCとスマホで広告表示を出し分ける方法が必要になってきます。

 

そんなニッチな方法を探していたところ、次の二つの神記事に出会いました。

その結果マスターしたスマホと PC の表示の出し分け方法を次の二つでまとめてみました。

  1. 記事外のPHPファイルでだし分ける方法
  2. 記事内のコンテンツとしてだし分ける方法

 

 

WordPressの表示を記事外のPHPファイルを編集してだし分ける方法

一つ目が記事外の PHP ファイルを編集して出し分ける方法です。

WordPressのテーマによって編集するファイルは異なると思いますが、header.phpや、single-post.phpなどのヘッダー部分や投稿記事などを表示するためのPHPファイルを編集していきますよ。

 

スマホのみで表示させたい場合は、次のPHP のコードを挿入するといいでしょう。

この条件分岐の中に挟んだコードはスマホのみで表示されるというわけですね。

 

逆に、PC ののみ表示させたい場合は、こちらの if 文の条件を「!」で否定すればいいわけですから、次のようになります。

たとえば、スマホのみに表示させたいアドセンス広告をPHPファイルに貼り付けたい場合は次のようなコードをPHPファイルに挿入すればいいのですね。

「wp_is_mobile」でデバイスの真偽値を取れるなんて便利すぎるぜWordPress!

 

 

WordPressの記事内でPCとスマホの表示をだし分ける方法

続いて記事内でコードを出し分ける方法です。

先ほどの方法はPHP コードであるため、こいつを記事内に記述しても無意味。

PHPコードがそのまま文字として表示されてしまうことになります。

 

そこで、記事内でPCとスマホの表示を出しわけたい場合は、

ショートコードを使う方法

を採用することをおすすめします

 

Step1.「functions.php」を編集する

functions.phpを次のようにする PHP に次のようなコードを追加しましょう。

functions.phpの編集は一歩間違うとサイトが表示できなくなる大惨事が起きますので、 バックアップはとっておきましょう。

 

Step2. ショートコードで囲う

設定したショートコード記事内に挿入します。

先ほどの例ですと、スマホのみに表示したい場合は、

PCのみに表示させたい場合は、

で内容を囲えばいいのです。

 

これらのショートコードの名前を変更したい場合は、先ほど追加したコードの、

の1つ目の引数の名前を変更すればオッケーですね。

 

たとえば、とあるアドセンスのコードをPCのみで表示させたい場合は、

と記事内に挿入すればいいことになりますね。

この方法は記事内に普通に書き込む他にも、

Quick AdSenseというアドセンス広告を導入するプラグイン

などにも使えます。

なぜなら、Quick AdSense 記事内にコードを挿入するようになっているので、PHPコードは機能しないからです。

ぼく自身、このプラグインでアドセンスを挿入しているサイトがあって苦戦していたのですが、この方法で無事に出しわけが完了しました。

Quick Adsenseを利用している方はこちらの方法を使ってみてくださいね。

 

 

さあ、WordPressの表示をPCとスマホで出し分けしよう!

以上が、WordPressでPCとスマホの表示を出し分ける方法でした。

今回の方法を使えばアドセンス広告のポリシーを守れるだけでなく、画面が大きいPCには大きめの広告を堂々と表示できるようになるので収益性もアップすること間違いなしです。

 

今回はアドセンスの広告の出し分け方法ということで紹介してきましたが、これらの方法はその他の用途にも使えます。

例えばスマホユーザーだけに表示させたい sidebarの要素や、メッセージなどをデバイスごとに出し分けることが可能です。

ガンガンWordPressで PC とスマホ切り替えてコンテンツを表示させていきましょう。

 

それでは!

Lin

飯橋凛(Ihashi Lin)

インターネット広告代理店を1年半で退職。
その後、副業として活動していたウェブメディア運営のフリーランスへ。
現在はプログラミングの勉強に励み、0からフリーエンジニアの道を目指す。最近はキムチをまとめ買いにはまっている。


Sponsored Link

コメントはこちらからお願いします!



もう1本読んでみる