読者です 読者をやめる 読者になる 読者になる

モバイルフレンドリーなインタースティシャル広告サイズ調べ

SEM(PC/スマホ)

ページを開いた瞬間に、ページを覆い隠すような感じで表示されるインタースティシャル広告ですが、やはり少し邪魔だったせいか、モバイル フレンドリー テストのチェック項目に追加されていました。アプリの宣伝的なインタースティシャル広告で、画面を覆い隠すようなサイズだと「問題あり」となるようです。また小さい感じで表示されるものは「問題ない」ようです。

インタースティシャル広告自体やめた方がいいかもですが、どのくらいのサイズまでならOKなのか少し気になったので調べてみました。

 

まず、こんな感じでテストページを用意し、モバイルフレンドリーテストをやってみると、

 

f:id:sumaho-design:20151012051741p:plain

f:id:sumaho-design:20151012051858p:plain

「問題ありません」と表示されます。

 

次に「このページにアクセスすると、画面を覆い隠さない程度のサイズ(width:85%、height:300px)のアプリ広告が出るようにした状態」で、モバイルフレンドリーテストをやってみると、

f:id:sumaho-design:20151012052236p:plain

f:id:sumaho-design:20151012052253p:plain

f:id:sumaho-design:20151012052308p:plain

「モバイルフレンドリーではない可能性があります」というメッセージと、「アプリインストールインタースティシャルを使用しない」に関するメッセージが出てしまいます。

 

「width:85%、height:300px」だとダメだったので、高さを「height:200px」にして、モバイルフレンドリーテストをやってみました。

f:id:sumaho-design:20151012052830p:plain

少し小さくしましたが、まだダメっぽいです。

 

なので高さを「height:150px」にして、モバイルフレンドリーテストをやってみました。

f:id:sumaho-design:20151012053015p:plain

高さ「height:150px」にしたら、「問題ありません」となりました。高さ「height:200px」より小さいアプリ広告サイズなら一応大丈夫みたいです。

 

最後に、上部または下部固定(スクロールしても位置固定の「position:fixed」)状態でも大丈夫か調べてみました。サイズは「width:100%、height:80px」にしてみました。あと黒色にして広告と分かりやすくしました。

 

f:id:sumaho-design:20151013022511p:plain

f:id:sumaho-design:20151013022520p:plain

一応大丈夫みたいです。

…「問題ありません」となっていますが、どのサイズのアプリ広告も少し邪魔ですね。

 

11/7 追記

勝手にスマホサイトまとめ|スマホサイトとjQueryMobileのまとめ

勝手にリスティング広告まとめ|テキスト・イメージ広告、ランディングページまとめ