こんな人の裏側。

ブログ運営に関する事とか、語りたい事とか。

スマホの広告が思うように表示されない原因を1つ見つけた!

こんにちは、インコです。

色々書きたい事はあるけど、上手く記事としてまとめられない今日この頃。

リアルタイムで悩んでる事を何も書かずに解決してしまうと それで満足して、もう良いやとなってしまうのが、とてももったいない! ネタはちゃんとネタにしないと!

なので、これからはとりあえずリアルタイムで悩んでる事を書いて 解決したら後で綺麗にまとめる、という手法をとる事にします。

じゃあ早速、今悩んでいる 「スマホの広告が思うように表示されない原因」についてお話します!

スマホで見た時の広告表示が上手くいかない

ある日、スマホで自分のサイトを見たら

「記事下広告」→「前後のページ」→「サイドバー広告」と 広告がほぼ連続で表示されてたんです。

(あれ?おかしいな…スマホは記事下の広告だけにしてるはずなのに…。)

あまり見てもらえない所に広告入れて全体の読み込みが遅くなるのは 閲覧者にとっても管理者にとってもあまり好ましい事ではなく、

その上Googleアドセンスの規約的にも連続広告と見なされる可能性もあるので 誰にとっても得をしない状態なのです。

これはすぐにでも改善しなくては…だけど原因が分からない!

原因と思われる物を確認していくと…

PCの場合は記事下とサイドバーに、 モバイル端末から見た場合は記事下に広告が表示されるようにしてあります。 これには条件分岐プラグインWidget Logic」を使ってます。 (※これでサイドバーの広告を「モバイル端末以外に表示」させている)

なので、まず真っ先に考えたのが「Widget Logic」の条件分岐コードを ミスってるのではないか?という事。

しかし、ウィジェットを開いてコードを確認してもおかしい点はない。

とすれば原因は何処にあるのか?

改めて考えてみると今まで正常に表示されている事も何度もあった。 同じ条件でも変だったり正常だったり…。

改めて表示がおかしくなっているページをスマホで再確認して気づく。 スマホで見た時、閲覧者が押しやすいように一番上にしているはずのブログランキングウィジェットが、サイドバーの一番下に表示されている。

(あ、これサイドバーの並び方パソコンと全く同じになってる…?)

そして他のページも見るとサイドバーが モバイル用の配置になってるページと、 パソコン用の配置になってるページの2種類に分かれていた。

条件が全く同じなのに表示が違う。 ここで1つ、思い当たる節が出てきた。

もしかして、キャッシュ…!?

キャッシュは簡単に言うと閲覧者に早くページを表示する方法の1つです。

ページを表示させるには文字、画像などの情報をアクセスがある度に読み込まなくてはならないのですが、 見られる度に情報を全て読み込むとなると、どうしても動作が遅くなります。

見るページは全く同じなのに、毎回情報全て読み込むのって面倒臭くね? 完成したページをまるっと保存して、 次から来る人にはその撮った物一枚を呼び出せば楽なんじゃね?

という管理者と閲覧者お互いwinwinの機能(個人的見解)がキャッシュです。 実際、キャッシュされたページは表示されるのがかなり速いです。

ただ、上手く使わないと文章を更新したいのにすぐに反映されなかったり、 色々面倒臭いところはあります(私の知識不足もありますが)。

今回の件は記事を一番最初に見たのがパソコンユーザーで、その時点でPC用のページがキャッシュされ、

その後誰がスマホで見ても表示されるのはモバイル端末用のページではなく、キャッシュされたPC用のページ…という現象では…?

確認の為にキャッシュを止めてみる

プラグインの画面からキャッシュプラグインを停止。(ちなみに使っていたのは「WP Super Cache」)

その後確認の為いくつか記事を早送り…。 全てモバイル用の配置になっていることを確認し、一安心。

ふふ…人にアクティブビュー視認可能率について語っておきながら 何で自分でアクティブビュー視認可能率下げてるのよ…ウケる…orz

やっぱりキャッシュだった!!

やはりPCページがキャッシュされて そのキャッシュをスマホで読み込んでいたが為の現象と判明。 キャッシュ消したらスマホの広告1個だけになったよ…良かった…。

逆に、最初にモバイルで見るとモバイルページのキャッシュが作られて パソコンのサイドバーがレクタングルになったりする訳だ…なるほど。

キャッシュを解除した事によって 以前気にしていた4Gの読み込みの遅さが気にかかったけど、 http/2とSSL化で高速化に成功してるから前よりはマシになってるし、 これで連続広告を防げるとなれば 他の解決策が見つかるまでキャッシュは使わずに運営してみます。

(★http/2とSSL化で高速化についてはまた記事を書く予定。)

キャッシュ自体は凄く便利な機能なので、どうにかこの状態を改善したい…。