パソコン画面で超簡単にスマホ表示を確認する方法♪

アフィリエイト

2月に入ってからは高調でして、昨日まで3日間連続でAdSenseのクリックを頂きました♪

3日間の収益合計は528円です♪

よしよし♪ということで、これを1ヶ月換算すると

528円 × 29日 / 3日 = 5,104円~♪

・・・・・すみません・・・・・超皮算用でした・・・

そんな簡単にうまくいくわきゃ~ねぇっすよねぇ~っっ!(泣き笑い)

僕も早く

「厭らしい話になっちゃうからさ~儲け過ぎててハッキリした数字は出せないんだわ~」(暖炉の前でガウンを着てワイングラスを揺らす(笑))

って言える様になりたい(笑)

さて、大体の方々はパソコンで記事を書いていらっしゃると思いますが、スマホで表示した場合、どんな感じになるのか見たい時がありますよね~

このブログについてはスマホで見て頂いている方が多い状況なので、むしろパソコンよりもスマホユーザーを重視し、スマホの画面でバランス良く表示されるような記事を書くことが求められているところでもあります!

今現在の比率ではスマホ(High-end mobile devices)が65%ということで、3分の2をスマホが占めている状況です!

ということで、その方法をご紹介します!

めちゃめちゃ簡単です♪

って言うか今更でしょうか?もしかして今まで知らなかったのは僕だけでしょうか?

使用するのは「Google Chrome」です!それだけです!(もちろんPCもですが(笑))

Google Chromeのデベロッパーツールを使用する

スマホ表示確認1通常のパソコン表示画面です。先ずは右上の青矢印の「Google Chrome設定」をクリックします

 

スマホ表示確認2

一つ目のプルダウンメニュー「その他のツール」をクリックすると、二つ目のメニューが表示されますので「デベロッパーツール」をクリックします

 

スマホ表示確認3すると、このような画面が表示されます

この時点では、代表的なものとして二十数種類程のデバイス画面が設定されています

矢印の部分でプレビューしたいデバイスを選択することができるようになっています

相当細かい設定もできる模様ですが、僕にはさっぱり分かりません(笑)

自分は大凡のイメージを掴む程度で利用しています♪


尚、このツールはPCで表示されている画面をそのままスマホ表示でプレビューしているだけですのでWordPressのテーマ、例えばAffingerのようにPCとスマホで広告表示を個別に設定できるようなものについては、実際のスマホ表示と異なりますのでご注意下さい!(お詳しい方は自力でPCとスマホ表示を別にしている方もいらっしゃると思います!釈迦に説法ですよね(笑))

Affingerのウイジェットで「Googleアドセンス用336px」にAdSense広告を設置すると、PC表示では自動的に記事下に2つ表示されます。それをそのまま今回ご紹介したデベロッパーツールでプレビューすると、AdSenseポリシーのスマホ1画面複数同時表示に違反しているように見えてしまうので、それをそのまま受け取って広告を減らしてしまうと収入が減ってしまいます(笑)

デベロッパーツールをご利用になる場合は、くれぐれも収入が減らないようにお気を付け下さい♪

追記)デベロッパーツールの表示画面から元のPC表示画面に戻る場合は、画面右上の「×」をクリックして下さい♪

にほんブログ村 アフィリエイト
人気ブログランキングへ
FC2 Blog Ranking

コメント

タイトルとURLをコピーしました