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

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

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

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

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

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

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

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

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

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

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

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

一応大丈夫みたいです。

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

11/7 追記

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

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