WordPressテーマDiverのスマホでの広告表示の問題を解決します。
Googleアドセンス広告がスマホで表示されないで迷っていませんか?
僕も「なんでスマホだと表示されないの!?」と悩んでいました。
今回の結論は「スマホで広告を表示するには、PCの広告設定と異なる設定が必要」です。
本記事は以下ような人に参考になります。
-
-
- スマホのトップページで思ったように広告表示ができない人
-
-
-
- スマホで高億を入れてたい人
-
スマホで広告が表示されない
Diverの記事一覧に広告を設置すると、「the広告!」でなく記事に溶け込むように表示されるのがいいですね!
しかし、広告の設定をしていくとfa-arrow-up上の画像のようにスマホに広告が表示されないで困るという方も多いようです。
アドセンス広告の設定が完了し、スマホでチェックをしてみると「あれ?広告が表示されていない」という悩みに僕はぶちあたりました。
その時の解決策をこれから書いていきます。
スマホで広告が表示されない理由
原因は以下になります。
※グリッドとは『グリッド表示』です。コンテンツをグリッド(格子)のように並べる。
※カラムとは列数のようなものです。
ちょっと難しいかもしれないので簡単にしてみます。
スマホでは『インフォード広告』と『2列以上のグリッド表示』の組み合わせはNGです。
2つの設定を組み合わせた場合は、スマホでは広告が表示されません。
広告枠が小さくて広告が張れないみたい・・
インフィード広告は、表示領域が250px以下だと表示されません。
解決方法
解決方法は以下の2つがあります。
- グリッド数を1カラムにする
- リスト表示させる
- 広告を表示させない
それぞれ説明していきます。
1.グリッド数を1カラムにする
fa-thumbs-o-upメリット
広告が表示される
fa-thumbs-o-downデメリット
グリッド数が1だと、アイキャッチ画像が崩れてしまいます。
せっかく丁寧にアイキャッチを作ったという人は『グリッド数1カラム』は選択しから外しましょう。
また、広告があからさまに表示されていてユーザーに不信感を与えてしまう危険もあります。
fa-cogs設置方法
WordPress編集から『外観』→『カスタマイズ』→『レイアウト設定』と進みます。
記事一覧のモバイルのレイアウト変更を行います。
グリッド表示をチェックし、グリッドの最小カラム数を1とします。
これで設定は完了です。
設定後は上の画像のように表示されます。
2.リスト表示させる
fa-thumbs-o-upメリット
アイキャッチ画像を崩すことなく、広告を張ることができます。
fa-thumbs-o-downデメリット
こちらもグリッド表示と同様に、広告があからさまに表示されてしまいユーザーに不信感を与えてしまう危険がでます。
リストのサイズに対して、広告が大きすぎるのが違和感の問題ですね。
fa-cogs設置方法
WordPress編集から『外観』→『カスタマイズ』→『レイアウト設定』と進みます。
記事一覧のモバイルのレイアウト変更を行います。
リスト表示をチェックします。
これで設定は完了です。
設定後は上の画像のように表示されます。
3.広告を表示させない
fa-thumbs-o-upメリット
広告による違和感をユーザーに与えることなく、純粋に記事を探してもらえる。
ファーストビューで見える記事数が増える。
fa-thumbs-o-downデメリット
広告が表示されない。
fa-cogs設置方法
■グリッド設定
WordPress編集から『外観』→『カスタマイズ』→『レイアウト設定』と進みます。
記事一覧のモバイルのレイアウト変更を行います。
グリッド表示をチェックし、グリッドの最小カラム数を2に設定します。
■広告設定
WordPress編集から『外観』→『Diverオプション』→『インフォード広告タグ』と進みます。
インフォード広告タグの中を空白にします。
これで設定は完了です。
設定後は上の画像のように表示されます。
※上の画像ではグリッド表示にしていますが、『リスト表示&インフォード広告を張らない』という組み合わせもできます。
スマホで記事一覧設定のオススメ
記事一覧の広告設定では『モバイルは広告を表示させない&グリッド表示(2カラム)』としています。
理由は肝心の記事がクリックされないことを避けるためです。
アドセンスの広告があからさまに現れるとユーザビリティが低下する恐れがあるとされています。
あなたも、先ほど説明したあからさまな広告には多少違和感を感じたのではないでしょうか?
嫌らしく感じちゃうよ・・・
2カラム以上のグリッド表示では視界に入る記事数を増やせるのもメリットです。
ユーザーがスクロールをすることなく、多くの情報を送れるからです。
まとめ
スマホで広告が表示されない問題についての原因と解決策でした。
広告の張り方によってはユーザーの信頼に関わってくるので、広告の設定方法については考えていきたいでものですね。