Googleアドセンスの表示をスマホとPCで切り替える方法は？

こんにちは、いずみです。

今回はグーグルアドセンスの表示を

スマホとPCで切り替える方法について

お話していこうと思います。

PCでは大きな広告を貼りたいんだけど

スマホでははみ出してしまう場合など、

切り替えたい場面ってありますよね。

そんなあなたは見てくださいね♪

Contents

1 スマホとPCで表示を切り替える方法
2 それぞれどの広告を設置する？
3 まとめ

スマホとPCで表示を切り替える方法

まずはfunctions.phpに、

以下のコードの貼り付けを行いましょう。

function is_mobile(){

    $useragents = array(

        ‘iPhone’,          // iPhone

        ‘iPod’,            // iPod touch

        ‘Android’,         // 1.5+ Android

        ‘dream’,           // Pre 1.5 Android

        ‘CUPCAKE’,         // 1.5+ Android

        ‘blackberry9500’,  // Storm

        ‘blackberry9530’,  // Storm

        ‘blackberry9520’,  // Storm v2

        ‘blackberry9550’,  // Storm v2

        ‘blackberry9800’,  // Torch

        ‘webOS’,           // Palm Pre Experimental

        ‘incognito’,       // Other iPhone browser

        ‘webmate’          // Other iPhone browser

    );

    $pattern = ‘/’.implode(‘|’, $useragents).‘/i’;

    return preg_match($pattern, $_SERVER[‘HTTP_USER_AGENT’]);

}

これを貼り付けた後には、

コードを貼り付けるときに以下の

書き方でコードを貼り付けてください。

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

スマホで表示したい広告コードを設置

<?php else: ?>

スマホ以外（PC・タブレット）で表示したい広告コードを設置

<?php endif; ?>

このように設置することによって

表示する広告の切り替えができます。

それぞれどの広告を設置する？

アドセンスは大きな広告枠には小さな広告も

表示させることができるため、

その中からクリック単価が高いものが

優先して表示されるようになるので、

基本的には大きな広告を設置した方がいいです。

ただし、スマホ表示で見るとはみ出していたり

しますよね。

当ブログでは

「レスポンシブ広告のレクタングル化」

させたものをオススメしていますが、

（関連記事：アドセンスの適切な広告サイズは何？）

それだとディスプレイ広告の場合は

レクタングル（大）が表示されますが、

それだとはみ出てしまう場合には

スマホではレクタングル（中）を

表示させればいいのです。

なので、具体例を示すとこんな感じ↓

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

<p style=”text-align:center;”> スポンサーリンク<br>

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– レクタングル中 –>
<ins class=”adsbygoogle”
style=”display:inline-block;width:300px;height:250px”
data-ad-client=”ca-pub-000000000000000″
data-ad-slot=”5545759871″></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p><br>

<?php else: ?>

<p style=”text-align:center;”> スポンサーリンク<br>

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– レスポンシブ広告のレクタングル化 –>
<ins class=”adsbygoogle”
style=”display:block”
data-ad-client=”ca-pub-0000000000000000″
data-ad-slot=”3723803478″
data-ad-format=”rectangle“></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p><br>

<?php endif; ?>