【Diver】アドセンス広告がスマホ(モバイル)表示されない解決方法

WordPressテーマDiverのスマホでの広告表示の問題を解決します。

Googleアドセンス広告がスマホで表示されないで迷っていませんか？

僕も「なんでスマホだと表示されないの！？」と悩んでいました。

今回の結論は「スマホで広告を表示するには、PCの広告設定と異なる設定が必要」です。

本記事は以下ような人に参考になります。

スマホで広告が表示されない

Diverの記事一覧に広告を設置すると、「the広告!」でなく記事に溶け込むように表示されるのがいいですね！

しかし、広告の設定をしていくとfa-arrow-up上の画像のようにスマホに広告が表示されないで困るという方も多いようです。

アドセンス広告の設定が完了し、スマホでチェックをしてみると「あれ？広告が表示されていない」という悩みに僕はぶちあたりました。

その時の解決策をこれから書いていきます。

スマホで広告が表示されない理由

原因は以下になります。

※グリッドとは『グリッド表示』です。コンテンツをグリッド(格子)のように並べる。
※カラムとは列数のようなものです。

ちょっと難しいかもしれないので簡単にしてみます。

スマホでは『インフォード広告』と『2列以上のグリッド表示』の組み合わせはNGです。

２つの設定を組み合わせた場合は、スマホでは広告が表示されません。

インフィード広告は、表示領域が250px以下だと表示されません。

Diver公式

解決方法

解決方法は以下の２つがあります。

それぞれ説明していきます。

1．グリッド数を1カラムにする

fa-thumbs-o-upメリット

広告が表示される

fa-thumbs-o-downデメリット

グリッド数が1だと、アイキャッチ画像が崩れてしまいます。

せっかく丁寧にアイキャッチを作ったという人は『グリッド数1カラム』は選択しから外しましょう。

また、広告があからさまに表示されていてユーザーに不信感を与えてしまう危険もあります。

fa-cogs設置方法

WordPress編集から『外観』→『カスタマイズ』→『レイアウト設定』と進みます。

記事一覧のモバイルのレイアウト変更を行います。

グリッド表示をチェックし、グリッドの最小カラム数を１とします。

これで設定は完了です。
設定後は上の画像のように表示されます。

2．リスト表示させる

fa-thumbs-o-upメリット

アイキャッチ画像を崩すことなく、広告を張ることができます。

fa-thumbs-o-downデメリット

こちらもグリッド表示と同様に、広告があからさまに表示されてしまいユーザーに不信感を与えてしまう危険がでます。

リストのサイズに対して、広告が大きすぎるのが違和感の問題ですね。

fa-cogs設置方法

WordPress編集から『外観』→『カスタマイズ』→『レイアウト設定』と進みます。

記事一覧のモバイルのレイアウト変更を行います。

リスト表示をチェックします。

これで設定は完了です。
設定後は上の画像のように表示されます。

３．広告を表示させない

fa-thumbs-o-upメリット

広告による違和感をユーザーに与えることなく、純粋に記事を探してもらえる。

ファーストビューで見える記事数が増える。

fa-thumbs-o-downデメリット

広告が表示されない。

fa-cogs設置方法

■グリッド設定

WordPress編集から『外観』→『カスタマイズ』→『レイアウト設定』と進みます。

記事一覧のモバイルのレイアウト変更を行います。

グリッド表示をチェックし、グリッドの最小カラム数を２に設定します。

■広告設定

WordPress編集から『外観』→『Diverオプション』→『インフォード広告タグ』と進みます。

インフォード広告タグの中を空白にします。

これで設定は完了です。
設定後は上の画像のように表示されます。

※上の画像ではグリッド表示にしていますが、『リスト表示＆インフォード広告を張らない』という組み合わせもできます。

スマホで記事一覧設定のオススメ

記事一覧の広告設定では『モバイルは広告を表示させない＆グリッド表示(2カラム)』としています。

理由は肝心の記事がクリックされないことを避けるためです。

アドセンスの広告があからさまに現れるとユーザビリティが低下する恐れがあるとされています。

あなたも、先ほど説明したあからさまな広告には多少違和感を感じたのではないでしょうか？

2カラム以上のグリッド表示では視界に入る記事数を増やせるのもメリットです。

ユーザーがスクロールをすることなく、多くの情報を送れるからです。

まとめ

スマホで広告が表示されない問題についての原因と解決策でした。

広告の張り方によってはユーザーの信頼に関わってくるので、広告の設定方法については考えていきたいでものですね。