これは盲点！スマホのサイドバー削除でアドセンスの単価・クリック率・収益が向上！

1:今回行ったこと

今回行ったのはタイトル通りですが、
スマホの記事下のフッター部（PCのサイドバー要素）の削除です。

WordPressのレスポンシブテーマの場合、
大抵が以下のようにスマホの記事下にPCサイドバーの要素が来るようになっているかと思います。

このサイドバーの部分をスマホでは表示しないようにしました。

これだけです。

こんな単純なことですが、
これを推奨している人ってあまりいないと思います。

けど、スマホのサイドバー要素って結構逆効果だと思いませんか？

記事下のアドセンスよりも下に要素があることで、
アドセンスに目が止まらず無意識にスクロールされそうですし、
その割にサイトの回遊率にも貢献しなさそうです。

それとスクロールし終わった時の画面に目にとまるものがなければ、
そのまま離脱されてしまうのでは無いかなと思いました。

つまり、

1. 記事下の要素は少なくしてアドセンスが目に入るようにする
2. スクロール最下部にアドセンスが表示されるようにする

これらが重要じゃないかなと思い、今回サイドバーを削除しました。

現在運営しているブログ3つにおいてこれを行うと、
2/3のブログでクリック単価・クリック率が大きく伸びたのです。
（残りの1つは元々サイドバーに最低限の要素しか載せていなかったブログ）

そして一つのブログが、1PV1円を超える日があるくらい収益が伸びています。

1日3万～4万PVあるので、
偶然ということはないと思います。

もちろん他にも色々と改善を加えたのですが、
収益が伸びた一番の要因がこのサイドバー削除です。

是非騙されたと思ってサイドバーを削除してみて下さい。

特にサイドバーがごちゃごちゃしているブログでは、
大きな改善が見込めるのではないでしょうか。

続いてスマホでPCのサイドバー部を非表示にする方法をご紹介します。

2:サイドバーをスマホで非表示にする方法

まず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']);

}

続いてですが、記事ページのサイドバーをスマホで非表示にするためには、
【single.php】の以下の関数をスマホでは読み込まないようにします。

これの上下に以下のように2行付け加えて下さい。

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

<?php get_sidebar(); >

<?php endif; ?>

これでスマホにおいてサイドバーが読み込まれないようになっているかと思います。

記事ページ以外でサイドバーを非表示にしたいという場合は、
【single.php】以外にも対応するテーマファイルにおいて、
同じようにサイドバーを読み込む関数の上下に2行付け加えて下さい。

• トップページ⇒index.php
• 固定ページ⇒page.php
• カテゴリー・タグページ⇒archive.php

2.1:サイドバーの要素を一部残したい場合

もしかしたらスマホにおいてもサイドバーの要素を一部残したい場合があるかもしれないので、
その方法についても説明しておきます。

この場合でもはじめに先ほどと同じように【functions.php】に
「function is_mobile(){・・・」のコードを記載します。

続いて【Widget Logic】というプラグインをインストール＆有効化します。

ウィジェットの編集画面に移ると、
各ウィジェットに『ウィジェットのロジック』という項目が追加されたのが確認できるかと思います。

この部分に

!is_mobile()

と記載するとスマホにおいてそのウィジェットが非表示になります。

なので、スマホでも表示させたい要素以外にこれを記載すれば良いのです。