ナイチンゲールにはなれない!

看護師おかえりなさいのBLOG

スマホの広告(アドセンス)それってはみ出してませんか?

スマホの広告(アドセンス)それってはみ出してませんか?

なんとなんと今頃ですか!という声が聞こえてきそうですが、スマホへのアドセンス広告の表示がはみ出して画面から切れるように掲載されていたのかも知れません!

スマホの画面サイズは機種によって違う

というのも私の使用しているスマホの画面はやや大ぶりの5インチ程度の機種でありますが、アドセンスのレクタングル大をジャストフィットで表示させることが出来ます。

そのせいか、他のスマホも同じように表示できているものと思っておりました!

しかし!このたびネットで情報収集をしていたら、スマホの現在の画面では320pxの表示までしか行えないものが3割程度あるというではありませんか!

日に日にスマホも大画面化が進んでいるので、この割合は変わっていくでしょうが、よく考えたらモバイルバナーは320×50ですし、ラージモバイルバナーですら320×100という規格でした。

しまった!今までスマホの3割もあるユーザーの画面に当サイトのはみ出し広告という、とても見にくく不愉快なサイズで表示させていたのか・・・。

本当にすいません。スマホの3割のユーザー様。

お詫びのイラスト

これは致命的ミスでした。

不覚でござった!

と忍者っぽく一人寂しくいじけても意味がわからなくなるだけですね!

解決策を検討します。

反省している姿

早いこと広告のサイズを最適化しなくては!

アドセンスのページに行き、新しい広告の作成から300×250のサイズのコードを入手します!

このあたりの作業はもうさすがに慣れてきました。

先日はアドセンスの広告をレスポンシブユニットのアドバンス広告ユニットのサイズを変更す方法についても投稿したとこですし。

アドセンスのレスポンシブ広告をカスタム広告のようにサイズ指定する方法!

おかえりなさい @okaerinasainet です。Googleアドセンスの広告ユニットって最近様々なものが掲載されていますよね。掲載表示される広告は自動的に選択されますは、時にはサイズまでもが、Google先生のお心使いでもっともパフォーマンス(収益性)の高いものへと表示…

そんなアドセンスの広告貼りを慣れたつもりでも、どのように表示されているかを理解していなかったのですから、今後は気をつけていきたいものです。

では、例えば私のように336×280の広告(レクタングル大)のサイズも問題なく表示できるスマホしか持っていない場合、小さな画面ではどのように表示されるのか、直感的にわかる方法はないのか少し調べてみました!

手っ取り早いのは、画面の小さなスマホを借りてみてみるのがいいのですが、なんかこうソフトなんかでできそうなものないかと思いまして・・・。

デパイスごとに表示テストができるWebサイト

次のサイトでは簡易的に様々なデパイスで表示させた場合のテストが可能です。

RWDTT:レスポンシブ・ウェブデザイン テスト・ツール

PC表示そのままのサイズをデパイス別画面サイズで表示させます。

サイズテスト

 アドレスバーに自サイトのURLを入力すればコンテンツを指定したサイズで表示させてはみ出さないかなどの確認位は可能です。

上画像はNexus7(w800px:h1280px)とiPhone3GS(w320px:h480)での表示例です。

このように実際に広告などを表示させたページがサイズ的にマッチしているかの確認をしてみると早く気が付けたかもしれません。

というより、どこまで小さな画面のデパイスに対応するかですが、少なくとも広告がはみ出たりするようなことがあれば、Googleからユーザビリティーの評価が下がりそうですし、広告出稿者にとっても望まれないものとなってしまいサイトの評価自体下がりかねません。

よって、当サイトではなるべく小さなデパイスでもきちんとコンテンツが表示できるように調整していこうと思います。


コメントフォーム

*
*
* (公開されません)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

Return Top